*{box-sizing:border-box;scroll-behavior:smooth}html{overflow-x:clip}body{background:#f5f8fc;color:#16295c;font-family:DM Sans,sans-serif;overflow-x:clip}.sponsor-track{display:flex;align-items:center;justify-content:center;gap:2.5rem;width:100%}.sponsor-slot{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .6s cubic-bezier(.16,1,.3,1)}.sponsor-slot-side{width:220px;height:120px;opacity:.4;transform:scale(.82)}.sponsor-slot-center{width:380px;height:180px;opacity:1;transform:scale(1)}.sponsor-slot-center:hover{transform:scale(1.07)}.sponsor-slot a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sponsor-slot img{width:100%;height:100%;object-fit:contain;display:block}.sponsor-arrow{width:48px;height:48px;border-radius:50%;background:#001a67;border:2px solid #00307C;color:#3f9cdd;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .25s ease;box-shadow:0 4px 20px #000e3333}.sponsor-arrow:hover{background:#006bbe;border-color:#006bbe;color:#fff;transform:scale(1.1);box-shadow:0 6px 24px #006bbe59}@media(max-width:640px){.sponsor-slot-side,.sponsor-arrow{display:none}.sponsor-slot-center{width:min(78vw,320px);height:150px}}nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.perspective-container{perspective:1500px}.phone-3d{transform-style:preserve-3d;transition:transform .1s ease-out}@keyframes heroOrbit{to{transform:rotate(360deg)}}.hero-orbit{animation:heroOrbit 60s linear infinite}@keyframes heroChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-chip{animation:heroChipFloat 5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hero-orbit,.hero-chip{animation:none}}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:50%;right:50%;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,#006bbe,#ff9f00);transition:left .3s cubic-bezier(.16,1,.3,1),right .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after,.nav-link:focus-visible:after{left:0;right:0}@keyframes scrollCue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:0}}.scroll-cue-dot{animation:scrollCue 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.scroll-cue-dot{animation:none}}.btn-primary{background:#006bbe;color:#fff;transition:all .25s ease;box-shadow:0 4px 14px #006bbe4d}.btn-primary:hover{background:#005aa8;transform:translateY(-2px);box-shadow:0 6px 20px #006bbe66}.btn-primary:active{transform:translateY(1px)}.btn-conductor{background:#ff9f00;color:#001a67;transition:all .25s ease;box-shadow:0 4px 14px #ff9f0059}.btn-conductor:hover{background:#ff6d00;transform:translateY(-2px);box-shadow:0 6px 20px #ff6d0066}.btn-conductor:active{transform:translateY(1px)}.btn-dark{background:#001a67;color:#fff;transition:all .25s ease;box-shadow:0 4px 14px #000e3340}.btn-dark:hover{background:#00307c;transform:translateY(-2px);box-shadow:0 6px 20px #000e3359}.btn-dark:active{transform:translateY(1px)}.btn-outline{background:#000e330d;color:#001a67;transition:all .25s ease;font-weight:700}.btn-outline:hover{background:#001a67;color:#fff;transform:translateY(-2px)}.section-divider{background:linear-gradient(90deg,transparent 0%,rgba(0,26,103,.06) 50%,transparent 100%);height:2px;width:100%}.mask-text-line{overflow:hidden;display:block}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#006bbe,#ff9f00);width:0%;z-index:100}.card-3d-hover{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}@media(hover:hover){.card-3d-hover:hover{transform:translateY(-8px);box-shadow:0 40px 80px -10px #000e3347}}@keyframes faqQuestionFloat{0%,to{transform:translate(-50%,calc(-100% - 10px)) rotate(-4deg)}50%{transform:translate(-50%,calc(-100% - 24px)) rotate(4deg)}}.faq-question-float{animation:faqQuestionFloat 3.6s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}@media(prefers-reduced-motion:reduce){.faq-question-float{animation:none}}@keyframes holoLogoFloat{0%,to{transform:translateY(0) rotate(-3deg) scale(1)}50%{transform:translateY(-14px) rotate(3deg) scale(1.05)}}.holo-logo-float{animation:holoLogoFloat 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.holo-logo-float{animation:none}}@keyframes comoFuncionaManFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.como-funciona-man{animation:comoFuncionaManFloat 5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.como-funciona-man{animation:none}}body.is-scrolling .card-3d-hover,body.is-scrolling .tilt-card,body.is-scrolling .card-tilted,body.is-scrolling .faq-item{pointer-events:none}.faq-item{border-left:3px solid transparent;transition:border-color .3s ease,background-color .3s ease}.faq-item.faq-open{border-left-color:#3f9cdd;background:#ffffff0f}.faq-item.faq-open .faq-question .font-display{color:#6bb3e5}.faq-item.faq-open .faq-index{color:#3f9cdd}.faq-item.faq-open .faq-icon{background:#006bbe;color:#fff}.faq-item.faq-open .faq-icon-desktop{background:#006bbe;border-color:#006bbe;box-shadow:0 0 0 4px #006bbe40}.bg-map-cartography{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23001A67' stroke-width='0.6' stroke-opacity='0.035'%3E%3Cpath d='M0 20 C80 30 160 10 240 20' /%3E%3Cpath d='M0 80 C60 90 180 70 240 80' /%3E%3Cpath d='M0 140 C50 130 170 150 240 140' /%3E%3Cpath d='M0 200 C90 180 150 210 240 200' /%3E%3Cpath d='M30 0 C20 90 40 150 30 240' /%3E%3Cpath d='M90 0 C100 70 80 170 90 240' /%3E%3Cpath d='M150 0 C140 80 160 160 150 240' /%3E%3Cpath d='M210 0 C200 90 220 150 210 240' /%3E%3Cpath d='M-20 60 L260 200' stroke-dasharray='4 4' stroke='%23006BBE' stroke-opacity='0.05'/%3E%3Cpath d='M80 -20 L160 260' stroke-dasharray='5 5' stroke='%23006BBE' stroke-opacity='0.05'/%3E%3C/g%3E%3C/svg%3E")}.bg-map-cartography-dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%233F9CDD' stroke-width='0.6' stroke-opacity='0.09'%3E%3Cpath d='M0 20 C80 30 160 10 240 20' /%3E%3Cpath d='M0 80 C60 90 180 70 240 80' /%3E%3Cpath d='M0 140 C50 130 170 150 240 140' /%3E%3Cpath d='M0 200 C90 180 150 210 240 200' /%3E%3Cpath d='M30 0 C20 90 40 150 30 240' /%3E%3Cpath d='M90 0 C100 70 80 170 90 240' /%3E%3Cpath d='M150 0 C140 80 160 160 150 240' /%3E%3Cpath d='M210 0 C200 90 220 150 210 240' /%3E%3Cpath d='M-20 60 L260 200' stroke-dasharray='4 4' stroke='%23FF9F00' stroke-opacity='0.07'/%3E%3Cpath d='M80 -20 L160 260' stroke-dasharray='5 5' stroke='%23FF9F00' stroke-opacity='0.07'/%3E%3C/g%3E%3C/svg%3E")}.city-lights-glow{filter:blur(100px) saturate(1.1);opacity:.08;transform:scale(1.15);pointer-events:none;mix-blend-mode:multiply}.p2p-animation-section{height:100vh;position:relative;background:radial-gradient(circle at 65% 50%,#0a2154,#00091e);display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.scenery-container{position:relative;width:100%;height:100%;display:flex;align-items:center;padding:0 8%;box-sizing:border-box}.p2p-info-card{width:38%;max-width:440px;background:#0014468c;border:1px solid rgba(255,255,255,.15);border-radius:28px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:36px 40px;box-shadow:0 25px 60px #0000008c,inset 0 1px #ffffff1a;opacity:0;transform:translate(-30px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);z-index:15;flex-shrink:0;position:relative}.p2p-info-card.card-visible{opacity:1;transform:translate(0)}.road-layer{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:1;overflow:hidden}.road-surface{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0b1730,#08101f 60%,#050a14);border-top:2px solid rgba(255,255,255,.07)}.road-lines{position:absolute;top:36%;left:0;width:300%;height:4px;display:flex;gap:60px}.p2p-animation-section.active .road-lines{animation:roadScroll .9s linear infinite}@keyframes roadScroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.road-dash{flex-shrink:0;width:80px;height:4px;background:#ffffff47;border-radius:2px}.car-halo{position:absolute;bottom:18%;left:0;width:620px;height:280px;background:radial-gradient(ellipse at center 70%,rgba(0,0,0,.45) 0%,rgba(0,0,0,.25) 45%,transparent 75%);transform:translate(-100vw);z-index:6;will-change:transform;pointer-events:none}.car-halo.entering{animation:driveIn 1.3s cubic-bezier(.22,1,.36,1) forwards}.car-halo.exiting{animation:driveOut 1s cubic-bezier(.65,0,1,.6) forwards}.car-wrapper{position:absolute;bottom:18%;left:0;width:550px;height:250px;transform:translate(-100vw);z-index:10;will-change:transform;transition:width .3s ease,height .3s ease;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.car-wrapper.entering{animation:driveIn 1.3s cubic-bezier(.22,1,.36,1) forwards}.car-wrapper.exiting{animation:driveOut 1s cubic-bezier(.65,0,1,.6) forwards}@keyframes driveIn{0%{transform:translate(-600px)}to{transform:translate(42vw)}}@keyframes driveOut{0%{transform:translate(42vw)}to{transform:translate(120vw)}}.car-body{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:3;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.wheel{position:absolute;z-index:4;transform-origin:50% 50%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.wheel img,.wheel svg{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.car-wrapper.v-car{width:550px;height:250px}.car-wrapper.v-car .wheel.rear{bottom:52px;left:125px;width:72px;height:72px}.car-wrapper.v-car .wheel.front{bottom:52px;right:115px;width:72px;height:72px}.car-wrapper.v-moto{width:420px;height:250px;bottom:22%;margin-left:65px}.car-wrapper.v-moto .wheel{z-index:2}.car-wrapper.v-moto .wheel.rear{bottom:29px;left:48px;width:85px;height:85px}.car-wrapper.v-moto .wheel.front{bottom:29px;right:48px;width:85px;height:85px}.car-wrapper.v-bus{width:860px;height:360px;margin-left:-150px;bottom:14%}.car-wrapper.v-bus .wheel.rear{bottom:64px;left:263px;width:76px;height:76px}.car-wrapper.v-bus .wheel.front{bottom:64px;right:267px;width:76px;height:76px}.car-wrapper.entering .wheel,.car-wrapper.exiting .wheel{animation:spinWheelLoop .45s linear infinite}@keyframes spinWheelLoop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.car-label{position:absolute;top:-64px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transition:opacity .5s ease;user-select:none;-webkit-user-select:none;pointer-events:none}.car-label.label-visible{opacity:1}.car-label-text{font-family:Outfit,sans-serif;font-weight:900;font-size:2.2rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px rgba(0,107,190,.75),0 3px 10px rgba(0,0,0,.9);line-height:1}.car-label-line{width:2px;height:22px;background:linear-gradient(180deg,#3f9cdde6,#3f9cdd00);border-radius:1px}.car-shadow{position:absolute;bottom:27%;left:0;width:550px;height:28px;background:radial-gradient(ellipse at center,#000000e6,#0000 70%);transform:translate(-100vw);z-index:9;will-change:transform;transition:width .3s ease,margin-left .3s ease}.car-shadow.v-car{width:550px;height:28px;margin-left:0;bottom:27%}.car-shadow.v-moto{width:420px;height:22px;margin-left:65px;bottom:25.5%}.car-shadow.v-bus{width:860px;height:32px;margin-left:-150px;bottom:25.5%}.car-shadow.entering{animation:driveIn 1.8s cubic-bezier(.22,1,.36,1) forwards}.car-shadow.exiting{animation:driveOut 1s cubic-bezier(.65,0,1,.6) forwards}.p2p-next-btn{position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:20;width:54px;height:54px;border-radius:50%;background:#006bbe1f;border:1.5px solid rgba(63,156,221,.35);color:#3f9cdd;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;opacity:0;pointer-events:none}.p2p-next-btn.btn-visible{opacity:1;pointer-events:all}.p2p-next-btn:hover{background:#006bbe4d;border-color:#3f9cddb3;transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px #3f9cdd33}.p2p-slide-dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20;align-items:center}.p2p-dot{width:8px;height:8px;border-radius:50%;background:#ffffff38;transition:all .35s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;padding:0}.p2p-dot.dot-active{background:#3f9cdd;width:26px;border-radius:4px}.p2p-mobile-scene-spacer{display:none}@media(max-width:768px){.p2p-animation-section{height:auto;min-height:100svh;padding:110px 0 28px}.scenery-container{flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;padding:0 20px;gap:22px}.p2p-info-card{width:100%;max-width:none;padding:28px 24px}.p2p-mobile-scene-spacer{display:block;height:220px;flex-shrink:0}.car-wrapper,.car-shadow,.car-halo{transform-origin:0% 100%}.car-wrapper.v-car{width:300px;height:140px}.car-wrapper.v-moto{width:220px;height:140px;margin-left:20px;bottom:18%}.car-wrapper.v-bus{width:420px;height:180px;margin-left:-70px}.car-shadow.v-car{width:300px;bottom:24%}.car-shadow.v-moto{width:220px;margin-left:20px;bottom:24%}.car-shadow.v-bus{width:420px;margin-left:-70px;bottom:21%}.car-wrapper.v-car .wheel.rear{bottom:28px;left:68px;width:39px;height:39px}.car-wrapper.v-car .wheel.front{bottom:28px;right:63px;width:39px;height:39px}.car-wrapper.v-moto .wheel.rear{bottom:15px;left:25px;width:45px;height:45px}.car-wrapper.v-moto .wheel.front{bottom:15px;right:25px;width:45px;height:45px}.car-wrapper.v-bus .wheel.rear{bottom:31px;left:128px;width:37px;height:37px}.car-wrapper.v-bus .wheel.front{bottom:31px;right:130px;width:37px;height:37px}.car-label{display:none}@keyframes driveInMobile{0%{transform:translate(-320px)}to{transform:translate(14vw)}}@keyframes driveOutMobile{0%{transform:translate(14vw)}to{transform:translate(120vw)}}.car-wrapper.entering,.car-halo.entering{animation:driveInMobile 1.3s cubic-bezier(.22,1,.36,1) forwards}.car-shadow.entering{animation:driveInMobile 1.8s cubic-bezier(.22,1,.36,1) forwards}.car-wrapper.exiting,.car-halo.exiting,.car-shadow.exiting{animation:driveOutMobile 1s cubic-bezier(.65,0,1,.6) forwards}.p2p-next-btn{right:20px;top:auto;bottom:56px;width:46px;height:46px;transform:none}.p2p-next-btn:hover{transform:scale(1.1)}.p2p-slide-dots{bottom:14px}}html{scroll-padding-top:80px}@media(min-width:640px){html{scroll-padding-top:88px}}.volver-arriba{opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}.volver-arriba.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.carrusel-movil{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:-1.5rem -1.5rem 0;padding:1.5rem 1.5rem 2rem;scroll-padding-inline:1.5rem}.carrusel-movil::-webkit-scrollbar{display:none}.carrusel-movil>*{flex:0 0 82%;max-width:320px;scroll-snap-align:start}@media(min-width:640px){.carrusel-movil.sm\:grid{margin:0;padding:0;overflow:visible}.carrusel-movil.sm\:grid>*{max-width:none}}@media(min-width:768px){.carrusel-movil.md\:grid{margin:0;padding:0;overflow:visible}.carrusel-movil.md\:grid>*{max-width:none}}.carrusel-puntos{display:flex;justify-content:center;gap:6px;margin-top:-.75rem}.carrusel-puntos button{width:8px;height:8px;padding:0;border:0;border-radius:9999px;background:#b6c6dd;transition:all .3s ease}.carrusel-puntos button.activo{width:22px;background:#006bbe}#faq .carrusel-puntos button,#como-funciona .carrusel-puntos button{background:#ffffff40}@media(hover:none){.btn-primary:hover,.btn-dark:hover,.btn-conductor:hover,.btn-outline:hover{transform:none}}@media(max-width:768px){.p2p-animation-section{min-height:0;padding:32px 0 24px}.scenery-container{gap:12px}.p2p-info-card{padding:22px 20px;min-height:380px}.p2p-mobile-scene-spacer{height:190px}}.fondo-adaptable{background-image:var(--fondo-movil)}@media(min-width:768px){.fondo-adaptable{background-image:var(--fondo)}}a,button,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}#navPrincipal.nav-oculta{transform:translateY(-100%);box-shadow:none}html.menu-abierto,html.menu-abierto body{overflow:hidden}.carrusel-puntos{gap:0}.carrusel-puntos button,.p2p-dot,.sponsor-dot{box-sizing:content-box;padding:8px;background-clip:content-box}.p2p-slide-dots{gap:0}@media(max-width:768px){.p2p-slide-dots{bottom:8px}}
