/* ==========================================================================
   EFGN Translator Widget v5.0
   ========================================================================== */

/* Contenedor — SIN all:unset para preservar position:fixed */
#efgn-widget {
    position: fixed !important;
    z-index: 2147483647 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#efgn-widget.efgn-pos-bottom-right { bottom: 24px !important; right: 24px !important; top: auto !important; left: auto !important; }
#efgn-widget.efgn-pos-bottom-left  { bottom: 24px !important; left:  24px !important; top: auto !important; right: auto !important; }
#efgn-widget.efgn-pos-top-right    { top: 90px !important;    right: 24px !important; bottom: auto !important; left: auto !important; }
#efgn-widget.efgn-pos-top-left     { top: 90px !important;    left:  24px !important; bottom: auto !important; right: auto !important; }

/* Botón toggle */
#efgn-toggle {
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    background: #ffffff !important;
    border: 1.5px solid #E4C5C6 !important;
    border-radius: 100px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 16px rgba(109,73,63,0.15) !important;
    color: #1d1714 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    outline: none !important;
    text-decoration: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    text-align: left !important;
    vertical-align: middle !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: border-color .2s, box-shadow .2s, transform .15s !important;
}

#efgn-toggle:hover {
    border-color: #B6918C !important;
    box-shadow: 0 4px 20px rgba(182,145,140,0.3) !important;
    transform: translateY(-1px) !important;
}

#efgn-widget.is-open #efgn-toggle {
    border-color: #B6918C !important;
}

/* Bandera botón */
#efgn-toggle .efgn-flag-box {
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    width: 22px !important;
    height: 15px !important;
    min-width: 22px !important;
    min-height: 15px !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    -webkit-flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
    margin: 0 !important;
    padding: 0 !important;
}

#efgn-toggle .efgn-flag-box svg {
    display: block !important;
    width: 22px !important;
    height: 15px !important;
    min-width: 22px !important;
    min-height: 15px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Nombre */
#efgn-toggle .efgn-current-name {
    display: inline !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1d1714 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Flecha */
#efgn-toggle .efgn-arrow {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    color: #B6918C !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform .2s !important;
}

#efgn-widget.is-open #efgn-toggle .efgn-arrow {
    transform: rotate(180deg) !important;
}

/* Dropdown */
#efgn-dropdown {
    display: block !important;
    position: absolute !important;
    background: #ffffff !important;
    border: 1.5px solid #E4C5C6 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(109,73,63,0.18) !important;
    padding: 6px 6px 6px 6px !important;
    margin: 0 !important;
    min-width: 175px !important;
    width: auto !important;
    list-style: none !important;
    list-style-type: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .18s, visibility .18s, transform .18s !important;
    z-index: 2147483647 !important;
}

#efgn-widget.efgn-pos-bottom-right #efgn-dropdown,
#efgn-widget.efgn-pos-bottom-left  #efgn-dropdown {
    bottom: calc(100% + 8px) !important;
    top: auto !important;
    transform: translateY(-4px) scale(.97) !important;
    transform-origin: bottom center !important;
}
#efgn-widget.efgn-pos-top-right #efgn-dropdown,
#efgn-widget.efgn-pos-top-left  #efgn-dropdown {
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    transform: translateY(4px) scale(.97) !important;
    transform-origin: top center !important;
}
#efgn-widget.efgn-pos-bottom-right #efgn-dropdown,
#efgn-widget.efgn-pos-top-right    #efgn-dropdown { right: 0 !important; left: auto !important; }
#efgn-widget.efgn-pos-bottom-left  #efgn-dropdown,
#efgn-widget.efgn-pos-top-left     #efgn-dropdown { left: 0 !important; right: auto !important; }

#efgn-widget.is-open #efgn-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

/* LI — reset total contra el tema */
#efgn-dropdown li,
#efgn-dropdown > li {
    display: block !important;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    background: transparent !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-height: 0 !important;
    line-height: normal !important;
}

/* Botón opción */
#efgn-dropdown li button,
#efgn-dropdown li .efgn-option {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 9px 12px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    color: #1d1714 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: background .12s, color .12s !important;
    box-shadow: none !important;
    float: none !important;
}

#efgn-dropdown li button:hover,
#efgn-dropdown li .efgn-option:hover {
    background: #FAEBED !important;
    color: #6d493f !important;
}

#efgn-dropdown li button.is-active,
#efgn-dropdown li .efgn-option.is-active {
    background: #B6918C !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

#efgn-dropdown li button.is-active:hover,
#efgn-dropdown li .efgn-option.is-active:hover {
    background: #95746D !important;
}

/* Bandera en opción */
#efgn-dropdown li button .efgn-flag-box,
#efgn-dropdown li .efgn-option .efgn-flag-box {
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    width: 22px !important;
    height: 15px !important;
    min-width: 22px !important;
    min-height: 15px !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
    margin: 0 !important;
    padding: 0 !important;
}

#efgn-dropdown li button .efgn-flag-box svg,
#efgn-dropdown li .efgn-option .efgn-flag-box svg {
    display: block !important;
    width: 22px !important;
    height: 15px !important;
    min-width: 22px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Nombre idioma en opción */
#efgn-dropdown li button .efgn-lang-name,
#efgn-dropdown li .efgn-option .efgn-lang-name {
    display: inline !important;
    flex: 1 !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Check */
#efgn-dropdown li button .efgn-check,
#efgn-dropdown li .efgn-option .efgn-check {
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Google Translate oculto */
.goog-te-banner-frame { display: none !important; }
.skiptranslate        { display: none !important; }
body                  { top: 0 !important; }
#google_translate_element { display: none !important; }

/* Responsive móvil */
@media (max-width: 600px) {
    #efgn-widget.efgn-pos-bottom-right { bottom: 16px !important; right: 16px !important; }
    #efgn-widget.efgn-pos-bottom-left  { bottom: 16px !important; left:  16px !important; }
    #efgn-widget.efgn-pos-top-right    { top: 70px !important;    right: 16px !important; }
    #efgn-widget.efgn-pos-top-left     { top: 70px !important;    left:  16px !important; }
    #efgn-toggle .efgn-current-name    { display: none !important; }
    #efgn-toggle                       { padding: 10px 12px !important; }
    #efgn-dropdown                     { min-width: 155px !important; }
}

@media (prefers-reduced-motion: reduce) {
    #efgn-toggle, #efgn-dropdown, #efgn-toggle .efgn-arrow { transition: none !important; }
}

@media print { #efgn-widget { display: none !important; } }