
/* VSP Botones Compartir 1.0.6 - trazo normal y clip restaurado */
.vsp-share-enhanced {
    --vsp-share-size: 48px;
    --vsp-share-gap: 8px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: var(--vsp-share-gap) !important;
}

.vsp-share-enhanced a,
.vsp-share-enhanced button {
    position: relative !important;
    width: var(--vsp-share-size) !important;
    height: var(--vsp-share-size) !important;
    min-width: var(--vsp-share-size) !important;
    min-height: var(--vsp-share-size) !important;
    max-width: var(--vsp-share-size) !important;
    max-height: var(--vsp-share-size) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.vsp-share-enhanced a:hover,
.vsp-share-enhanced button:hover {
    filter: brightness(1.04);
}

/* Centrado real: corrige glifos de FontAwesome que visualmente se cargaban a un lado */
.vsp-share-enhanced a > i,
.vsp-share-enhanced button > i,
.vsp-share-enhanced a > svg,
.vsp-share-enhanced button > svg,
.vsp-share-enhanced a > span,
.vsp-share-enhanced button > span,
.vsp-share-enhanced a .fa,
.vsp-share-enhanced a .fab,
.vsp-share-enhanced a .fas,
.vsp-share-enhanced a .far,
.vsp-share-enhanced button .fa,
.vsp-share-enhanced button .fab,
.vsp-share-enhanced button .fas,
.vsp-share-enhanced button .far {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    line-height: 1 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.vsp-share-enhanced a > svg,
.vsp-share-enhanced button > svg,
.vsp-share-enhanced a svg,
.vsp-share-enhanced button svg {
    width: 24px !important;
    height: 24px !important;
    fill: #fff !important;
    stroke: none !important;
}

/* Tamaño visual final: Facebook, WhatsApp e Instagram iguales a X */
.vsp-share-enhanced .vsp-btn-facebook i,
.vsp-share-enhanced .vsp-btn-facebook .fa,
.vsp-share-enhanced .vsp-btn-facebook .fab,
.vsp-share-enhanced .vsp-btn-facebook .fas,
.vsp-share-enhanced .vsp-btn-facebook span { font-size: 25px !important; }

.vsp-share-enhanced .vsp-btn-x i,
.vsp-share-enhanced .vsp-btn-x .fa,
.vsp-share-enhanced .vsp-btn-x .fab,
.vsp-share-enhanced .vsp-btn-x .fas,
.vsp-share-enhanced .vsp-btn-x span { font-size: 25px !important; }

.vsp-share-enhanced .vsp-btn-whatsapp i,
.vsp-share-enhanced .vsp-btn-whatsapp .fa,
.vsp-share-enhanced .vsp-btn-whatsapp .fab,
.vsp-share-enhanced .vsp-btn-whatsapp .fas,
.vsp-share-enhanced .vsp-btn-whatsapp span { font-size: 25px !important; }

.vsp-share-enhanced .vsp-btn-instagram i,
.vsp-share-enhanced .vsp-btn-instagram .fa,
.vsp-share-enhanced .vsp-btn-instagram .fab,
.vsp-share-enhanced .vsp-btn-instagram .fas,
.vsp-share-enhanced .vsp-btn-instagram span { font-size: 25px !important; }

.vsp-share-enhanced .vsp-btn-copy i,
.vsp-share-enhanced .vsp-btn-copy .fa,
.vsp-share-enhanced .vsp-btn-copy .fas,
.vsp-share-enhanced .vsp-btn-copy span { font-size: 23px !important; }

.vsp-share-enhanced .vsp-btn-print i,
.vsp-share-enhanced .vsp-btn-print .fa,
.vsp-share-enhanced .vsp-btn-print .fas,
.vsp-share-enhanced .vsp-btn-print span { font-size: 22px !important; }

.vsp-share-enhanced .vsp-btn-more i,
.vsp-share-enhanced .vsp-btn-more .fa,
.vsp-share-enhanced .vsp-btn-more .fas,
.vsp-share-enhanced .vsp-btn-more span { font-size: 22px !important; }

/* Colores oficiales/acordados */
.vsp-share-enhanced .vsp-btn-facebook { background: #1877F2 !important; }
.vsp-share-enhanced .vsp-btn-x { background: #1D9BF0 !important; }
.vsp-share-enhanced .vsp-btn-whatsapp { background: #25D366 !important; }
.vsp-share-enhanced .vsp-btn-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 42%, #d6249f 60%, #285AEB 90%) !important;
}
.vsp-share-enhanced .vsp-btn-copy { background: #F59E0B !important; }
.vsp-share-enhanced .vsp-btn-print { background: #475569 !important; }
.vsp-share-enhanced .vsp-btn-more { background: #334155 !important; }

@media (max-width: 767px) {
    .vsp-share-enhanced { --vsp-share-size: 44px; --vsp-share-gap: 7px; }
    .vsp-share-enhanced .vsp-btn-facebook i,
    .vsp-share-enhanced .vsp-btn-facebook .fa,
    .vsp-share-enhanced .vsp-btn-facebook .fab,
    .vsp-share-enhanced .vsp-btn-whatsapp i,
    .vsp-share-enhanced .vsp-btn-whatsapp .fa,
    .vsp-share-enhanced .vsp-btn-whatsapp .fab,
    .vsp-share-enhanced .vsp-btn-instagram i,
    .vsp-share-enhanced .vsp-btn-instagram .fa,
    .vsp-share-enhanced .vsp-btn-instagram .fab,
    .vsp-share-enhanced .vsp-btn-x i,
    .vsp-share-enhanced .vsp-btn-x .fa,
    .vsp-share-enhanced .vsp-btn-x .fab { font-size: 24px !important; }
}


/* 1.0.5: acabado más fino, sin apariencia bold */
.vsp-share-enhanced .vsp-btn-facebook i,
.vsp-share-enhanced .vsp-btn-facebook span,
.vsp-share-enhanced .vsp-btn-x i,
.vsp-share-enhanced .vsp-btn-x span,
.vsp-share-enhanced .vsp-btn-whatsapp i,
.vsp-share-enhanced .vsp-btn-whatsapp span,
.vsp-share-enhanced .vsp-btn-instagram i,
.vsp-share-enhanced .vsp-btn-instagram span {
    font-weight: 400 !important;
    font-style: normal !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.vsp-share-enhanced .vsp-btn-facebook svg,
.vsp-share-enhanced .vsp-btn-x svg,
.vsp-share-enhanced .vsp-btn-whatsapp svg,
.vsp-share-enhanced .vsp-btn-instagram svg {
    fill: #fff !important;
    stroke: none !important;
    stroke-width: 0 !important;
}

/* Mantiene el mismo tamaño visual, con trazo más limpio */
.vsp-share-enhanced .vsp-btn-facebook i,
.vsp-share-enhanced .vsp-btn-facebook .fa,
.vsp-share-enhanced .vsp-btn-facebook .fab,
.vsp-share-enhanced .vsp-btn-facebook span,
.vsp-share-enhanced .vsp-btn-x i,
.vsp-share-enhanced .vsp-btn-x .fa,
.vsp-share-enhanced .vsp-btn-x .fab,
.vsp-share-enhanced .vsp-btn-x span,
.vsp-share-enhanced .vsp-btn-whatsapp i,
.vsp-share-enhanced .vsp-btn-whatsapp .fa,
.vsp-share-enhanced .vsp-btn-whatsapp .fab,
.vsp-share-enhanced .vsp-btn-whatsapp span,
.vsp-share-enhanced .vsp-btn-instagram i,
.vsp-share-enhanced .vsp-btn-instagram .fa,
.vsp-share-enhanced .vsp-btn-instagram .fab,
.vsp-share-enhanced .vsp-btn-instagram span {
    font-size: 24px !important;
}

/* Restaura el clip sin reemplazar el HTML ni alterar la función de copiar */
.vsp-share-enhanced .vsp-btn-copy > i,
.vsp-share-enhanced .vsp-btn-copy > svg,
.vsp-share-enhanced .vsp-btn-copy > span,
.vsp-share-enhanced .vsp-btn-copy .fa,
.vsp-share-enhanced .vsp-btn-copy .fas,
.vsp-share-enhanced .vsp-btn-copy .far {
    opacity: 0 !important;
}

.vsp-share-enhanced .vsp-btn-copy::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 23px !important;
    height: 23px !important;
    transform: translate(-50%, -50%) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") !important;
    pointer-events: none !important;
}


/* 1.0.6: blindaje para no convertir tarjetas de “Te puede interesar” en círculos */
.related-posts .vsp-share-enhanced,
.related_posts .vsp-share-enhanced,
.post-related .vsp-share-enhanced,
[class*="related"] .vsp-share-enhanced,
[class*="recommend"] .vsp-share-enhanced,
[class*="carousel"] .vsp-share-enhanced,
[class*="slider"] .vsp-share-enhanced {
    display: revert !important;
}
