/* E7T P86 - Portada dinámica (solo Inicio; no modifica otras páginas) */
.e7t-hero {
  position: relative; isolation: isolate; min-height: min(600px, 75vh);
  display: flex; align-items: stretch; overflow: hidden;
  color: #fff; background: #0d1645;
}
.e7t-hero-fondo,.e7t-hero-capa {position:absolute;inset:0;z-index:-1;pointer-events:none}
.e7t-hero-fondo {
  background: radial-gradient(ellipse at 14% 26%,#0a7ea2aa,transparent 35%),
    radial-gradient(ellipse at 80% 75%,#ae007b99,transparent 40%),
    linear-gradient(125deg,#050d2b 10%,#122d71 55%,#310b55 100%);
  background-position:center;background-size:cover;
}
.e7t-hero-fondo::before,.e7t-hero-fondo::after {content:"";position:absolute;border:3px solid #31d7f62c;inset:auto; width:45%;height:110%;border-radius:50%;filter:blur(5px);transform:rotate(-22deg)}
.e7t-hero-fondo::before {left:-15%;top:-34%}
.e7t-hero-fondo::after {right:-16%;top:-21%;border-color:#ed22ca45;transform:rotate(24deg)}
.e7t-hero-capa {background:linear-gradient(90deg,#040a25a6 0%,#070d30aa 42%,#07072592 100%)}
.e7t-hero-contenido {width:min(1460px,100%);margin:auto;padding:48px 5% 35px;text-align:center}
.e7t-hero-intro {font-size:clamp(14px,1.35vw,21px);line-height:1.5;font-weight:500;max-width:1150px;margin:0 auto 20px;color:#f1f6ff}
.e7t-hero-titulo {font-weight:900;line-height:1.05;letter-spacing:-.02em;font-size:clamp(33px,5.1vw,79px);margin:0 auto 24px;max-width:1320px;text-wrap:balance;color:#fff;text-shadow:0 5px 24px #0009}
.e7t-hero-lema {display:inline-flex;align-items:center;justify-content:center;margin:0 auto 44px;padding:12px 30px;
 background:linear-gradient(105deg,#7c2cf6,#f5009e);color:#fff;border-radius:5px;box-shadow:0 14px 35px #10042696;
 font-size:clamp(15px,1.3vw,20px);font-weight:700;letter-spacing:.01em;transform:rotate(-2deg)}
/* Tres efectos distintos, solo al pasar el cursor/foco; no se animan sin interacción. */
.e7t-hero-texto-animado {cursor:default;will-change:transform;transition:transform .34s cubic-bezier(.2,.7,.2,1),text-shadow .34s ease,filter .34s ease,box-shadow .34s ease}
@media (hover:hover) and (pointer:fine) {
 .e7t-hero-intro:hover {transform:translateY(-5px) scale(1.012);text-shadow:0 0 19px #74d5ffb3}
 .e7t-hero-titulo:hover {transform:translateY(-6px) scale(1.025);text-shadow:0 0 26px #33bcffcc,0 8px 26px #0009}
 .e7t-hero-lema:hover {transform:translateY(-5px) rotate(0) scale(1.06);box-shadow:0 12px 38px #fb02cd88,0 0 32px #30e5ff66}
}
.e7t-hero-texto-animado:focus-visible {outline:2px solid #77e7ff;outline-offset:7px}
.e7t-hero-categorias-bloque {width:100%;max-width:1380px;margin:auto}
.e7t-hero-categorias-cabecera {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 2px 13px;text-align:left}
.e7t-hero-categorias-cabecera strong {font-size:15px}
.e7t-hero-categorias-cabecera a {font-size:13px;color:#b6e6ff;text-decoration:none;font-weight:700}
.e7t-hero-categorias-cabecera a:hover {color:white;text-decoration:underline}
.e7t-hero-categorias-fila {display:flex;align-items:center;gap:8px}
.e7t-hero-categorias {flex:1;display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#68eaff55 transparent}
.e7t-hero-categoria {scroll-snap-align:start;min-width:155px;flex:1 0 155px;max-width:235px;min-height:128px;
 display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:17px 12px;
 background:#050e33b5;border:1px solid #bbdbff5c;border-radius:15px;color:#fff;text-decoration:none;
 backdrop-filter:blur(7px);transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}
.e7t-hero-categoria:hover,.e7t-hero-categoria:focus-visible {transform:translateY(-4px);border-color:#60e7ff;box-shadow:0 0 22px #0699f455,0 14px 24px #0004;background:#052a5cda;outline:none}
.e7t-hero-categoria img {width:62px;height:62px;object-fit:contain;display:block}
.e7t-hero-categoria-sin-imagen {width:62px;height:62px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#1765be,#05c7c6);font-size:31px;font-weight:800}
.e7t-hero-categoria span.e7t-hero-categoria-nombre {font-size:14px;font-weight:700;line-height:1.2;overflow-wrap:anywhere;text-align:center}
.e7t-hero-flecha {flex:0 0 34px;border:1px solid #fff8;border-radius:50%;font-size:30px;color:#0f2850;background:#fff;cursor:pointer;line-height:1;width:34px;height:34px}
.e7t-hero-flecha:hover {background:#d3f6ff}
.e7t-hero-flecha[hidden]{display:none!important}
.e7t-hero-estado {color:#c9dcf6;font-size:14px;align-self:center;margin:auto}
@media(max-width:700px){
 .e7t-hero{min-height:0}
 .e7t-hero-contenido{padding:38px 18px 24px}
 .e7t-hero-intro{font-size:14px;margin-bottom:17px}
 .e7t-hero-titulo{font-size:clamp(31px,9vw,48px);margin-bottom:21px}
 .e7t-hero-lema{padding:10px 16px;margin-bottom:28px;font-size:14px}
 .e7t-hero-categoria{min-width:124px;flex:0 0 124px;min-height:112px}
 .e7t-hero-categoria img,.e7t-hero-categoria-sin-imagen{width:50px;height:50px}
 .e7t-hero-categorias-cabecera strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce) {
 .e7t-hero-texto-animado,.e7t-hero-categoria{transition:none!important;transform:none!important;animation:none!important}
 .e7t-hero-categorias{scroll-behavior:auto}
}