.landing-container{min-height:100vh;font-family:var(--font-jost), var(--font-inter), sans-serif;background-color:#fff;position:relative;overflow:hidden}.landing-nav{z-index:100;background:0 0;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:sticky;top:0}.nav-brand,.nav-links{z-index:1;position:relative}.nav-brand{align-items:center;gap:20px;display:flex}.nav-logo{filter:drop-shadow(0 4px 10px #00518a2e);width:200px;height:auto}.brand-wrap{flex-direction:column;align-items:flex-end;line-height:1;display:flex;position:relative}.brand-font{font-family:var(--font-brand), var(--font-inter), sans-serif;color:#00518a;font-size:12.25rem;line-height:1}.brand-sub{font-family:var(--font-jost), var(--font-inter), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#1a1a1a;font-size:2.1rem;font-weight:600;position:absolute;top:154px;left:374px}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-link-btn{color:#475569;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;font-size:1.2rem;font-weight:700;transition:all .2s}.nav-link-btn:hover{color:#00a896;transform:translateY(-2px)}.lang-toggle-btn{color:#334155;cursor:pointer;background:#fffc;border:1px solid #00518a2e;border-radius:20px;align-items:center;gap:6px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.lang-toggle-btn:hover{color:#00a896;border-color:#00a896;transform:translateY(-2px);box-shadow:0 0 0 4px #00a8961f}.login-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#00518a 0%,#00a896 100%) 0 0/180% 180%;border:none;border-radius:50px;padding:.7rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);animation:6s infinite gradShift;box-shadow:0 8px 22px -8px #00518a99}.login-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 14px 30px -8px #00518abf}.hero-section{z-index:2;justify-content:space-between;align-items:center;gap:3rem;max-width:1400px;margin:0 auto;padding:5rem 5%;display:flex;position:relative}.hero-content{box-sizing:border-box;flex:0 0 50%;max-width:50%;padding-right:2rem}.badge-xprize{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#00518a 0%,#006a66 100%);border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-block;box-shadow:0 4px 15px #006a664d}.hero-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:#475569;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.6}.landing-container .brand-word{font-size:2.5em;line-height:.7}.text-gradient{background:linear-gradient(135deg,#00518a 0%,#00a896 100%) 0 0/220% 220%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:7s infinite gradShift}.hero-brand-inline{font-family:var(--font-brand), var(--font-inter), sans-serif;color:#00518a;font-size:2.8em;font-weight:400;line-height:.7}.hero-title:has(.hero-brand-inline){line-height:1.96}.section-title:has(.brand-word){line-height:1.75}.hero-cta-group{gap:1rem;display:flex}.hero-qr{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:.75rem;margin-top:1rem;padding:.6rem .8rem;display:inline-flex;box-shadow:0 12px 28px -10px #00518a4d}.hero-qr img{border-radius:8px;width:88px;height:88px;display:block}.hero-qr-caption{text-align:left;flex-direction:column;line-height:1.3;display:flex}.hero-qr-caption strong{color:#0f172a;white-space:nowrap;font-size:1rem}.hero-qr-caption span{color:#64748b;white-space:nowrap;font-size:.82rem}.cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00518a 0%,#00a896 100%) 0 0/180% 180%;border:none;border-radius:14px;justify-content:center;align-items:center;padding:.9rem 2rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);animation:6s infinite gradShift;display:inline-flex;box-shadow:0 14px 30px -10px #00518a99}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 22px 44px -12px #00518acc}.cta-primary.huge{color:#fff;background:linear-gradient(135deg,#00518a 0%,#00a896 100%);border:none;margin:0 auto;padding:1rem 3rem;font-size:1.2rem}.cta-primary.huge:hover{background:linear-gradient(135deg,#004a7e 0%,#008f7d 100%)}.cta-secondary{color:#00518a;cursor:pointer;background:0 0;border:1px solid #00518a4d;border-radius:12px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.cta-secondary:hover{background:#00518a0d;border-color:#00518a}.hero-visual{box-sizing:border-box;flex:0 0 50%;justify-content:center;max-width:50%;display:flex;position:relative}.banner-section{z-index:2;width:100%;max-width:1400px;margin:0 auto 3rem;padding:0 5%;position:relative}.banner-image{object-fit:cover;object-position:center 20%;border:4px solid #fff;border-radius:20px;width:100%;height:400px;box-shadow:0 20px 40px -10px #00000026}.content-section{z-index:2;padding:5rem 5%;position:relative}.light-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.container-narrow{max-width:800px;margin:0 auto}.text-center{text-align:center}.section-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:2.8rem;font-weight:800;line-height:1.1}.section-tagline{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.section-text{color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.font-bold{color:#1e293b;font-weight:700}.highlight{color:#00518a}.highlight-box{color:#1e293b;background:#00518a0d;border-left:4px solid #00518a;border-radius:12px;padding:1.5rem;font-weight:500}.text-white{color:#fff!important}.opacity-90{opacity:.9}.opacity-75{opacity:.75}.mt-4{margin-top:1rem}.mb-8{margin-bottom:2rem}.zigzag-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.zigzag-container.reverse{direction:rtl}.zigzag-container.reverse>*{direction:ltr}.zigzag-text{flex:1}.zigzag-visual{flex:1;justify-content:center;display:flex;position:relative}.zigzag-visual:after{content:"";z-index:-1;pointer-events:none;border:2px dashed #00518a5c;border-radius:26px;animation:60s linear infinite spin;position:absolute;inset:-14px}.features-section{z-index:2;padding:5rem 5%;position:relative}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.check-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;background:#fff9;border:1px solid #fffc;border-radius:16px;align-items:center;gap:15px;padding:1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px -10px #00518a1a}.check-card:hover{background:#ffffffe6;border-color:#00518a4d;transform:translateY(-5px);box-shadow:0 20px 40px -10px #00518a33}.check-icon{color:#fff;background:linear-gradient(135deg,#00518a 0%,#00a896 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 10px #00a8964d}.bullet-list{text-align:left;color:#475569;max-width:600px;margin-top:1rem;font-size:1.1rem;line-height:1.8}.bullet-list li{margin-bottom:.8rem;padding-left:25px;list-style:none;position:relative}.bullet-list li:before{content:"•";color:#00518a;font-size:1.5rem;line-height:1;position:absolute;top:0;left:0}.cta-section{z-index:2;background:linear-gradient(150deg,#00518a 0%,#0070b8 45%,#008f8a 100%) 0 0/200% 200%;padding:6rem 5%;animation:10s infinite gradShift;position:relative;overflow:hidden}.cta-section:before,.cta-section:after{content:"";pointer-events:none;border:1.5px dashed #fff3;border-radius:50%;position:absolute}.cta-section:before{width:520px;height:520px;animation:40s linear infinite spin;top:-240px;left:-140px}.cta-section:after{width:300px;height:300px;animation:30s linear infinite reverse spin;bottom:-120px;right:-80px}.cta-section .cta-primary.huge{color:#00518a;background:#fff;box-shadow:0 18px 44px -12px #0006}.cta-section .cta-primary.huge:hover{background:#f0f7ff}.landing-footer{text-align:center;color:#94a3b8;z-index:2;background:#0f172a;border-top:1px solid #1e293b;padding:3rem 5%;font-size:.9rem;position:relative}@media (max-width:900px){.hero-section{text-align:center;flex-direction:column;padding:3rem 5%}.hero-content{flex:auto;max-width:100%;padding-right:0}.hero-cta-group,.hero-qr{justify-content:center}.hero-title{font-size:2.5rem}.hero-brand-inline{font-size:1.9em}.hero-title:has(.hero-brand-inline){line-height:1.35}.zigzag-container{grid-template-columns:1fr;gap:3rem}.zigzag-container.reverse{direction:ltr}.zigzag-text{text-align:center}.bullet-list{margin:1rem auto}}.classkit-section{z-index:2;padding:5rem 5%;position:relative}.classkit-card{text-align:center;max-width:960px;margin:0 auto;position:relative}.classkit-badge{color:#fff;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#00a896 0%,#00518a 100%);border-radius:20px;margin-bottom:1.25rem;padding:.4rem 1.2rem;font-size:.8rem;font-weight:800;display:inline-block;box-shadow:0 6px 18px #00a89659}.classkit-days{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:1.5rem;display:flex}.classkit-day{color:#0f172a;background:#00a89612;border:1px solid #00518a38;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.classkit-day:hover{background:#00a89633;border-color:#00a896a6;transform:translateY(-3px)}.classkit-day-dot{background:linear-gradient(135deg,#00a896,#00518a);border-radius:50%;width:10px;height:10px}.classkit-figure{max-width:672px;margin:0 auto 2.5rem}.classkit-figure img{border:1px solid #00518a29;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 22px 48px -20px #00518a61}.classkit-cta{color:#fff;background:linear-gradient(135deg,#00a896 0%,#00518a 100%);border:none;padding:.9rem 2.5rem;font-size:1.05rem;font-weight:700;box-shadow:0 12px 30px -8px #006a6666}.classkit-cta:hover{transform:translateY(-3px);box-shadow:0 18px 40px -10px #006a6680}.clone-badge,.personalization-badge{background:linear-gradient(135deg,#00a896 0%,#00518a 100%);margin-bottom:1rem}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.orbit{pointer-events:none;z-index:1;border:2px dashed #00518a66;border-radius:50%;animation:46s linear infinite spin;position:absolute}.orbit i{opacity:.8;background:#00a896;border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:50%;box-shadow:0 0 16px #00a896}.orbit.o2 i{background:#00518a;box-shadow:0 0 16px #00518a}.orb-1{width:120px;height:120px;animation-duration:24s;top:5%;left:-40px}.orb-2{width:150px;height:150px;animation-duration:30s;top:10%;right:-34px}.orb-3{width:190px;height:190px;animation-duration:38s;top:16%;left:-60px}.orb-4{width:130px;height:130px;animation-duration:26s;top:22%;right:-52px}.orb-5{width:240px;height:240px;animation-duration:48s;top:30%;left:-90px}.orb-6{width:170px;height:170px;animation-duration:34s;top:37%;right:-74px}.orb-7{width:150px;height:150px;animation-duration:30s;top:45%;left:-52px}.orb-8{width:300px;height:300px;animation-duration:60s;top:52%;right:-112px}.orb-9{width:120px;height:120px;animation-duration:24s;top:60%;left:-34px}.orb-10{width:200px;height:200px;animation-duration:40s;top:68%;right:-64px}.orb-11{width:230px;height:230px;animation-duration:46s;top:76%;left:-82px}.orb-12{width:140px;height:140px;animation-duration:28s;top:84%;right:-44px}.orb-13{width:180px;height:180px;animation-duration:36s;top:92%;left:-62px}.orb-14{width:260px;height:260px;animation-duration:52s;top:96%;right:-92px}@keyframes spin{to{transform:rotate(360deg)}}.landing-marquee{z-index:2;background:linear-gradient(135deg,#00518a 0%,#00a896 100%) 0 0/180% 180%;padding:14px 0;animation:8s infinite gradShift;position:relative;overflow:hidden}.landing-marquee .track{white-space:nowrap;gap:48px;width:max-content;animation:22s linear infinite scroll;display:flex}.landing-marquee span{color:#fffffff2;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:.82rem;font-weight:700;display:inline-flex}.landing-marquee span:after{content:"✦";color:#2dd4bf;font-size:.7rem}@keyframes scroll{to{transform:translate(-50%)}}.cadena-section{z-index:2;padding:0 5% 1rem;position:relative}.cadena-figure{max-width:920px;margin:0 auto}.cadena-figure img{border:1px solid #00518a29;border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 22px 48px -20px #00518a61}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.miaula-section{z-index:2;padding:4rem 5%;position:relative}.miaula-lead{max-width:720px;margin:0 auto 2.5rem}.miaula-capturas{justify-content:center;align-items:center;gap:clamp(1.5rem,3.2vw,3rem);max-width:1200px;margin:0 auto 2.5rem;display:flex}.miaula-capturas .celular{--ancho-celular:clamp(140px, 14.5vw, 185px);transition:transform .3s}.miaula-captura--der{transform:rotate(3deg)}.miaula-captura--izq{transform:rotate(-3deg)translateY(14px)}.miaula-capturas .celular:hover{z-index:1;transform:rotate(0)scale(1.04)}@media (max-width:760px){.miaula-capturas{scroll-snap-type:x mandatory;justify-content:flex-start;margin-left:-5%;margin-right:-5%;padding:1rem .5rem 1.5rem 5%;overflow-x:auto}.miaula-capturas .celular{--ancho-celular:62vw;scroll-snap-align:center}}.landing-container .light-bg{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.institucion-lista{color:#00518a;max-width:760px;margin:0 auto;font-weight:600}.camino-section{z-index:2;padding:4rem 5%;position:relative}.camino-texto{max-width:640px;margin:0 auto 1.5rem}.camino-figure{max-width:980px;margin:1rem auto 0}.archivo-section{z-index:2;padding:4rem 5%;position:relative}.archivo-texto{max-width:640px;margin:0 auto 2.5rem}.archivo-figure{max-width:980px;margin:0 auto}.camino-figure img{border-radius:28px;width:100%;height:auto;display:block;box-shadow:0 25px 50px -25px #00518a59}.camino-tesoro{color:#00518a;max-width:680px;margin:2rem auto 0;font-weight:600}.camino-extra{max-width:680px;margin:.75rem auto 0}@media (max-width:760px){.camino-figure img{border-radius:18px}}.landing-container .hero-title,.landing-container .section-title{font-family:var(--font-aula-titulos), var(--font-inter), sans-serif;letter-spacing:-.01em;font-weight:500}.landing-container .section-tagline{font-family:var(--font-aula-titulos), var(--font-inter), sans-serif;font-weight:400}.landing-container[data-tema] .orbit{display:none}.landing-container[data-tema] .hero-title,.landing-container[data-tema] .section-title:not(.text-white),.landing-container[data-tema] .brand-font,.landing-container[data-tema] .hero-brand-inline,.landing-container[data-tema] .brand-word{color:var(--t-tinta)}.landing-container[data-tema] .login-btn{background:var(--t-tinta);border-color:var(--t-tinta);color:#fff}.landing-container[data-tema] .cta-primary{background:var(--t-naranja);border-color:var(--t-naranja);color:#fff;box-shadow:0 14px 30px -12px var(--t-naranja)}.landing-container[data-tema] .cta-section{background:var(--t-violeta)}.landing-container[data-tema] .cta-section .cta-primary.huge{background:var(--t-naranja);color:#fff}.landing-container[data-tema] .cta-section .cta-primary.huge:hover{background:#d96c0f}.landing-container[data-tema] a:focus-visible,.landing-container[data-tema] button:focus-visible{outline:3px solid var(--t-naranja);outline-offset:3px}.cobrand{align-items:center;gap:18px;display:flex}.cobrand-logo{width:auto;height:168px;display:block}.cobrand-con{font-family:var(--font-aula-titulos), var(--font-inter), sans-serif;color:var(--t-tinta);opacity:.75;font-size:1.6rem}.landing-container[data-tema] .nav-logo{width:150px}.landing-container[data-tema] .brand-font{font-size:8rem}.rombo{width:var(--tam);height:var(--tam);position:absolute}.rombo-placa{opacity:.68;mix-blend-mode:multiply;border-radius:6px;position:absolute;inset:0}.rombo-foto{border:4px solid #fff;border-radius:6px;position:absolute;inset:9%;overflow:hidden;transform:rotate(45deg);box-shadow:0 10px 24px -10px #2b2a5c73}.rombo-foto img{object-fit:cover;width:142%;height:142%;margin:-21%;display:block;transform:rotate(-45deg)}.racimo-rombos{aspect-ratio:1/.9;width:100%;max-width:520px;position:relative}.racimo-rombos .rombo{animation:.7s cubic-bezier(.2,.8,.2,1) both rombo-entra}.racimo-rombos .r-b{animation-delay:80ms}.racimo-rombos .r-c{animation-delay:.16s}.racimo-rombos .r-d{animation-delay:.24s}.racimo-rombos .r-e{animation-delay:.32s}@keyframes rombo-entra{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:none}}.franja-rombos{max-width:1200px;height:200px;margin:0 auto;position:relative;overflow:hidden}.rombo-suelto{z-index:0;pointer-events:none;position:absolute}.rombo-suelto--izq{left:6%}.rombo-suelto--der{right:5%}.landing-container[data-tema] section{z-index:1;position:relative}.contacto-distribuidor{text-align:center;color:var(--t-tinta);padding:2rem 1rem;font-size:1.05rem}.contacto-distribuidor a{color:var(--t-tinta);font-weight:700}@media (max-width:900px){.cobrand{gap:10px}.cobrand-logo{height:92px}.cobrand-con{font-size:1.1rem}.landing-container[data-tema] .nav-logo{width:80px}.landing-container[data-tema] .brand-font{font-size:4rem}.racimo-rombos{aspect-ratio:auto;width:340px;max-width:100%;height:310px;margin:1.5rem auto 0}.landing-container[data-tema] .hero-visual{flex-basis:auto;width:100%;max-width:100%}.racimo-rombos .rombo{transform-origin:0 0;scale:.66}.franja-rombos{height:140px}.franja-rombos .rombo{transform-origin:0 0;scale:.7}}@media (prefers-reduced-motion:reduce){.racimo-rombos .rombo{animation:none}}.landing-container[data-tema] .text-gradient{-webkit-text-fill-color:var(--t-vino);color:var(--t-vino);background:0 0}.landing-container[data-tema] .check-icon{background:var(--t-hoja);box-shadow:none}.landing-container[data-tema] .classkit-badge,.landing-container[data-tema] .classkit-cta,.landing-container[data-tema] .classkit-day-dot{background:var(--t-cobalto)}.landing-container[data-tema] .brand-sub{margin-top:-.4rem;font-size:1.15rem;position:static}.landing-container[data-tema] .landing-nav{flex-wrap:wrap;gap:1rem}body:has(.landing-container[data-tema]) .buy-fab{background:#f07d1a!important}.landing-container[data-tema] .cta-section .brand-word,.landing-container[data-tema] .cta-section .hero-brand-inline{color:#fff}@media (max-width:520px){.cobrand{gap:6px}.cobrand-logo{height:70px}.cobrand-con{font-size:.9rem}.landing-container[data-tema] .nav-logo{width:54px}.landing-container[data-tema] .brand-font{font-size:2.7rem}.landing-container[data-tema] .brand-sub{margin-top:-.2rem;font-size:.75rem}}.landing-container[data-tema] .landing-footer .brand-word,.landing-container[data-tema] .landing-footer .hero-brand-inline{color:#fff}@media (max-width:1240px){.rombo-suelto{scale:.78}.rombo-suelto--izq{left:1.5%}.rombo-suelto--der{right:1.5%}}@media (max-width:1000px){.rombo-suelto{display:none}}.aviso-distribuidor{text-align:center;color:#cbd5e1;max-width:68ch;margin:0 auto;padding:0 1rem;font-size:.8rem;line-height:1.6}.landing-botones{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.landing-recorrido{max-width:1100px;margin:3rem auto 0}.landing-pie-enlaces{flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;max-width:760px;margin-bottom:.5rem;display:flex}.landing-pie-enlaces a{color:#94a3b8;font-size:.85rem;text-decoration:none}.landing-pie-enlaces a:hover{color:#00a896}