*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--azul: #1A3A6B;--azul-claro: #EEF3FB;--dorado: #B8960C;--negro: #0D1420;--gris: #6B7A8D;--borde: #DDE3EC;--fondo: #F4F6FA;--blanco: #FFFFFF}[data-theme=dark]{--azul: #5B9BF8;--azul-claro: #162038;--dorado: #C9A415;--negro: #DCE6F5;--gris: #7A90AB;--borde: #1C2F4A;--fondo: #0B1627;--blanco: #0F1E35}html{font-size:18px;scroll-behavior:smooth}body{font-family:Barlow,sans-serif;background:var(--fondo);color:var(--negro);font-size:17px;line-height:1.6;overflow-x:hidden}.content{max-width:1100px;margin:0 auto;padding:0 3rem}.section-eyebrow{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--dorado);margin-bottom:.75rem;display:flex;align-items:center;gap:10px}.section-eyebrow:before{content:"";width:20px;height:2px;background:var(--dorado)}.section-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:var(--azul);margin-bottom:.75rem}.section-sub{font-size:16px;font-weight:300;color:var(--gris);max-width:560px;line-height:1.8;margin-bottom:3rem}.qr{width:150px;height:150px;display:block;margin:1em auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade{opacity:0}.fade.visible{animation:fadeUp .55s ease both}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:2rem;padding:1rem 3rem;background:#f4f6faf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--borde)}.nav-logo{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--azul) 0%,#3D9BF8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-img{height:30px;width:30px;border-radius:4px;object-fit:cover;flex-shrink:0}.nav-links{display:flex;gap:2.5rem;list-style:none;margin-left:auto}.nav-links a{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--azul)}.nav-cta{font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blanco);background:var(--azul);padding:8px 20px;border-radius:2px;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.nav-actions{display:flex;align-items:center;gap:12px}.nav-theme-toggle{background:none;border:none;cursor:pointer;color:var(--gris);padding:4px;display:flex;align-items:center;gap:7px;transition:color .2s;flex-shrink:0}.nav-theme-toggle:hover{color:var(--azul)}.nav-theme-toggle .icon-sun{display:none}.nav-theme-toggle .icon-moon,[data-theme=dark] .nav-theme-toggle .icon-sun{display:block}[data-theme=dark] .nav-theme-toggle .icon-moon{display:none}.toggle-track{display:block;width:42px;height:24px;border-radius:12px;background:#6b7a8d4d;position:relative;transition:background .3s;flex-shrink:0}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .3s}[data-theme=dark] .toggle-track{background:var(--azul)}[data-theme=dark] .toggle-thumb{transform:translate(18px)}.hero{min-height:100vh;background:var(--blanco);display:grid;grid-template-columns:1fr 400px;align-items:stretch;padding-top:64px;border-bottom:1px solid var(--borde)}.hero-left{padding:5rem 4rem 4rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--borde);background-color:#f0f4fb;background-image:linear-gradient(rgba(26,58,107,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(26,58,107,.06) 1px,transparent 1px);background-size:40px 40px;position:relative;overflow:hidden}.hero-right{display:flex;flex-direction:column;background:var(--fondo)}.hero-photo-wrap{flex:1;overflow:hidden}.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(100%)}.hero-photo-caption{padding:1.25rem 1.5rem;background:var(--azul);display:flex;align-items:center;justify-content:space-between}.hero-photo-name{font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fffc}.hero-photo-role{font-size:13px;font-weight:700;color:#ffffff80}.hero-name-wrap{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.hero-logo-mark{height:80px;width:80px;border-radius:6px;object-fit:cover;flex-shrink:0}.hero-name{font-family:Barlow Condensed,sans-serif;font-size:clamp(3.5rem,6vw,6rem);font-weight:800;line-height:.92;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:0;background:linear-gradient(135deg,var(--azul) 0%,#3D9BF8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:17px;font-weight:300;color:var(--gris);letter-spacing:.04em;margin-bottom:2.5rem;text-shadow:0 0 20px #d9e4f6,0 0 12px #d9e4f6,0 0 4px #d9e4f6}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.hero-stat-num{font-family:Barlow Condensed,sans-serif;font-size:2.2rem;font-weight:700;color:var(--azul);line-height:1;margin-bottom:2px}.hero-stat-num span{color:var(--dorado)}.hero-stat-label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}.hero-stat-highlight .hero-stat-num{color:var(--dorado)}.hero-stat-highlight .hero-stat-label{color:var(--azul);font-weight:700}.hero-btns{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--azul);color:var(--blanco);padding:12px 28px;border-radius:2px;text-decoration:none;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.coming-soon-text{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}.btn-secondary{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--azul);border:1.5px solid var(--azul);padding:12px 28px;border-radius:2px;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:var(--azul-claro)}.clientes-section{padding:5rem 0;background:var(--blanco);border-bottom:1px solid var(--borde)}.clientes-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--borde);border-radius:4px;overflow:hidden}.cliente{padding:1.75rem;border-right:1px solid var(--borde);border-bottom:1px solid var(--borde);background:var(--blanco);transition:background .2s;position:relative;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.cliente:nth-child(4n){border-right:none}.cliente:nth-child(n+9){border-bottom:none}.cliente:hover{background:var(--azul-claro)}.cliente:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:var(--azul);transition:height .3s}.cliente:hover:before{height:100%}.cliente-ext{position:absolute;top:.75rem;right:.75rem;width:13px;height:13px;opacity:0;transition:opacity .2s;color:var(--gris)}.cliente:hover .cliente-ext{opacity:.5}.cliente-name-text{color:var(--azul);line-height:1.1}.cliente-ind{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dorado);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.f500-badge{font-size:10px;font-weight:700;letter-spacing:.1em;background:var(--azul);color:var(--blanco);padding:1px 5px;border-radius:2px;text-transform:uppercase;white-space:nowrap}.cliente-desc{font-size:13px;font-weight:400;color:var(--gris);line-height:1.55;margin-top:.25rem}.cliente--current{background:linear-gradient(150deg,#fffdf5,#fff8e1)}.cliente--current:before{background:linear-gradient(to bottom,var(--dorado),#E8B000);height:100%}.cliente--current:hover{background:linear-gradient(150deg,#fff8e1,#ffedb3)}.cliente--current .cliente-name-text{background:linear-gradient(90deg,#00d4ff,#9b50e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aprend-section{padding:5rem 0;background:var(--azul);border-bottom:1px solid rgba(255,255,255,.1)}.aprend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.aprend-card{background:#ffffff0a;padding:2rem 2rem 4rem;transition:background .2s,transform .35s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;z-index:0}.aprend-card:hover{background:#ffffff14;transform:scale(1.03);z-index:1}.aprend-num{font-family:Barlow Condensed,sans-serif;font-size:11rem;font-weight:800;line-height:1;position:absolute;bottom:-3rem;right:1rem;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(to bottom,rgba(255,255,255,.18) 0%,transparent 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.aprend-card:hover .aprend-num{transform:scale(1.06) translateY(-.25rem)}.aprend-title{font-size:16px;font-weight:600;color:var(--blanco);margin-bottom:6px}.aprend-desc{font-size:14px;font-weight:300;color:#ffffff80;line-height:1.65}.prop-section{padding:5rem 0;background:var(--fondo);border-bottom:1px solid var(--borde);min-height:100vh;display:flex;align-items:center}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.prop-points{display:flex;flex-direction:column;gap:4px}.prop-point{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--blanco);border:1px solid var(--borde);border-radius:2px;transition:border-color .2s,background .2s}.prop-point:hover{border-color:var(--azul);background:var(--azul-claro)}.prop-point-icon{width:36px;height:36px;border-radius:2px;background:var(--azul-claro);border:1px solid var(--borde);display:flex;align-items:center;justify-content:center;color:var(--azul);flex-shrink:0}.prop-point-title{font-size:15px;font-weight:600;color:var(--azul);margin-bottom:3px}.prop-point-desc{font-size:14px;font-weight:300;color:var(--gris);line-height:1.6}.cta-section{background:var(--azul);padding:5rem 3rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.cta-section .qr{display:none;opacity:0;transition:opacity 1s ease;margin-top:2rem}.cta-section .qr.qr-revealed{opacity:1}.cta-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;text-transform:uppercase;color:var(--blanco);margin-bottom:1rem}.cta-sub{font-size:17px;font-weight:300;color:#ffffff80;max-width:440px;margin:0 auto 2.5rem;line-height:1.7}.cta-btn{display:inline-flex;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--dorado);color:var(--negro);padding:14px 36px;border-radius:2px;text-decoration:none;transition:opacity .2s,transform .2s}.cta-btn:hover{opacity:.9;transform:translateY(-2px)}.cta-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5}.demo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}.demo-modal.open{opacity:1;pointer-events:all}.demo-modal-inner{width:95vw;height:92vh;background:var(--blanco);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transform:scale(.96) translateY(12px);transition:transform .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 32px 80px #00000059}.demo-modal.open .demo-modal-inner{transform:scale(1) translateY(0)}.demo-modal-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--fondo);border-bottom:1px solid var(--borde);flex-shrink:0}.demo-modal-title{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}.demo-modal-actions{display:flex;align-items:center;gap:8px}.demo-modal-ext,.demo-modal-close{background:none;border:none;cursor:pointer;color:var(--gris);display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .2s,background .2s;text-decoration:none}.demo-modal-ext:hover,.demo-modal-close:hover{color:var(--azul);background:var(--azul-claro)}.demo-modal-frame{flex:1;width:100%;border:none;display:block}.nav-burger,.nav-mobile-menu{display:none}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-right{height:360px}.hero-photo-wrap img{object-position:center 20%}.hero-left{padding:5rem 1.5rem 3rem}.hero-name-wrap{flex-direction:column;align-items:flex-start;gap:.6rem}.hero-logo-mark{height:56px;width:56px}.hero-stats{grid-template-columns:repeat(2,1fr)}.navbar{padding:1rem 1.5rem}.nav-links{display:none}.nav-actions{margin-left:auto}[data-theme=dark] .nav-theme-toggle{color:var(--dorado)}.nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.nav-burger span{display:block;width:22px;height:2px;background:var(--azul);border-radius:2px;transition:transform .25s,opacity .25s;transform-origin:center}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{display:flex;flex-direction:column;position:fixed;top:57px;left:0;right:0;background:#f4f6faf7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--borde);z-index:99;overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease}.nav-mobile-menu.open{max-height:200px;padding:.5rem 0}.nav-mobile-link{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);text-decoration:none;padding:.85rem 1.5rem;transition:color .2s,background .2s}.nav-mobile-link:hover{color:var(--azul);background:var(--azul-claro)}.clientes-grid{grid-template-columns:repeat(2,1fr)}.aprend-grid,.prop-grid{grid-template-columns:1fr}.content{padding:0 1.5rem}}[data-theme=dark] .navbar{background:#0a1220f5;border-bottom-color:#1c2f4a}[data-theme=dark] .nav-mobile-menu{background:#0a1220fa;border-bottom-color:#1c2f4a}[data-theme=dark] .nav-mobile-link{color:var(--gris)}[data-theme=dark] .nav-mobile-link:hover{color:var(--azul);background:var(--azul-claro)}[data-theme=dark] .hero-left{background-color:#0d1b30;background-image:linear-gradient(rgba(91,155,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,155,248,.07) 1px,transparent 1px)}[data-theme=dark] .hero-title{text-shadow:0 0 20px #0D1B30,0 0 12px #0D1B30,0 0 4px #0D1B30}[data-theme=dark] .hero-photo-caption{background:#0a1628}[data-theme=dark] .hero-name,[data-theme=dark] .nav-logo{background-image:linear-gradient(135deg,#e8eef8,#5b9bf8)}[data-theme=dark] .btn-primary{background:var(--dorado);color:#0d1420}[data-theme=dark] .hero-stat-highlight .hero-stat-label{color:var(--dorado)}[data-theme=dark] .cliente--current{background:linear-gradient(150deg,#0f1d33,#121e37)}[data-theme=dark] .cliente--current:hover{background:linear-gradient(150deg,#141f3a,#1a2745)}[data-theme=dark] .f500-badge{background:#1a3a6b;color:#dce6f5}[data-theme=dark] .aprend-section{background:#060f1e;border-bottom-color:#ffffff0a}[data-theme=dark] .aprend-title{color:#e8eef8}[data-theme=dark] .aprend-section .section-title{color:#e8eef8!important}[data-theme=dark] .cta-section{background:#060f1e}[data-theme=dark] .cta-title{color:#e8eef8}