/* esTenerife · Google News + Compartir tras la firma · theme 3.8.3
   Discretos: 13 px, en gris claro, tras «Autor | Ciudad» con su misma barra. */
.et-sd {
    display: inline-flex; align-items: center; gap: 7px;
    margin: 0; padding: 0 0 0 2px;
    vertical-align: middle; position: relative; line-height: 0;
    text-transform: none; letter-spacing: 0; flex: 0 0 auto;
}
.et-sd::before { content: '|'; color: #D4D4D4; font: 400 11px/1 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; margin-right: 1px; }
.et-sd__b {
    -webkit-appearance: none; appearance: none;
    width: 14px; height: 14px; min-width: 14px; min-height: 14px !important; max-height: 14px; aspect-ratio: 1 / 1;
    padding: 0; margin: 0; box-sizing: border-box; flex: 0 0 auto; line-height: 0;
    border-radius: 50%; border: 1px solid #C9C9CD; background: transparent; color: #9A9AA1;
    display: inline-grid; place-items: center; cursor: pointer; text-decoration: none !important; box-shadow: none; position: relative;
    -webkit-tap-highlight-color: transparent;
    transition: transform .14s ease, border-color .18s ease, color .18s ease, background .18s ease;
}
.et-sd__b::after { content: ''; position: absolute; inset: -8px; border-radius: 50%; }   /* zona de toque de 30 px sin cambiar el tamaño visual */
.et-sd__b svg { width: 7px; height: 7px; display: block; }
.et-sd__b--g svg { width: 8px; height: 8px; }
.et-sd__b:active { transform: scale(.88); }
@media (hover: hover) {
    .et-sd__b:hover { border-color: #33519F; color: #33519F; }
}
.et-sd__b.is-open { border-color: #33519F; background: #33519F; color: #fff; }

/* Menú de compartir: columna de círculos bajo el botón, como en la noticia */
.et-sd__pop {
    position: absolute; right: -4px; top: calc(100% + 10px); z-index: 95;
    display: flex; flex-direction: column; gap: 6px; padding: 6px;
    background: rgba(255, 255, 255, .98); border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, .06), 0 14px 34px -14px rgba(10, 10, 10, .35);
    opacity: 0; transform: translateY(-6px) scale(.96); transform-origin: top right; pointer-events: none;
    transition: opacity .18s ease, transform .22s cubic-bezier(.2, .8, .2, 1);
}
.et-sd__pop.is-on { opacity: 1; transform: none; pointer-events: auto; }
.et-sd__i {
    width: 32px; height: 32px; min-height: 0 !important; border-radius: 50%; border: 0; padding: 0; margin: 0; color: #fff; flex: 0 0 auto;
    display: grid; place-items: center; cursor: pointer; text-decoration: none !important; -webkit-tap-highlight-color: transparent;
    transition: transform .14s ease, filter .18s ease;
}
.et-sd__i svg { width: 14px; height: 14px; display: block; }
.et-sd__i:active { transform: scale(.92); }
@media (hover: hover) { .et-sd__i:hover { filter: brightness(1.08); } }
.et-sd__i--fb { background: #1877F2; }
.et-sd__i--x  { background: #0A0A0A; }
.et-sd__i--wa { background: #25D366; }
.et-sd__i--ml { background: #6B7280; }
.et-sd__i--cp { background: #33519F; }
.et-sd__i--nt { background: #EEF2FB; color: #33519F; }
.et-sd__toast {
    position: fixed; left: 50%; bottom: calc(96px + env(safe-area-inset-bottom, 0px)); z-index: 9999;
    transform: translateX(-50%) translateY(10px); padding: 10px 16px; border-radius: 999px;
    background: #0A0A0A; color: #fff; font: 600 13px/1 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    opacity: 0; transition: opacity .2s ease, transform .25s ease; pointer-events: none;
}
.et-sd__toast.is-on { opacity: 1; transform: translateX(-50%); }

/* Nada empuja los botones a la derecha: van pegados a la ciudad */
.et-pcv2-hero__byline > .et-sd, .et-pcv2-hero__byline > .et-sd:last-child, .et-mhero__meta > .et-sd, .et-m-grid__byline > .et-sd, .et-mapp__by > .et-sd { margin-left: 0 !important; margin-right: 0 !important; }

/* Firmas que no eran flex: en línea con el autor y la ciudad */
.et-mapp__by { display: flex !important; align-items: center; flex-wrap: wrap; }
.et-m-grid__byline { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }

/* 3.8.2 · Blindaje frente a los estilos genéricos de enlaces/botones del PC
   (color, fondo, borde, filtros) que descolorían el menú de compartir */
.et-sd .et-sd__b, .et-sd .et-sd__b:visited { color: #9A9AA1 !important; background: transparent !important; border: 1px solid #C9C9CD !important; box-shadow: none !important; filter: none !important; opacity: 1 !important; text-decoration: none !important; border-radius: 50% !important; }
.et-sd .et-sd__b.is-open { color: #fff !important; background: #33519F !important; border-color: #33519F !important; }
@media (hover: hover) { .et-sd .et-sd__b:hover { color: #33519F !important; border-color: #33519F !important; background: transparent !important; } }
.et-sd .et-sd__i, .et-sd .et-sd__i:visited, .et-sd .et-sd__i:hover { color: #fff !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; opacity: 1 !important; border-radius: 50% !important; }
.et-sd .et-sd__i--fb, .et-sd .et-sd__i--fb:hover { background: #1877F2 !important; }
.et-sd .et-sd__i--x, .et-sd .et-sd__i--x:hover   { background: #0A0A0A !important; }
.et-sd .et-sd__i--wa, .et-sd .et-sd__i--wa:hover { background: #25D366 !important; }
.et-sd .et-sd__i--ml, .et-sd .et-sd__i--ml:hover { background: #6B7280 !important; }
.et-sd .et-sd__i--cp, .et-sd .et-sd__i--cp:hover { background: #33519F !important; }
.et-sd .et-sd__i--nt, .et-sd .et-sd__i--nt:hover { background: #EEF2FB !important; color: #33519F !important; }
.et-sd svg [fill="currentColor"] { fill: currentColor !important; }
.et-sd svg [stroke="currentColor"] { stroke: currentColor !important; }
.et-sd svg [fill="none"] { fill: none !important; }
.et-sd svg { color: inherit; }
.et-sd .et-sd__pop { background: rgba(255, 255, 255, .98) !important; border: 0 !important; }

/* 3.8.3 · En PC, un punto más grandes (14 → 17 px) */
@media (min-width: 1025px) {
    .et-sd { gap: 8px; }
    .et-sd .et-sd__b { width: 17px !important; height: 17px !important; min-width: 17px !important; min-height: 17px !important; max-height: 17px !important; }
    .et-sd .et-sd__b svg { width: 9px; height: 9px; }
    .et-sd .et-sd__b--g svg { width: 10px; height: 10px; }
}