:root{--surface-page:#f8fafc;--surface-soft:#ffffff;--surface-sky:#f0f9ff;--surface-sky-strong:#e0f2fe;--surface-warm:#fff7ed;--surface-night:#020617}*{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;overflow-x:hidden;background:radial-gradient(circle at top,rgba(14,165,233,.08),transparent 34%),linear-gradient(180deg,#f8fafc 0,#fff 30%,#f8fafc 100%)}.font-display,h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;letter-spacing:-.03em}.section-divider{position:relative;isolation:isolate}.section-divider::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(92%,1120px);height:1px;background:linear-gradient(90deg,transparent 0,rgba(148,163,184,.18) 20%,rgba(14,165,233,.2) 50%,rgba(148,163,184,.18) 80%,transparent 100%);z-index:0}.section-sheen::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(255,255,255,.7),transparent 45%);pointer-events:none;z-index:0}.section-content{position:relative;z-index:1}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16, 1, .3, 1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-60px);transition:all .8s cubic-bezier(.16, 1, .3, 1)}.reveal-left.active{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(60px);transition:all .8s cubic-bezier(.16, 1, .3, 1)}.reveal-right.active{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:all .8s cubic-bezier(.16, 1, .3, 1)}.reveal-scale.active{opacity:1;transform:scale(1)}.gradient-text{background:linear-gradient(135deg,#0ea5e9 0,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-light{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:rgba(15,23,42,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(3deg)}50%{transform:translateY(-25px) rotate(0)}75%{transform:translateY(-10px) rotate(-3deg)}}@keyframes float-slow{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}}@keyframes float-reverse{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(15px) rotate(-3deg)}50%{transform:translateY(25px) rotate(0)}75%{transform:translateY(10px) rotate(3deg)}}@keyframes pulse-glow{0%,100%{opacity:.4;filter:blur(40px)}50%{opacity:.7;filter:blur(50px)}}@keyframes spin-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 7s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.floating-icon{position:absolute;opacity:.35;pointer-events:none}.floating-icon svg{width:100%;height:100%}.hero-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(14,165,233,.2),transparent)}.grid-pattern{background-image:linear-gradient(rgba(14,165,233,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 1px);background-size:60px 60px}.mockup-shadow{box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05),0 0 100px -20px rgba(14,165,233,.3)}.decision-board{background:radial-gradient(circle at top left,rgba(14,165,233,.12),transparent 32%),radial-gradient(circle at bottom right,rgba(16,185,129,.1),transparent 28%),linear-gradient(180deg,rgba(248,250,252,.98) 0,rgba(255,255,255,.98) 100%)}.decision-panel{background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.92);box-shadow:0 28px 60px -38px rgba(15,23,42,.28)}.decision-card{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.92);box-shadow:0 18px 40px -32px rgba(15,23,42,.22)}.decision-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.44) 0,transparent 40%)}.decision-badge{border:1px solid currentColor;background:rgba(255,255,255,.84)}.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.decision-connector{height:1px;background:linear-gradient(90deg,rgba(148,163,184,0),rgba(148,163,184,.7),rgba(148,163,184,0))}@media (max-width:900px){.decision-grid{grid-template-columns:1fr}}.nav-shell{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 50px rgba(15,23,42,.08)}.nav-link{position:relative;padding:.6rem .9rem;border-radius:9999px;color:#334155;transition:color .2s ease,background-color .2s ease,transform .2s ease}.nav-link::after{content:'';position:absolute;left:.9rem;right:.9rem;bottom:.35rem;height:1px;background:linear-gradient(90deg,rgba(14,165,233,0),rgba(14,165,233,.9),rgba(14,165,233,0));transform:scaleX(.2);opacity:0;transition:transform .2s ease,opacity .2s ease}.nav-link:hover{color:#0f172a;background:rgba(255,255,255,.8)}.nav-link:hover::after{transform:scaleX(1);opacity:1}.mobile-nav-link{border:1px solid transparent;background:rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mobile-nav-link:hover{border-color:rgba(14,165,233,.18);background:linear-gradient(135deg,rgba(240,249,255,.95),rgba(255,255,255,.95))}.delay-100{transition-delay:0.1s}.delay-200{transition-delay:0.2s}.delay-300{transition-delay:0.3s}.delay-400{transition-delay:0.4s}.delay-500{transition-delay:0.5s}.delay-600{transition-delay:0.6s}@keyframes progress-fill{from{width:0}}.progress-animate{animation:progress-fill 1.5s cubic-bezier(.16,1,.3,1) forwards}.cta-button{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s ease-out,box-shadow .25s ease-out,border-color .25s ease-out,background-color .25s ease-out;box-shadow:0 14px 30px -16px rgba(15,23,42,.55)}.cta-button::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.24) 0,transparent 48%,rgba(255,255,255,.08) 100%);opacity:0;transition:opacity .2s ease-out;z-index:-1}.cta-button:hover::before{opacity:1}.cta-button:hover{transform:translateY(-3px);box-shadow:0 22px 45px -20px rgba(15,23,42,.5)}.cta-button-dark{background:linear-gradient(135deg,#020617 0,#0f172a 45%,#0f3a5a 100%);border:1px solid rgba(14,165,233,.18)}.cta-button-dark:hover{background:linear-gradient(135deg,#020617 0,#0f172a 35%,#075985 100%)}.cta-button-light{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.24);box-shadow:0 16px 32px -22px rgba(14,165,233,.5)}.cta-button-light:hover{background:rgba(255,255,255,.94);border-color:rgba(14,165,233,.2)}.surface-card{background:linear-gradient(180deg,rgba(255,255,255,.92) 0,rgba(248,250,252,.82) 100%);border:1px solid rgba(226,232,240,.88);box-shadow:0 20px 45px -30px rgba(15,23,42,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.surface-card:hover{border-color:rgba(14,165,233,.18);box-shadow:0 28px 55px -32px rgba(14,165,233,.25)}.metric-card{background:linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(248,250,252,.9) 100%);border:1px solid rgba(226,232,240,.92);box-shadow:0 20px 48px -34px rgba(15,23,42,.28)}.testimonial-card{background:linear-gradient(180deg,rgba(255,255,255,.92) 0,rgba(255,251,235,.58) 100%);border:1px solid rgba(253,230,138,.34);box-shadow:0 24px 50px -34px rgba(180,83,9,.2)}.problem-card{position:relative;overflow:hidden;border-radius:1.75rem;background:linear-gradient(180deg,rgba(255,255,255,.97) 0,rgba(248,250,252,.95) 100%);border:1px solid rgba(226,232,240,.9);box-shadow:0 24px 60px -38px rgba(15,23,42,.28)}.problem-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.62) 0,transparent 28%);pointer-events:none}.problem-card-media{position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.9);background:linear-gradient(180deg,#eef4ff 0,#f8fbff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.problem-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16, 1, .3, 1)}.problem-card:hover .problem-card-media img{transform:scale(1.04)}.problem-card-index{border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.88);box-shadow:0 12px 30px -20px rgba(15,23,42,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.faq-shell{background:linear-gradient(180deg,rgba(255,255,255,.96) 0,rgba(248,250,252,.88) 100%);border:1px solid rgba(226,232,240,.92);box-shadow:0 18px 44px -34px rgba(15,23,42,.24)}.contact-option{justify-content:flex-start;gap:.875rem;padding:1rem 1.125rem;border-radius:1rem;text-align:left}.contact-option-icon{width:2.75rem;height:2.75rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-option-primary{background:linear-gradient(135deg,#020617 0,#0f172a 42%,#0f3a5a 100%);border:1px solid rgba(14,165,233,.16)}.contact-option-primary .contact-option-icon{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.contact-option-secondary{background:linear-gradient(180deg,rgba(255,255,255,.96) 0,rgba(248,250,252,.92) 100%);border:1px solid rgba(226,232,240,.96);box-shadow:0 14px 30px -22px rgba(15,23,42,.16)}.contact-option-secondary .contact-option-icon{background:rgba(241,245,249,.92);border:1px solid rgba(226,232,240,.95)}.contact-option-copy{display:flex;flex-direction:column;gap:.1rem}.cta-final-media{position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.98),rgba(238,242,255,.84))}.cta-final-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 60%,#fff 100%)}.cta-final-media img{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%)}.cta-final-rule{height:1px;background:linear-gradient(90deg,rgba(148,163,184,0),rgba(148,163,184,.55),rgba(14,165,233,.4),rgba(148,163,184,.55),rgba(148,163,184,0))}.contact-option-label{font-size:.97rem;font-weight:600;line-height:1.3}.contact-option-note{font-size:.84rem;font-weight:500;line-height:1.35}.contact-modal-backdrop{opacity:0;transition:opacity .24s ease}.contact-modal-panel{opacity:0;transform:translateY(18px) scale(.97);transition:opacity .28s cubic-bezier(.16, 1, .3, 1),transform .28s cubic-bezier(.16, 1, .3, 1);will-change:transform,opacity}#contacto-modal.is-open .contact-modal-backdrop{opacity:1}#contacto-modal.is-open .contact-modal-panel{opacity:1;transform:translateY(0) scale(1)}.glass-shine{position:relative;overflow:hidden}.glass-shine::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shine 8s ease-in-out infinite}@keyframes shine{0%,100%{transform:translateX(-100%) rotate(45deg)}50%{transform:translateX(100%) rotate(45deg)}}.step-line{background:linear-gradient(180deg,#0ea5e9 0,#8b5cf6 100%)}.nav-scrolled>div{background:rgba(255,255,255,.92)!important;box-shadow:0 18px 48px rgba(15,23,42,.14);border-color:rgba(226,232,240,.9)!important}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important}.animate-float,.animate-float-reverse,.animate-float-slow,.animate-pulse-glow,.animate-spin-slow,.floating-icon{animation:none!important}}#mobile-menu{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-10px);transition:max-height .32s ease,opacity .22s ease,transform .22s ease,margin-top .22s ease}.mobile-menu-open #mobile-menu{max-height:32rem;margin-top:.85rem;opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-panel{background:linear-gradient(180deg,rgba(255,255,255,.98) 0,rgba(248,250,252,.95) 100%);border:1px solid rgba(226,232,240,.96);box-shadow:0 24px 54px -34px rgba(15,23,42,.26)}.mobile-menu-line{position:absolute;left:50%;width:1.25rem;height:2px;border-radius:9999px;background:#0f172a;transform:translateX(-50%);transform-origin:center}.mobile-menu-line:first-child{top:calc(50% - .5rem)}.mobile-menu-line:nth-child(2){top:48%}.mobile-menu-line:nth-child(3){top:calc(50% + .4rem)}.hamburger-active span:first-child{top:49%;transform:translateX(-50%) rotate(45deg)}.hamburger-active span:nth-child(2){opacity:0}.hamburger-active span:nth-child(3){top:50%;transform:translateX(-50%) rotate(-45deg)}.faq-icon.rotate-180{transform:rotate(180deg)}.exam-mockup-shell{background:linear-gradient(180deg,rgba(246,250,255,.94) 0,rgba(255,255,255,.98) 100%);border:1px solid rgba(203,213,225,.82);box-shadow:0 24px 64px -42px rgba(15,23,42,.32)}.exam-mockup-card{background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.95);box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 32px -28px rgba(15,23,42,.18)}.exam-mockup-option{background:rgba(255,255,255,.98);border:1px solid rgba(148,163,184,.22);box-shadow:0 1px 2px rgba(15,23,42,.04)}.exam-mockup-option-selected{border-color:rgba(99,102,241,.55)}.exam-mockup-badge{background:#f8fafc;border:1px solid rgba(148,163,184,.24);color:#334155}.exam-mockup-option-selected .exam-mockup-badge{background:#6366f1;border-color:#6366f1;color:#fff}.browser-shell{max-width:36rem;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,rgba(255,255,255,.98) 0,rgba(241,245,249,.96) 100%);border:1px solid rgba(203,213,225,.96);box-shadow:0 34px 90px -46px rgba(15,23,42,.38)}.browser-shell-bar{background:linear-gradient(180deg,rgba(248,250,252,.98) 0,rgba(241,245,249,.96) 100%);border-bottom:1px solid rgba(226,232,240,.96)}.browser-shell-address{background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.browser-shell-body{background:linear-gradient(180deg,rgba(248,250,252,.68) 0,rgba(255,255,255,.92) 100%)}.browser-shell-stage{position:relative;background:linear-gradient(180deg,rgba(237,246,255,.88) 0,rgba(255,255,255,.98) 100%);border:1px solid rgba(226,232,240,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.steps-visual-shell{position:relative;width:100%}.steps-visual-row{width:100%}.steps-visual-image{width:100%;height:auto;object-fit:contain;transition:opacity .7s ease,transform .7s ease}@media (max-width:767px){.steps-visual-row{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.steps-visual-shell{width:100vw;max-width:none;overflow:hidden}.steps-visual-image{margin:1rem 0;width:124%;max-width:none;transform:translateX(-2%) scale(1.62);transform-origin:center center}.steps-creation{width:55px!important;height:55px!important}}