.portal{--navy:#12142c;--navy-suave:#1c1f42;--naranja:#ea580c;--naranja-claro:#fb923c;--texto:#0f172a;--texto-suave:#64748b;--borde-cristal:#ffffff8c;color:var(--texto);background:radial-gradient(1200px 600px at 12% -8%,#ea580c1a,#0000 60%),radial-gradient(1000px 700px at 92% 4%,#2563eb1f,#0000 55%),radial-gradient(900px 500px at 50% 110%,#12142c1a,#0000 60%),#f6f7fb;min-height:100vh}.cristal{-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--borde-cristal);background:#ffffffb8;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -12px #0f172a2e}.cristal-titular{-webkit-backdrop-filter:blur(26px)saturate(150%);background:#ffffffd6;border:1px solid #ffffffbf;box-shadow:0 1px 2px #0f172a0d,0 24px 60px -28px #0f172a73}.cristal-oscuro{-webkit-backdrop-filter:blur(20px)saturate(140%);background:#12142c8c;border:1px solid #ffffff24}.tarjeta-3d{transform-style:preserve-3d;will-change:transform;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0f172a0d,0 12px 28px -18px #0f172a59}@media (hover:hover) and (pointer:fine){.tarjeta-3d:hover{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px) scale(1.012);box-shadow:0 2px 4px #0f172a0f,0 28px 50px -22px #0f172a73,0 0 0 1px #ea580c1a}.tarjeta-3d:hover .brillo{opacity:1;transform:translate(120%)}.tarjeta-3d:hover .foto-zoom{transform:scale(1.07)}}.brillo{opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff61 45%,#0000 70%);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;inset:0;transform:translate(-120%)}.foto-zoom{transition:transform .7s cubic-bezier(.16,1,.3,1)}.flota{transform:translateZ(38px)}@keyframes surgir{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.surge{animation:.52s cubic-bezier(.16,1,.3,1) backwards surgir;animation-delay:calc(var(--i,0) * 45ms)}.texto-marca{background:linear-gradient(120deg, var(--naranja) 0%, #f59e0b 45%, var(--naranja-claro) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.boton-marca{background:linear-gradient(135deg, var(--naranja) 0%, #c2410c 100%);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,filter .22s;box-shadow:0 10px 22px -10px #ea580cbf,inset 0 1px #ffffff40}.boton-marca:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 30px -12px #ea580cd9}.boton-marca:active{transform:translateY(0)}@keyframes latido{0%,to{opacity:.55}50%{opacity:.9}}.esqueleto{background:linear-gradient(100deg,#e9edf5 30%,#f4f6fb 50%,#e9edf5 70%) 0 0/200% 100%;animation:1.4s ease-in-out infinite latido}@keyframes late{0%{transform:scale(1)}35%{transform:scale(1.35)}60%{transform:scale(.94)}to{transform:scale(1)}}.late{animation:.42s cubic-bezier(.16,1,.3,1) late}@media (prefers-reduced-motion:reduce){.tarjeta-3d,.foto-zoom,.boton-marca,.brillo{transition:none!important}.tarjeta-3d:hover{transform:translateY(-2px)}.surge,.esqueleto,.late{animation:none}}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes entrarDerecha{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){[class*=animate-]{animation:none!important}}@keyframes subirHoja{0%{transform:translateY(100%)}to{transform:translateY(0)}}