:root{--navy:#0b1f45;--blue:#1768f5;--cyan:#05b4e9;--ink:#172643;--muted:#64748b;--light:#f5f8fd;--border:#e4ebf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid #eaf0f7}.nav-bar{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;color:#071e50;white-space:nowrap}.brand img{height:45px;width:45px;object-fit:contain}.brand-accent{color:#1768f5}.nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.nav-links>a:hover{color:var(--blue)}.nav-cta{background:var(--blue);color:#fff!important;padding:13px 19px;border-radius:11px}.menu-toggle{display:none;background:none;border:0;font-size:27px}.hero{background:linear-gradient(120deg,#081c40 0%,#0a2b64 60%,#064c91 100%);position:relative;overflow:hidden;color:white}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(20,156,255,.25),transparent 45%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px;min-height:660px;padding:84px 0 90px;position:relative}.eyebrow,.overline{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:1.5px}.eyebrow{color:#b6dcff;background:#ffffff12;border:1px solid #ffffff2b;border-radius:30px;padding:10px 15px}.pulse{height:8px;width:8px;background:#58e4ba;border-radius:50%;box-shadow:0 0 0 5px #58e4ba20}.hero h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(38px,4.35vw,63px);line-height:1.13;letter-spacing:-2.7px;margin:25px 0}.hero h1 em{font-style:normal;color:#60c8ff}.hero-lead{font-size:17px;line-height:1.85;color:#c7d8ed;max-width:540px}.trial-banner{margin:27px 0 26px;display:flex;align-items:center;gap:16px;background:linear-gradient(100deg,#ffffff1c,#ffffff08);border:1px solid #ffffff30;border-radius:18px;padding:13px 20px;width:max-content;max-width:100%}.trial-number{font-family:Manrope;font-size:58px;font-weight:800;color:#70dbff;line-height:1}.trial-banner strong{font-family:Manrope;font-size:23px;display:block}.trial-banner small{display:block;color:#d5e7f7;font-size:12px;margin-top:5px}.trial-star{font-size:26px;color:#fbc55d}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:800;font-size:14px;padding:16px 23px;border-radius:12px;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#1785ff,#02b8e7);color:#fff;box-shadow:0 10px 24px #0075ff36}.btn-ghost{border:1px solid #ffffff55;color:#fff}.hero-note{font-size:12px;color:#9ab5d3;margin-top:18px}.hero-visual{position:relative;min-width:0}.visual-halo{position:absolute;width:100%;aspect-ratio:1;inset:-5% 0;background:radial-gradient(circle,#00b7ff3d,transparent 70%)}.dashboard{position:relative;display:flex;min-height:365px;background:#f8fbff;border:9px solid #ffffff25;border-radius:21px;box-shadow:0 28px 60px #0005;transform:perspective(1100px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.dash-side{width:62px;background:#09244d;display:flex;flex-direction:column;align-items:center;gap:25px;padding:17px 0;color:#b6d8fa;font-size:20px}.dash-mark{font-weight:900;color:#fff;background:#1684ff;border-radius:9px;width:30px;text-align:center}.dash-main{padding:24px;flex:1;min-width:0;color:#182d4f}.dash-top,.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;font-size:13px}.avatar{background:#dceaff;padding:8px 11px;border-radius:50%;color:#1768f5}.dash-greeting{font-size:12px;color:#7a8ca5;margin:12px 0 20px}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dash-kpis>div{background:#fff;border:1px solid #e8eef8;border-radius:10px;padding:13px 10px}.dash-kpis small,.dash-kpis span{display:block;font-size:10px;color:#71829a}.dash-kpis strong{display:block;font-size:23px;margin:7px 0;color:#0c2554}.dash-kpis span{color:#12a87c}.chart-panel{margin-top:15px;background:white;border:1px solid #e8eef8;border-radius:12px;padding:18px}.chart-heading small{color:#8d9ab0}.bars{height:120px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #e2eaf4;margin-top:25px}.bars i{flex:1;background:linear-gradient(#3ab5ff,#d4ebff);border-radius:5px 5px 0 0}.months{display:flex;justify-content:space-around;color:#95a3b7;font-size:10px;margin-top:9px}.floating-tag{position:absolute;background:white;color:#0e3362;border-radius:10px;box-shadow:0 12px 25px #0003;padding:12px 16px;font-size:12px;font-weight:800}.tag-one{left:-20px;bottom:4px}.tag-two{right:-12px;top:-18px}.trust-strip{border-bottom:1px solid var(--border)}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;gap:25px}.trust-inner>div{padding-left:20px;border-left:3px solid #3bb6fa}.trust-inner strong,.trust-inner span{display:block}.trust-inner strong{font-size:14px}.trust-inner span{font-size:12px;color:var(--muted);margin-top:6px}.section{padding:100px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.overline{color:#0b8bd8}.section-head h2,.about-grid h2{font-size:clamp(30px,3vw,42px);line-height:1.25;letter-spacing:-1.5px;margin:14px 0}.section-head h2 span,.about-grid h2 span{color:#1679ed}.section-head p{font-size:16px;color:var(--muted);line-height:1.8}.features-section{background:var(--light)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:white;border:1px solid var(--border);border-radius:19px;padding:30px;box-shadow:0 9px 30px #0d397008;transition:.2s}.feature:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0d397016}.feature-icon{height:54px;width:54px;display:grid;place-items:center;border-radius:14px;font-size:29px;font-weight:800}.blue{background:#e5f2ff;color:#1688ed}.purple{background:#f0eaff;color:#8455dc}.orange{background:#fff0df;color:#f28a2c}.teal{background:#dffaf5;color:#0fa992}.pink{background:#ffeaf4;color:#e44b93}.indigo{background:#e9eaff;color:#566ce1}.feature h3{font-size:19px;margin:22px 0 10px}.feature p{font-size:14px;line-height:1.75;color:var(--muted);min-height:74px}.feature>span{font-size:12px;font-weight:800;color:#1382de}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.audience-grid>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:25px 12px;text-align:center;font-size:30px;color:#1b87e8;box-shadow:0 8px 25px #143d6308}.audience-grid strong{display:block;font-size:14px;color:#17345d;margin-top:10px}.steps-section{background:#f5f9fe}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border:1px solid var(--border);border-radius:20px;background:#fff;padding:30px}.steps article>span{display:inline-block;font-family:Manrope;font-size:42px;font-weight:800;color:#c9e6ff}.steps h3{font-size:20px}.steps p{font-size:14px;line-height:1.8;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.about-art{border-radius:26px;background:linear-gradient(135deg,#e9f6ff,#c9e5ff);padding:24px}.about-art img{display:block;max-width:100%;max-height:440px;margin:auto;object-fit:contain}.about-grid p{color:var(--muted);line-height:1.9}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:13px;font-weight:700;margin:27px 0}.check-grid span{color:#225174}.text-link{color:#087fdb;font-weight:800}.promo-section{padding-top:30px}.promo-card{display:grid;grid-template-columns:1.5fr .5fr;align-items:center;gap:40px;background:linear-gradient(120deg,#0b2a60,#075ca8);color:#fff;border-radius:28px;padding:65px 70px;overflow:hidden;position:relative}.promo-eyebrow{color:#85d7ff;letter-spacing:1.4px;font-weight:800;font-size:12px}.promo-card h2{font-size:clamp(30px,3.3vw,46px);line-height:1.22;margin:18px 0}.promo-card h2 em{font-style:normal;color:#81d9ff}.promo-card p{color:#c9def2;max-width:580px;line-height:1.8}.btn-white{background:#fff;color:#0b4a91;margin:15px 0}.promo-card small{display:block;color:#a9c8e7;font-size:11px;max-width:550px;line-height:1.6}.promo-circle{width:240px;height:240px;border-radius:50%;border:12px solid #ffffff25;background:#ffffff18;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg)}.promo-circle span{font:800 105px/1 Manrope}.promo-circle strong{font-size:22px}.promo-circle b{color:#8be2ff;font-size:28px}.visitor-section{padding:15px 0 85px}.visitor-box{display:flex;align-items:center;gap:20px;border:1px solid var(--border);border-radius:20px;padding:24px 30px;background:#f8fbff}.visitor-symbol{background:#e3f2ff;color:#087cdb;width:55px;height:55px;border-radius:15px;display:grid;place-items:center;font-size:28px}.visitor-box>div:nth-child(2){flex:1}.visitor-box p{margin:6px 0 0;font-size:13px;color:var(--muted)}.visitor-count{text-align:right}.visitor-count strong{font:800 32px Manrope;display:block;color:#0875db}.visitor-count span{font-size:12px;color:var(--muted)}.footer{background:#071b39;color:#d6e4f5;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px}.footer-brand{color:#fff}.footer-grid p{font-size:13px;color:#9fb5cf;max-width:260px;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:14px}.footer-grid strong{color:#fff;font-size:14px;margin-bottom:6px}.footer-grid a:not(.brand){font-size:13px;color:#a9c1db;overflow-wrap:anywhere}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff20;margin-top:45px;padding-top:20px;font-size:12px;color:#8fa7c3;display:flex;justify-content:space-between;gap:20px}@media(max-width:1000px){.nav-links{gap:13px}.hero-grid{gap:25px}.hero h1{font-size:43px}.features-grid{grid-template-columns:repeat(2,1fr)}.promo-card{padding:50px}.promo-circle{width:190px;height:190px}}@media(max-width:760px){.nav-bar{min-height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:20px;box-shadow:0 20px 25px #00152a22;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero-grid{grid-template-columns:1fr;padding:65px 0 75px}.hero h1{font-size:clamp(36px,9vw,48px);letter-spacing:-1.6px}.hero-visual{margin:30px 5px 0}.dashboard{transform:none;min-height:300px}.tag-one{left:0}.tag-two{right:0}.trust-inner{grid-template-columns:1fr;gap:18px}.section{padding:70px 0}.audience-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:30px}.promo-card{grid-template-columns:1fr;padding:35px 28px}.promo-circle{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.visitor-box{flex-wrap:wrap}.visitor-count{text-align:left;width:100%;padding-left:75px}}@media(max-width:510px){.shell{width:min(100% - 30px,1180px)}.brand{font-size:19px}.brand img{height:38px;width:38px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column}.btn{width:100%}.trial-number{font-size:50px}.trial-banner strong{font-size:19px}.features-grid{grid-template-columns:1fr}.feature p{min-height:0}.dash-side{width:40px;gap:20px}.dash-main{padding:12px}.dash-kpis{gap:5px}.dash-kpis>div{padding:8px 5px}.dash-kpis strong{font-size:17px}.dash-kpis small{font-size:8px}.chart-panel{padding:10px}.check-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.visitor-box{padding:20px}.visitor-count{padding-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ============================================================
   EMPRENDE360 - TIPOGRAFIA AMPLIADA (DESKTOP Y MOVIL)
   Mantiene los estilos, colores y estructura del diseno original.
   ============================================================ */
body{font-size:17px;line-height:1.7}
.nav-links{font-size:16px}
.hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.15}
.hero-lead{font-size:20px;line-height:1.8}
.eyebrow,.overline{font-size:14px}
.hero-note{font-size:15px}
.trial-banner strong{font-size:26px}
.trial-banner small{font-size:15px}
.btn{font-size:16px}
.trust-inner strong{font-size:17px}
.trust-inner span{font-size:15px}
.section-head h2,.about-grid h2{font-size:clamp(34px,3.5vw,46px)}
.section-head p{font-size:18px}
.feature h3{font-size:22px}
.feature p{font-size:17px;line-height:1.8;min-height:0}
.feature>span{font-size:15px}
.audience-grid strong{font-size:17px}
.steps h3{font-size:23px}
.steps p{font-size:17px;line-height:1.8}
.about-grid p{font-size:18px;line-height:1.8}
.check-grid{font-size:16px}
.promo-eyebrow{font-size:15px}
.promo-card p{font-size:18px}
.promo-card small{font-size:14px}
.footer-grid p,.footer-grid a:not(.brand){font-size:16px}
.footer-grid strong{font-size:17px}
.footer-bottom{font-size:14px}
@media(max-width:760px){
  .hero h1{font-size:clamp(36px,8vw,48px)}
  .hero-lead{font-size:18px}
  .nav-links{font-size:17px}
  .section-head h2,.about-grid h2{font-size:34px}
  .feature p,.steps p{font-size:16px}
  .about-grid p,.section-head p{font-size:17px}
}