/*
 * Logo de Espagnol Habla (parts/logo.php). Hoja propia: la usan la portada (antes de style.css)
 * y las pantallas de eas-academy (filtro eas_academy_logo), que no cargan la hoja general.
 * Por eso cada variable lleva su valor de reserva: fuera del tema no hay :root de eh-theme.
 */
@font-face{font-family:"Outfit";font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/outfit.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.eh-logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--eh-encre,#343434);font-family:var(--eh-font-titre,"Outfit","Montserrat",system-ui,sans-serif);font-weight:700;letter-spacing:.08em;font-size:.95rem;text-transform:uppercase}
.eh-logo:hover{text-decoration:none;color:var(--eh-encre,#343434)}
.eh-logo img{width:36px;height:42px;object-fit:contain}

/* Letras animadas (variante 'anime', sin custom_logo) */
.eh-logo__mot{display:inline-flex;white-space:nowrap}
.eh-logo__l{display:inline-block;opacity:0;transform:translateY(.45em) rotate(6deg);animation:eh-lettre .55s var(--eh-ease,cubic-bezier(.2,.7,.2,1)) forwards;animation-delay:calc(.25s + var(--i,0) * 55ms)}
.eh-logo__l--esp{width:.4em}
@keyframes eh-lettre{to{opacity:1;transform:none}}
.eh-logo--anime:hover .eh-logo__l{animation:eh-lettre-hover .6s var(--eh-ease,cubic-bezier(.2,.7,.2,1));animation-delay:calc(var(--i,0) * 35ms)}
@keyframes eh-lettre-hover{0%{transform:none}40%{transform:translateY(-.18em)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.eh-logo__l{opacity:1;transform:none;animation:none}}

/* Logo de imagen (custom_logo, `wp eh logo`): alto en --eh-logo-h. El [src] sube la
   especificidad por encima de `.eh-bientot .eh-logo img` y `.eh-connexion__boite .eh-logo img`
   de style.css, que se carga después: el alto lo manda siempre --eh-logo-h. */
.eh-logo.eh-logo--image{line-height:0}
.eh-logo.eh-logo--image img[src]{width:auto;height:var(--eh-logo-h,60px);max-width:100%;object-fit:contain}

/* Logo en vector (inc/logo-vecteur.php, `wp eh logo`): SVG en línea, una trayectoria por letra.
   El estado base es el logo entero: la animación solo lo hace ENTRAR, una vez al cargar
   (1,5 s); si no corre (reducir movimiento, navegador viejo) queda el logo quieto.
   Las letras toman el color del texto: #343434, y el texto claro en el modo nocturno del plugin.
   overflow visible: la letra que entra sale de debajo de la línea y no se corta. */
.eh-logo.eh-logo--svg{line-height:0;min-height:var(--eh-logo-caja,0px)}
.eh-logo--svg svg{display:block;width:auto;height:var(--eh-logo-h,44px);max-width:100%;overflow:visible}
.eh-logo__lg,.eh-logo__lv{transform-box:fill-box;transform-origin:50% 100%}
.eh-logo--anime .eh-logo__lv{animation:eh-lettre-v .55s var(--eh-ease,cubic-bezier(.2,.7,.2,1)) both;animation-delay:calc(.25s + var(--i,0) * 55ms)}
@keyframes eh-lettre-v{from{opacity:0;transform:translateY(60%) rotate(6deg)}}
/* Al pasar el ratón, el mismo saltito que el logo de texto (en el grupo: la entrada no se repite). */
.eh-logo--anime:hover .eh-logo__lg{animation:eh-lettre-hover-v .6s var(--eh-ease,cubic-bezier(.2,.7,.2,1));animation-delay:calc(var(--i,0) * 35ms)}
@keyframes eh-lettre-hover-v{40%{transform:translateY(-25%)}}
@media (prefers-reduced-motion:reduce){.eh-logo__lv,.eh-logo__lg{animation:none}}
[data-eas-theme="sombre"] .eh-logo,[data-eas-theme="sombre"] .eh-logo:hover{color:var(--eas-texte,#E8EBEF)}

/* Loader de las pantallas del plugin (filtro eas_academy_marque_loader): el monograma de EH con
   la animación del loader de antes. La E y la H entran una vez; la raya se traza de arriba abajo
   y sale por abajo, en bucle, mientras dura la carga. Base = monograma entero. */
.eas-loader .eh-mono__e,.eas-loader .eh-mono__h{animation:eh-mono-entree 450ms ease-out both}
.eas-loader .eh-mono__h{animation-delay:90ms}
.eas-loader .eh-mono__raie{animation:eh-mono-raie 1.5s cubic-bezier(.65,0,.35,1) infinite}
@keyframes eh-mono-entree{from{opacity:0}}
@keyframes eh-mono-raie{0%{clip-path:inset(0 0 100% 0)}45%,60%{clip-path:inset(0)}100%{clip-path:inset(100% 0 0 0)}}
@media (prefers-reduced-motion:reduce){.eas-loader .eh-mono__e,.eas-loader .eh-mono__h,.eas-loader .eh-mono__raie{animation:none}}