.portada{--oro:#f3c94d;--noche:#050d22;--tinta:#eef2fb;--tinta-suave:rgba(226,233,248,.68);--ease-out:cubic-bezier(.23,1,.32,1);--ease-suave:cubic-bezier(.32,.72,0,1);--f-display:var(--font-display),Georgia,serif;--f-texto:var(--font-texto),"Segoe UI",system-ui,sans-serif;position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;color:var(--tinta);font-family:var(--f-texto);overflow:hidden;background:var(--noche)}body:has(.portada){background:var(--noche,#050d22);position:relative}body:has(.portada) .barra{position:absolute;top:0;left:0;right:0;z-index:2;background:linear-gradient(180deg,rgba(5,13,34,.7),transparent);padding:18px clamp(16px,4vw,48px)}body:has(.portada) .barra nav a{color:rgba(255,255,255,.82);font-weight:500;font-size:.95rem;transition:color .2s ease}body:has(.portada) .pie{position:absolute;bottom:0;left:0;right:0;z-index:2}body:has(.portada) .pie a{color:rgba(226,233,248,.42);text-decoration:none}.portada-fondo{position:absolute;inset:0;z-index:-1}.portada-fondo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block;filter:saturate(.8) brightness(.85) contrast(1.08);transform:scale(1.08);animation:fondo-entra 2.6s var(--ease-out) forwards}.portada-fondo:before{content:"";position:absolute;inset:0;z-index:1;background:#0b1f4b;mix-blend-mode:multiply;opacity:.5}.portada-fondo:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 30%,transparent 0,rgba(5,13,34,.45) 55%,rgba(5,13,34,.9) 100%),linear-gradient(180deg,rgba(5,13,34,.55) 0,rgba(5,13,34,.2) 30%,rgba(5,13,34,.78) 68%,var(--noche) 100%),linear-gradient(90deg,rgba(11,31,75,.5),rgba(11,31,75,0) 60%)}.portada:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.portada-contenido{position:relative;width:100%;max-width:1180px;margin:0 auto;flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,4.5vh,56px);padding:clamp(92px,11vh,140px) clamp(16px,4vw,40px) clamp(56px,6.5vh,96px)}.portada-cabecera{max-width:900px}.ceja{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(238,242,251,.85)}.senyera{width:18px;height:12px;border-radius:3px;background:repeating-linear-gradient(180deg,#f3c94d 0 1.33px,#c8312a 1.33px 2.66px)}.portada-cabecera h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.7rem,6vw,5rem);line-height:1;letter-spacing:-.025em;margin:20px 0 14px;color:#fff;text-wrap:balance}.portada-cabecera h1 em{font-style:italic;color:var(--oro)}.portada-cabecera p{margin:0;max-width:30em;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;color:var(--tinta-suave)}.portada-botones{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(16px,2.4vw,28px);gap:clamp(16px,2.4vw,28px)}.boton-portada{display:block;color:inherit;text-decoration:none;border-radius:32px;outline:none;transition:transform .5s var(--ease-suave)}.boton-portada:active{transform:scale(.985);transition-duration:.16s}.boton-portada:focus-visible .bisel{box-shadow:0 0 0 2px var(--oro),0 30px 80px -30px rgba(0,0,0,.8)}.bisel{display:block;padding:7px;border-radius:32px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 30px 80px -30px rgba(0,0,0,.8);transition:box-shadow .5s var(--ease-suave),background-color .5s var(--ease-suave)}.lamina{position:relative;display:grid;grid-template-columns:1fr;border-radius:25px;overflow:hidden;background:linear-gradient(160deg,rgba(29,52,112,.55),rgba(8,20,52,.82) 60%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.lamina:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-suave);background:radial-gradient(70% 60% at 50% 0,rgba(243,201,77,.16),transparent 70%)}.lamina-ilustracion{display:flex;align-items:center;justify-content:center;padding:clamp(18px,2.6vw,28px) clamp(20px,3vw,32px) 0;color:rgba(226,233,248,.8)}.ilustracion{width:100%;max-width:min(300px,30vh);height:auto;overflow:visible}.lamina-texto{display:flex;flex-direction:column;gap:8px;padding:clamp(14px,2vw,22px) clamp(22px,3vw,34px) clamp(22px,2.6vw,30px)}.lamina-meta{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(226,233,248,.5);padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.lamina-meta span:first-child{color:var(--oro)}.lamina-titulo{font-family:var(--f-display);font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.05;letter-spacing:-.02em;color:#fff;margin-top:6px}.lamina-desc{color:var(--tinta-suave);font-size:.98rem;line-height:1.55;max-width:34em}.lamina-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;margin-top:12px;padding:7px 7px 7px 20px;border-radius:99px;background:#fff;color:#0b1f4b;font-weight:600;font-size:.92rem;transition:background-color .3s ease}.lamina-cta-icono{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0b1f4b;color:#fff;transition:transform .5s var(--ease-suave)}.lamina-cta-icono svg{width:14px;height:14px}.ilustracion .hoja{transform-box:fill-box;transform-origin:50% 100%;transition:transform .7s var(--ease-suave)}.ilustracion .hoja-3{transform:rotate(-5deg)}.ilustracion .hoja-2{transform:rotate(-2deg)}.ilustracion .rombo{transform-box:fill-box;transform-origin:center;transition:transform .7s var(--ease-suave)}.ilustracion .balon{offset-distance:0;offset-rotate:0deg;transition:offset-distance 1.3s cubic-bezier(.65,0,.35,1)}.ilustracion .pase{transition:opacity .4s ease;opacity:.75}.ilustracion .propios circle,.ilustracion .rivales circle{transform-box:fill-box;transform-origin:center;transition:transform .6s var(--ease-suave)}@media (hover:hover) and (pointer:fine){.boton-portada:hover{transform:translateY(-6px)}.boton-portada:hover:active{transform:translateY(-6px) scale(.985)}.boton-portada:hover .bisel{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(243,201,77,.28),0 40px 90px -30px rgba(0,0,0,.9)}.boton-portada:hover .lamina:before{opacity:1}.boton-portada:hover .lamina-cta{background:var(--oro)}.boton-portada:hover .lamina-cta-icono{transform:translate(2px,-1px) scale(1.06)}.boton-portada:hover .hoja-3{transform:rotate(-9deg) translate(-10px,-6px)}.boton-portada:hover .hoja-2{transform:rotate(-4deg) translate(-4px,-3px)}.boton-portada:hover .rombo{transform:rotate(45deg)}.boton-portada:hover .balon{offset-distance:100%}.boton-portada:hover .pase{opacity:1;animation:pase-fluye 1.2s linear infinite}.boton-portada:hover .propios circle{transform:scale(1.15)}body:has(.portada) .barra nav a:hover{color:var(--oro,#f3c94d)}}.bisel,.portada-cabecera>*{opacity:0;animation:sube .9s var(--ease-out) forwards}.portada-cabecera>.ceja{animation-delay:.1s}.portada-cabecera>h1{animation-delay:.18s}.portada-cabecera>p{animation-delay:.28s}.boton-portada:first-child .bisel{animation-delay:.4s}.boton-portada:nth-child(2) .bisel{animation-delay:.5s}@keyframes sube{0%{opacity:0;transform:translateY(28px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes fondo-entra{to{transform:scale(1)}}@keyframes pase-fluye{to{stroke-dashoffset:-20}}@media (max-width:820px){.portada-botones{grid-template-columns:1fr}.lamina{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.lamina-ilustracion{padding:18px 0 18px 18px}.lamina-texto{padding:20px 20px 20px 14px}.lamina-desc{display:none}.lamina-meta{padding-bottom:10px}.lamina-cta{margin-top:4px}}@media (max-width:480px){.bisel{padding:5px;border-radius:26px}.lamina{border-radius:21px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.lamina-titulo{font-size:clamp(1.25rem,6vw,1.65rem)}.lamina-meta span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.portada-fondo img{animation:none;transform:none}.bisel,.portada-cabecera>*{animation-name:fade;animation-duration:.4s}.boton-portada,.boton-portada:hover{transform:none!important}.ilustracion *{transition:none!important;animation:none!important}@keyframes fade{0%{opacity:0}to{opacity:1}}}