.intro{display:none;position:fixed;inset:0;background:#080a0f;z-index:150;overflow:hidden}.intro[data-play=true]{display:block;animation:intro-away .45s 1.9s cubic-bezier(.23,1,.32,1) forwards;pointer-events:none}html.intro-activa{overflow:hidden}.intro-grid{height:115vh;width:110vw;margin:-7.5vh -5vw;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:12px;animation:grid-zoom .8s 1.15s cubic-bezier(.77,0,.175,1) both}.intro-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #ffffff18;border-radius:24px;background:#16191f;color:#fff;padding:24px;overflow:hidden;animation:tile-up .7s cubic-bezier(.23,1,.32,1) both}.intro-tile:nth-child(2n){animation-name:tile-down}@media(max-width:800px){.intro-tile:nth-child(1),.intro-tile:nth-child(2){animation-delay:0ms!important}.intro-tile:nth-child(3),.intro-tile:nth-child(4){animation-delay:.15s!important}.intro-tile:nth-child(5),.intro-tile:nth-child(6){animation-delay:.3s!important}.intro-tile:nth-child(7),.intro-tile:nth-child(8){animation-delay:.45s!important}}.intro-tile:nth-child(5n+3){background:#2447f5;color:#fff}.intro-tile-index{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.intro-symbol svg{width:clamp(36px,4vw,60px);height:clamp(36px,4vw,60px);display:block}.intro-tile-label{font-family:var(--font-display);font-size:clamp(14px,1.3vw,20px);letter-spacing:-.03em;text-align:center}.intro-word{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--font-display);font-size:clamp(30px,6vw,88px);letter-spacing:-.055em;color:#fff;background:#080a0f;border:1px solid #ffffff28;border-radius:24px;padding:8px 32px 16px;box-shadow:0 12px 64px #0008;z-index:2;animation:fade .5s .35s cubic-bezier(.23,1,.32,1) both}.intro-word b{color:#aab9ff;font-weight:600}.intro-skip{position:absolute;bottom:24px;right:24px;min-height:44px;background:#111318;color:#fff;border:1px solid #ffffff28;padding:12px 20px;font-family:var(--font-body);font-size:12px;cursor:pointer;z-index:2;pointer-events:auto}@media(max-width:800px){.intro[data-play=true]{animation-delay:3s}.intro-grid{width:104vw;height:104vh;margin:-2vh -2vw;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:10px;animation-name:grid-zoom-mobile;animation-duration:.9s;animation-delay:2.1s}.intro-tile{border-radius:20px;padding:16px;gap:10px;animation-duration:.9s}.intro-tile:nth-child(n+9){display:none}.intro-tile-index{top:12px;left:14px;font-size:9px}.intro-symbol svg{width:34px;height:34px}.intro-tile-label{font-size:15px}.intro-word{font-size:clamp(22px,6.6vw,36px);padding:6px 16px 10px;border-radius:16px;animation-duration:.6s;animation-delay:1.1s}}@keyframes tile-up{0%{opacity:0;transform:translateY(35%)}to{opacity:1;transform:translateY(0)}}@keyframes tile-down{0%{opacity:0;transform:translateY(-35%)}to{opacity:1;transform:translateY(0)}}@keyframes grid-zoom{0%{transform:scale(1)}to{transform:scale(6)}}@keyframes grid-zoom-mobile{0%{transform:scale(1)}to{transform:scale(2.5)}}@keyframes intro-away{to{opacity:0;visibility:hidden}}@keyframes fade{0%{opacity:0}to{opacity:1}}.saltar{position:absolute;left:16px;top:-60px;z-index:200;background:var(--tinta);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none}.saltar:focus{top:12px}.barra{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}.barra-fila{display:flex;align-items:center;gap:24px;min-height:68px}.marca{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.marca{display:inline-flex;align-items:center;gap:10px;color:var(--tinta)}.marca-texto span{color:var(--azul)}.marca-logo{display:inline-flex;flex:none;transition:color var(--rapido) var(--curva),transform var(--rapido) var(--curva)}.marca-logo svg{display:block;height:22px;width:auto}a.marca:hover .marca-logo{color:var(--azul)}a.marca:active .marca-logo{transform:scale(.94)}.pie-marca .marca-logo svg{height:26px}.menu{display:flex;gap:28px;margin-left:auto}.menu a,.menu-movil a,.pie-menu a{font-size:15px;font-weight:500;text-decoration:none;transition:color var(--rapido) var(--curva)}.menu a:hover,.menu-movil a:hover,.pie-menu a:hover{color:var(--azul)}.barra-boton{min-height:42px;padding:9px 18px;font-size:14px;white-space:nowrap}.menu-boton{display:none;min-height:42px;padding:9px 14px;border:1px solid var(--tinta);border-radius:var(--radio-boton);background:var(--papel);font:600 14px var(--font-body);color:var(--tinta);cursor:pointer}.menu-movil{border-top:1px solid var(--linea);background:var(--papel)}.menu-movil .contenedor{display:grid;padding-block:8px 16px}.menu-movil a{padding:14px 0;border-bottom:1px solid var(--linea);font-size:17px}.pie{border-top:1px solid var(--tinta);padding-block:56px 32px}.pie-fila{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:32px}.pie-marca{display:grid;gap:6px}.pie-menu{display:grid;gap:10px}.pie-legal{margin-top:48px}@media(max-width:900px){.menu{display:none}.barra-boton{margin-left:auto}.menu-boton{display:inline-flex;align-items:center}}@media(max-width:480px){.barra-fila{gap:10px}.marca{font-size:15px}.barra .marca{gap:8px}.barra .marca-texto{display:grid;font-size:13px;line-height:1.05;letter-spacing:-.03em}.barra .marca-logo svg{height:20px}.barra-boton{padding:9px 11px;font-size:13px}.menu-boton{width:42px;padding:0;justify-content:center}.menu-boton-texto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-boton:before{content:"";width:18px;height:12px;border-top:2px solid var(--tinta);border-bottom:2px solid var(--tinta);background:linear-gradient(var(--tinta),var(--tinta)) center / 100% 2px no-repeat}}