/* ===================================================================== SELECTOR DE IDIOMA [eg_idiomas] / dentro de [eg_boton_perfil] Mismo lenguaje visual del header: rectángulo con esquinas redondeadas, fondo card, naranja para el activo. ===================================================================== */ .eg-hdr-acciones { display: flex; align-items: center; gap: 14px; } .eg-idiomas { position: relative; flex: none; } .eg-idiomas .eg-idi-btn, .eg-idiomas .eg-idi-btn:hover, .eg-idiomas .eg-idi-btn:focus { display: inline-flex; align-items: center; gap: 5px; height: 38px; min-height: 0; padding: 0 9px 0 11px !important; margin: 0; border: 0 !important; border-radius: var(--eg-radio, 8px); background: rgba(255, 255, 255, 0.06) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); color: var(--eg-texto, #f3f3f3) !important; font-family: var(--eg-f-texto, 'Barlow', system-ui, sans-serif); font-size: 14px; font-weight: 700; letter-spacing: .06em; line-height: 1; text-transform: uppercase; cursor: pointer; transition: box-shadow .2s, background .2s; } .eg-idiomas .eg-idi-btn:hover, .eg-idiomas.eg-abierto .eg-idi-btn { background: rgba(255, 255, 255, 0.09) !important; box-shadow: inset 0 0 0 1px rgba(254, 112, 6, 0.55); } .eg-idiomas .eg-idi-btn:focus-visible { outline: 2px solid var(--eg-naranja, #fe7006); outline-offset: 2px; } .eg-idi-flecha { flex: none; color: var(--eg-texto-2, #b4b4bf); transition: transform .2s; } .eg-idiomas.eg-abierto .eg-idi-flecha { transform: rotate(180deg); } /* Solo se ve la sigla del idioma activo (lo decide ) */ .eg-idi-sigla { display: none; } html:not([data-eg-idioma]) .eg-idi-sigla-es, html[data-eg-idioma="es"] .eg-idi-sigla-es, html[data-eg-idioma="pt"] .eg-idi-sigla-pt, html[data-eg-idioma="en"] .eg-idi-sigla-en { display: inline; } /* ---- Desplegable ---- */ .eg-idi-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 99999; min-width: 190px; margin: 0 !important; padding: 6px !important; list-style: none !important; border-radius: var(--eg-radio, 8px); background: var(--eg-card, #1e1e24); box-shadow: var(--eg-sombra-alta, 0 22px 44px -18px rgba(0, 0, 0, .8)); } .eg-idi-menu[hidden] { display: none !important; } .eg-idi-menu li { margin: 0 !important; padding: 0 !important; list-style: none !important; } .eg-idi-menu .eg-idi-op, .eg-idi-menu .eg-idi-op:hover, .eg-idi-menu .eg-idi-op:focus { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 0; padding: 10px 12px !important; margin: 0; border: 0 !important; border-radius: 6px; background: transparent !important; box-shadow: none; color: var(--eg-texto, #f3f3f3) !important; font-family: var(--eg-f-texto, 'Barlow', system-ui, sans-serif); font-size: 15px; font-weight: 600; letter-spacing: 0; line-height: 1.2; text-align: left; text-transform: none; cursor: pointer; transition: background .2s, color .2s; } .eg-idi-menu .eg-idi-op:hover { background: rgba(255, 255, 255, 0.05) !important; color: var(--eg-naranja, #fe7006) !important; } .eg-idi-op img { flex: none; width: 20px; height: 14px; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); } .eg-idi-nombre { flex: 1; } .eg-idi-cod { font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--eg-texto-3, #8f8f9b); } /* Idioma activo marcado en naranja */ html:not([data-eg-idioma]) .eg-idi-op-es, html[data-eg-idioma="es"] .eg-idi-op-es, html[data-eg-idioma="pt"] .eg-idi-op-pt, html[data-eg-idioma="en"] .eg-idi-op-en { color: var(--eg-naranja, #fe7006) !important; background: var(--eg-naranja-suave, rgba(254, 112, 6, 0.12)) !important; } html:not([data-eg-idioma]) .eg-idi-op-es .eg-idi-cod, html[data-eg-idioma="es"] .eg-idi-op-es .eg-idi-cod, html[data-eg-idioma="pt"] .eg-idi-op-pt .eg-idi-cod, html[data-eg-idioma="en"] .eg-idi-op-en .eg-idi-cod { color: var(--eg-naranja, #fe7006); } /* ---- Escritorio: menú · idioma | cuenta ---- La rayita que separaba "menú | cuenta" (borde del bloque HTML 1 de Astra) pasa a estar ENTRE el idioma y la cuenta. */ .ast-desktop #masthead .ast-header-html-1:has(.eg-hdr-acciones .eg-idiomas) { padding-left: 0; border-left: 0; } .ast-desktop #masthead .eg-hdr-acciones { gap: 18px; } .ast-desktop #masthead .eg-hdr-acciones > .eg-idiomas { display: flex; align-items: center; padding-right: 18px; border-right: 1px solid var(--eg-sep, rgba(255, 255, 255, 0.12)); } /* ---- Celular: más compacto en la barra; dentro del menú hamburguesa no se repite (ya está arriba, en la barra). ---- */ .ast-header-break-point #masthead .ast-mobile-header-wrap .eg-hdr-acciones { gap: 8px; } .ast-header-break-point #masthead .ast-mobile-header-wrap .eg-idi-btn { height: 34px; padding: 0 6px 0 8px !important; font-size: 13px; } .ast-mobile-header-content .eg-idiomas, .ast-mobile-popup-content .eg-idiomas { display: none; } .ast-mobile-header-content .eg-hdr-acciones, .ast-mobile-popup-content .eg-hdr-acciones { display: block; } /* ===================================================================== OCULTAR LA INTERFAZ DE GOOGLE TRANSLATE (barra superior, globos al pasar el mouse, resaltado de textos) ===================================================================== */ .goog-te-banner-frame, iframe.skiptranslate, .skiptranslate > iframe, #goog-gt-tt, .goog-te-balloon-frame, .goog-tooltip, .goog-te-spinner-pos, .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, .VIpgJd-yAWNEb-L7lbkb, #eg-gt-elemento { display: none !important; visibility: hidden !important; } html body { top: 0 !important; } .goog-text-highlight, .VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background: none !important; box-shadow: none !important; } font { background: transparent !important; box-shadow: none !important; }