:root{
  --bg:#edf3fa;
  --bg2:#f5f8fc;
  --white:#fff;
  --ink:#0c1730;
  --text:#2e405d;
  --muted:#71829c;
  --blue:#2468f2;
  --orange:#f45a00;
  --green:#13aa4b;
  --line:#d8e3ef;
  --blue-line:#a8ccff;
  --orange-line:#ffb878;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:inherit}
.container{width:min(1140px,calc(100% - 40px));margin:0 auto;text-align:center}
.container.wide{width:min(1320px,calc(100% - 40px))}
.hero{min-height:100vh;display:grid;place-items:center;padding:70px 0;background:linear-gradient(180deg,#eaf1fa 0%,#edf3fa 100%)}
.hero-content{max-width:1200px}
.pill{display:inline-block;padding:7px 14px;border:1px solid #9dc5ff;border-radius:999px;background:#e2edff;color:var(--blue);font-size:13px;letter-spacing:.09em;margin-bottom:24px}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em;margin-top:0}
h1{font-size:clamp(44px,5.6vw,68px);font-weight:900;margin-bottom:24px}
h1 span{color:var(--orange)}
.hero p{font-size:20px;color:#728198;margin:0 0 30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 31px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,34,65,.13)}
.btn-green{background:var(--green);color:#fff;box-shadow:0 12px 28px rgba(19,170,75,.2)}
.btn-orange{background:var(--orange);color:#fff;box-shadow:0 12px 28px rgba(244,90,0,.18)}
.btn-gray{background:#f7f9fc;border-color:#cfdae8;color:#35506f}
.btn.big{padding:17px 40px}
.hero small{display:block;margin-top:14px;color:#667792}
.scroll-indicator{display:flex;width:24px;height:48px;border:1px solid #bdd0e7;border-radius:18px;align-items:center;justify-content:center;margin:140px auto 0;text-decoration:none;color:var(--blue);font-weight:900}
.section{padding:74px 0}
.kicker{font-size:13px;letter-spacing:.11em;margin-bottom:22px}
.blue{color:#135df2}.orange{color:var(--orange)}
h2{font-size:clamp(40px,4.8vw,62px);font-weight:900;margin-bottom:24px}
.intro{font-size:17px;color:#334866;line-height:1.55;margin:0 auto 55px}
.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;text-align:left}
.small-card{padding:20px 20px 23px;min-height:200px}
.mini-icon,.large-icon{display:grid;place-items:center;background:#edf5ff;border:1px solid #acd0ff;color:var(--blue)}
.mini-icon{width:36px;height:36px;border-radius:11px;margin-bottom:16px}
.large-icon{width:48px;height:48px;border-radius:14px;margin-bottom:28px}
.mini-icon svg,.large-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.small-card h3{font-size:15px;margin-bottom:14px}
.small-card p{font-size:14px;color:#314562;margin:0}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.proof-card{background:#fff;border-radius:14px;text-align:left;padding:24px 26px;min-height:224px}
.orange-border{border:1px solid var(--orange-line)}
.blue-border{border:1px solid var(--blue-line)}
.stat{font-size:34px;line-height:1}.stat-caption{color:#526683;font-size:12px;margin-left:7px}
.orange-text{color:var(--orange)}.blue-text{color:var(--blue)}
.proof-card p{font-size:14px;color:#2b405e;margin:12px 0}.proof-card small{font-size:10px;color:#8492a8;font-style:italic}
.bridge{font-size:18px;margin:56px auto 52px;line-height:1.5}
.section-gap-kicker{margin-bottom:44px}
.problem-card{padding:34px;min-height:310px}
.problem-card h3{font-size:23px;margin-bottom:18px}.problem-card p{font-size:15px;color:#344b69;line-height:1.55}
.after-problems{font-size:17px;margin:44px 0 24px;color:#2f4361}
.text-cta{font-weight:800;text-decoration:none}
.how{background:#f7f9fc;border-top:1px solid #e2e9f3}.steps{margin-top:44px}.step-card{padding:28px 24px;min-height:242px}
.step-top{display:flex;align-items:center;gap:12px}.step-top .mini-icon{margin:0}.step-top strong{font-size:25px;color:#f5cbb9}
.step-card h3{font-size:16px;margin:22px 0 12px}.step-card p{font-size:14px;color:#344964;margin:0}
.roi{background:#f8fafc}.roi .intro{margin-bottom:50px}.roi-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:34px;text-align:left}
.roi-inputs,.roi-results{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 32px}
.roi-results{border-color:#acd0ff;background:#f5f9ff}
.roi-inputs label{display:block;font-weight:650;font-size:13px;margin-bottom:28px}
.roi-inputs input[type=number]{width:100%;margin-top:8px;border:1px solid #d4dfec;background:#f5f8fc;border-radius:14px;padding:14px 18px;font-size:20px;font-weight:800;color:var(--ink)}
.hint{display:block;font-size:11px;color:#8190a5;font-weight:400;margin-top:5px}
.range-row{display:flex;gap:20px;align-items:center;margin-top:10px}.range-row input{width:100%;accent-color:var(--blue)}.orange-range input{accent-color:var(--orange)}
.range-row output{min-width:42px;text-align:right;font-weight:800;color:var(--blue);font-size:17px}.orange-range output{color:var(--orange)}
.result-row{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid #d5e1ef;font-size:13px}.result-row strong{font-size:20px}
.annual-box{margin-top:28px;padding:18px 22px;border:1px solid #ffbe7c;border-radius:14px;background:#fff4e8;color:var(--orange)}
.annual-box small{font-weight:800}.annual-box strong{display:block;font-size:42px;line-height:1.1;margin-top:8px}
blockquote{text-align:center;font-size:14px;font-weight:650;margin:28px auto 12px}.roi-disclaimer{text-align:center;font-size:10px;color:#8393aa}
.plans{background:#f8fafc;border-top:1px solid #e3eaf3}.plans h2{font-size:44px}.plan-grid{align-items:start;margin-top:44px}
.plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px 32px;text-align:left;min-height:625px}
.blue-plan{border-color:#9dc8ff}.orange-plan{border-color:#ff9e5d}.muted-plan{border-color:#d8e2ed}
.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;border-radius:999px;padding:4px 18px;white-space:nowrap}
.orange-bg{background:var(--orange);color:#fff}.gray-bg{background:#dbe3ee;color:#3f5067}
.plan-title{display:flex;align-items:center;gap:14px}.plan-title .large-icon{margin:0}.large-icon.compact{width:42px;height:42px;border-radius:13px}
.orange-icon{color:var(--orange);background:#fff4ed;border-color:#ffc495}.gray-icon{color:#586b84;background:#eef2f7;border-color:#cbd6e4}
.plan-title h3{font-size:20px;margin:0}.plan-card>p{font-size:13px;color:#344863;margin:24px 0}
.plan-card ul{padding-left:24px;margin:0}.plan-card li{font-size:13px;color:#283f5d;margin:11px 0;line-height:1.35}
.plan-card li::marker{content:"✓  ";color:var(--blue)}.orange-checks li::marker{color:var(--orange)}
.plan-card em{display:block;color:#5b718d;font-size:12px;line-height:1.55;margin:24px 0}.plan-card hr{border:0;border-top:1px solid #e4e9f0;margin:20px 0}
.plan-card .btn{width:100%;padding:13px 16px}.muted-plan .btn{font-size:12px}
.faq{padding-bottom:34px}.faq-container{max-width:760px}.faq h2{font-size:52px}.accordion{text-align:left;margin-top:42px}
details{border-bottom:1px solid #d8e1ec}summary{cursor:pointer;list-style:none;position:relative;padding:23px 50px 23px 0;font-size:18px;font-weight:800}
summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;top:17px;width:32px;height:32px;border-radius:50%;border:1px solid #bfd0e2;display:grid;place-items:center;font-size:24px;font-weight:400}
details[open] summary:after{content:"×";background:#ff6b00;color:#fff;border-color:#ff6b00}details p{font-size:14px;color:#405471;margin:-3px 50px 22px 0}
.more{font-size:13px;margin:46px 0 15px}.faq .btn{padding:13px 29px}
.final-cta{background:#fff2e5;border-top:1px solid #ffc78e;border-bottom:1px solid #ffc78e;padding:130px 0;text-align:center}
.final-cta h2{font-size:62px;margin-bottom:22px}.final-cta p{font-size:18px;color:#53637a;margin:0 0 40px}
.footer{text-align:center;background:#eaf1f9;color:#74869e;padding:28px 16px 18px;font-size:12px}.tagline{font-size:10px;letter-spacing:.11em;margin-top:5px}
.legal-links{margin-bottom:10px}.legal-links a{text-decoration:none;color:#526b8a}.legal-links span{margin:0 8px}
.cookie-notice{position:fixed;left:18px;right:18px;bottom:18px;z-index:999;background:#fff;border:1px solid #cad8e8;box-shadow:0 18px 60px rgba(5,20,45,.18);border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:980px;margin:auto}
.cookie-notice.hidden{display:none}.cookie-notice strong{font-size:15px}.cookie-notice p{margin:4px 0 0;color:#566981;font-size:12px}
.cookie-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.cookie-actions a{font-size:12px;color:#315c92}.cookie-actions button{border:0;background:var(--ink);color:white;border-radius:999px;padding:10px 17px;font-weight:700;cursor:pointer}

@media(max-width:1000px){
  .four-grid{grid-template-columns:1fr 1fr}.three-grid{grid-template-columns:1fr}.roi-grid{grid-template-columns:1fr}
  .plan-card{min-height:auto}.desktop-break{display:none}
}
@media(max-width:650px){
  .container,.container.wide{width:min(100% - 28px,1320px)}
  .hero{min-height:auto;padding:80px 0 50px}.pill{font-size:10px}h1{font-size:40px}.hero p{font-size:17px}.scroll-indicator{margin-top:70px}
  .section{padding:60px 0}h2{font-size:38px}.intro{font-size:15px}.four-grid{grid-template-columns:1fr}
  .proof-grid{grid-template-columns:1fr}.bridge{font-size:16px}.problem-card{min-height:auto}.final-cta{padding:85px 0}.final-cta h2{font-size:44px}
  .faq h2{font-size:42px}.roi-inputs,.roi-results,.plan-card{padding:25px 21px}.annual-box strong{font-size:34px}
  .cookie-notice{display:block}.cookie-actions{margin-top:12px;justify-content:flex-end}
}


/* ===== DEMO FORMULARIO WEB → WHATSAPP ===== */
.demo-form-section{padding:34px 0 72px;background:#edf3fa}
.demo-form-details{background:#fff;border:1px solid #cbd9e8;border-radius:24px;box-shadow:0 16px 42px rgba(15,39,68,.08);overflow:hidden;text-align:left}
.demo-form-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;cursor:pointer;list-style:none}
.demo-form-summary::-webkit-details-marker{display:none}
.demo-form-summary:after{display:none!important}
.demo-form-summary strong{display:block;font-size:24px;letter-spacing:-.025em;color:var(--ink);margin:3px 0 7px}
.demo-form-summary small{display:block;max-width:760px;color:#667792;font-size:13px;line-height:1.45}
.demo-kicker{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}
.demo-open-label{flex:0 0 auto;border:1px solid #b8cbe0;background:#f5f9fd;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;color:#315c92}
.demo-form-details[open] .demo-open-label{background:#edf5ff;color:var(--blue)}
.demo-form-content{border-top:1px solid #e2e9f2;padding:32px}
.demo-flow{display:flex;align-items:stretch;justify-content:center;gap:12px;margin:0 auto 24px}
.demo-flow>div{flex:1;min-width:0;background:#f7fafe;border:1px solid #d7e3ef;border-radius:15px;padding:15px;text-align:center}
.demo-flow strong{display:block;color:var(--blue);font-size:12px;letter-spacing:.07em}
.demo-flow span:not(.demo-arrow){display:block;color:#647892;font-size:11px;margin-top:5px}
.demo-arrow{align-self:center;color:var(--orange);font-size:24px;font-weight:900}
.demo-explanation{text-align:center;color:#4c617d;font-size:14px;max-width:800px;margin:0 auto 28px}
.demo-lead-form{max-width:820px;margin:0 auto}
.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.demo-lead-form label{display:block;font-size:13px;font-weight:750;color:#243b5a}
.demo-lead-form label>span:first-of-type{color:var(--orange)}
.demo-lead-form input[type=text],
.demo-lead-form input[type=tel],
.demo-lead-form input[type=email],
.demo-lead-form textarea{width:100%;margin-top:7px;border:1px solid #cfdce9;background:#f8fafc;border-radius:13px;padding:13px 14px;font:inherit;color:var(--ink);outline:none;transition:.18s ease}
.demo-lead-form textarea{resize:vertical;min-height:118px}
.demo-lead-form input:focus,.demo-lead-form textarea:focus{border-color:#8ab9ff;box-shadow:0 0 0 3px rgba(36,104,242,.08);background:#fff}
.demo-lead-form label small{display:block;margin-top:5px;color:#8291a6;font-size:10px;font-weight:400}
.demo-message-label{margin-top:18px}
.demo-consent{display:flex!important;align-items:flex-start;gap:10px;margin:19px 0 20px;font-weight:500!important;color:#526680!important;line-height:1.45}
.demo-consent input{margin-top:3px;accent-color:var(--green);width:17px;height:17px;flex:0 0 auto}
.demo-consent a{color:var(--blue)}
.demo-submit{border:0;cursor:pointer;font-size:14px}
.demo-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.demo-privacy-note{font-size:10px;color:#8a98aa;margin:10px 0 0}
.demo-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.demo-form-status{max-width:820px;margin:22px auto 0;padding:18px 20px;border-radius:14px;font-size:14px;line-height:1.5}
.demo-form-status.success{background:#edfbf2;border:1px solid #a9dfbd;color:#176837}
.demo-form-status.warning{background:#fff8ed;border:1px solid #f5c881;color:#7a4b04}
.demo-form-status.error{background:#fff0f0;border:1px solid #efb1b1;color:#8a2626}
.demo-form-status strong{display:block;font-size:16px;margin-bottom:4px}

@media(max-width:760px){
  .demo-form-section{padding:24px 0 55px}
  .demo-form-summary{display:block;padding:23px 20px}
  .demo-form-summary strong{font-size:21px}
  .demo-open-label{display:inline-block;margin-top:16px}
  .demo-form-content{padding:22px 18px}
  .demo-flow{display:grid;grid-template-columns:1fr;gap:8px}
  .demo-arrow{transform:rotate(90deg);justify-self:center;line-height:1}
  .demo-form-grid{grid-template-columns:1fr}
}

/* ===== NOTAS DE VOZ ===== */
.voice-feature{background:#f7f9fc;border-top:1px solid #e2e9f3;border-bottom:1px solid #e2e9f3}
.voice-feature .intro{max-width:880px}
.voice-grid{margin-top:38px}
.voice-card{padding:28px 26px;min-height:220px}
.voice-card h3{font-size:18px;margin:18px 0 12px}
.voice-card p{font-size:14px;color:#344964;margin:0}
.voice-note{max-width:850px;margin:30px auto 0;color:#465c78;font-size:14px;line-height:1.6}


/* ===== PÁGINA PRIVADA DE DEMO /formulario/ ===== */
.demo-private-page{background:#edf3fa;min-height:100vh}
.demo-private-section{min-height:100vh;padding:58px 0 70px}
.demo-private-header{text-align:center;max-width:850px;margin:0 auto 28px}
.demo-private-header h1{font-size:42px;line-height:1.08;margin:8px 0 16px;color:var(--ink)}
.demo-private-header p{font-size:15px;line-height:1.65;color:#536985;margin:0}
.demo-private-card{overflow:visible}
.demo-private-card .demo-form-content{border-top:0}
.demo-private-back{text-align:center;margin:22px 0 0}
.demo-private-back a{color:#526b8a;text-decoration:none;font-size:12px}
@media(max-width:650px){
  .demo-private-section{padding:34px 0 50px}
  .demo-private-header h1{font-size:34px}
}

/* ===== SOLICITUD DE LLAMADA EN FORMULARIO DEMO ===== */
.demo-call-note{
  margin:22px 0 20px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #cfdce9;
  border-radius:14px;
  padding:15px 17px;
  background:#f4f8fd;
}
.demo-call-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e7f0fb;
  color:#1e5f9f;
  font-size:20px;
  line-height:1;
}
.demo-call-note strong{
  display:block;
  color:#17314f;
  font-size:14px;
  margin-bottom:4px;
}
.demo-call-note span{
  display:block;
  color:#6c8099;
  font-size:12px;
  line-height:1.5;
}
@media(max-width:700px){
  .demo-call-note{align-items:flex-start}
}

/* Teléfono internacional del formulario demo */
.demo-phone-field .iti{width:100%;margin-top:7px}
.demo-phone-field .iti input[type=tel]{width:100%;margin-top:0}
.demo-phone-field .iti__country-container{font-weight:500}
.demo-phone-field .iti__selected-country{border-radius:13px 0 0 13px}
.demo-phone-field input[aria-invalid="true"]{border-color:#d95d5d!important;box-shadow:0 0 0 3px rgba(217,93,93,.10)!important}
.demo-phone-field .demo-field-error{display:block;margin-top:6px;color:#a92f2f;font-size:11px;font-weight:650}
.demo-phone-field .demo-field-error[hidden]{display:none}