/* Plan 18: controles propios, sin iconos/imagenes remotos y con colores de la piel. */
.me-compartir { color: var(--sc-texto); font-size: 14px; line-height: 1.5; }
.me-compartir [hidden] { display: none !important; }
.me-compartir-opciones { display: flex; flex-wrap: wrap; gap: 6px; }
.me-compartir .me-compartir-opciones > a,
.me-compartir .me-compartir-opciones > button {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; padding: 6px 10px; box-sizing: border-box;
    border: 1px solid var(--oro-texto); border-radius: 4px;
    background: var(--sc-fondo); color: var(--sc-texto);
    font: inherit; text-decoration: none; cursor: pointer;
}
.me-compartir .me-compartir-opciones > a:hover,
.me-compartir .me-compartir-opciones > button:hover { background: var(--oro); color: var(--sc-texto); }
.me-compartir a:focus-visible, .me-compartir button:focus-visible,
.me-compartir input:focus-visible { outline: 3px solid var(--oro-texto); outline-offset: 2px; }
.me-compartir-manual, .me-compartir-status { display: block; margin-top: 8px; }
.me-compartir-manual input { display: block; width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }

/* Plan 19: los consumidores anteriores conservan texto; portada prueba la fila de iconos.
 * La sección propia evita heredar los anchos fijos y el padding de las galerías. */
.me-compartir-icono { display: none; }
section.me-compartir-seccion { width: 100%; padding: 28px 8px; box-sizing: border-box; background: var(--sc-fondo); }
.me-compartir--iconos { max-width: 1100px; margin: 0 auto; text-align: center; }
.me-compartir--iconos .me-compartir-opciones { flex-wrap: nowrap; justify-content: center; align-items: center; gap: 8px; }
.me-compartir--iconos .me-compartir-titulo { white-space: nowrap; margin-right: 4px; }
.me-compartir--iconos .me-compartir-opciones > :is(a, button) {
    flex: 0 0 44px; width: 44px; height: 44px; padding: 10px;
    color: var(--oro-texto); border-radius: 6px;
}
.me-compartir--iconos .me-compartir-icono { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* El auricular macizo evita que sus detalles se apelmacen al reducirlo a 22px. */
.me-compartir--iconos .me-compartir-telefono { fill: currentColor; stroke: none; }
.me-compartir--iconos .me-compartir-texto { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.me-compartir--iconos .me-compartir-status:empty { display: none; }
.me-compartir--iconos .me-compartir-manual { max-width: 600px; margin-left: auto; margin-right: auto; text-align: left; }
/* Hasta 479px se compacta la fila completa sin convertirla en varias filas. */
@media (max-width: 479px) {
    .me-compartir--iconos { font-size: 12px; }
    .me-compartir--iconos .me-compartir-opciones { gap: 2px; }
    .me-compartir--iconos .me-compartir-titulo { margin-right: 2px; }
    .me-compartir--iconos .me-compartir-opciones > :is(a, button) { flex-basis: 32px; width: 32px; min-width: 0; padding: 5px; }
}