:root{
  --blue:#0f6eac;
  --blue-dk:#0b5a8c;
  --blue-xdk:#083f64;
  --blue-lt:#e6f2fa;
  --blue-mid:#cce4f4;
  --orange:#F57C29;
  --orange-dk:#d96818;
  --dark:#0d1f2d;
  --surface:#f4f7fa;
  --text:#1a2433;
  --muted:#5a6a7a;
  --border:#dce5ed;
}
*{box-sizing:border-box}

body .convertforms .cf-label{
	font-weight: 500;
}
.convertforms .cf-footer p, .convertforms .cf-footer p small{
	font-size: 12px;
}
i._access-icon,
a.cc-trigger {
	display: none!important;
}

body{font-family:'Inter',sans-serif;color:var(--text);background:#fff;margin:0}

.section{padding:64px 24px}
.s-alt{background:var(--surface)}
.s-dark{background:var(--dark);color:#fff}

.eyebrow{
  font-size:.68rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--blue);
  display:flex;align-items:center;gap:8px;margin-bottom:14px;
  justify-content:center;
}
.sis{color:var(--orange);text-decoration:none;}
.sis:hover{color:var(--orange-dk)}
.eyebrow::before,.eyebrow::after{content:'';display:block;width:20px;height:2px;background:var(--blue);border-radius:2px}
.s-dark .eyebrow{color:rgba(255,255,255,.5)}
.s-dark .eyebrow::before,.s-dark .eyebrow::after{background:var(--orange)}

.s-h2{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;color:var(--dark);line-height:1.3;letter-spacing:-1px}
.s-dark .s-h2{color:#fff}

/* ─── HERO (blog-style) ─── */
.hero{
  background:#fff;color:var(--text);
  padding:72px 52px 56px;
  text-align:left;
  max-width:1280px;margin:0 auto;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue-lt);border:1px solid var(--blue-mid);
  color:var(--blue);font-size:.72rem;font-weight:600;letter-spacing:.3px;
  padding:5px 12px;border-radius:20px;margin-bottom:24px;
}
.hero-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0}
.hero h1{
  font-size:clamp(2.6rem,6vw,4.6rem);
  font-weight:800;letter-spacing:-2px;
  color:var(--dark);line-height:1.05;
  margin-bottom:28px;max-width:980px;
}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero .lead{
  font-size:1.05rem;color:var(--muted);line-height:1.7;
  max-width:680px;margin-bottom:18px;
}
.hero .lead strong{color:var(--dark);font-weight:700}
.hero .strong-line{
  border-left:3px solid var(--orange);
  padding-left:16px;font-size:.95rem;font-weight:700;
  color:var(--dark);
  max-width:600px;margin-bottom:36px;line-height:1.6;
}
.btn-cta{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--orange);color:#fff;
  font-weight:700;font-size:1rem;
  padding:18px 36px;border-radius:10px;
  text-decoration:none;border:none;cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.15),0 10px 30px rgba(245,124,41,.25);
  transition:all .2s;
}
.btn-cta:hover{background:var(--orange-dk);color:#fff;transform:translateY(-2px);box-shadow:0 1px 0 rgba(0,0,0,.2),0 12px 34px rgba(245,124,41,.3)}

/* ─── EL PROBLEMA ─── */
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;max-width:1100px;margin:0 auto}
.problem-card{
  background:#fff;border:1px solid var(--border);border-left:4px solid var(--orange);
  border-radius:14px;padding:28px 32px;margin-bottom:24px;
}
.problem-card p{font-size:.92rem;color:#3d5068;line-height:1.8;margin-bottom:14px}
.problem-card p:last-child{margin-bottom:0}
.result-label{font-size:.92rem;font-weight:700;color:var(--dark);margin-bottom:16px}
.result-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}
.result-list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:.88rem;color:#3d5068;
}
.result-x{
  width:18px;height:18px;flex-shrink:0;border-radius:50%;margin-top:2px;
  background:#fef0ec;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6 6l6 6M12 6l-6 6' stroke='%23F57C29' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;
}
.problem-close{
  background:var(--blue-xdk);color:#fff;border-radius:14px;
  padding:24px 28px;font-size:.92rem;font-style:italic;line-height:1.7;
  text-align:center;
}
.problem-illustration{
  display:flex;align-items:center;justify-content:center;height:100%;
}
.warn-icon{
  width:160px;height:160px;border-radius:50%;
  background:var(--blue-lt);
  display:flex;align-items:center;justify-content:center;
  font-size:5rem;
}

/* ─── LA DIFERENCIA ─── */
.diff-wrap{max-width:1100px;margin:0 auto}
.diff-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
.diff-col{
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px;
}
.diff-col h3{font-size:.95rem;font-weight:700;color:var(--blue);margin-bottom:16px}
.diff-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.diff-col li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:.86rem;color:#3d5068;line-height:1.6;
}
.diff-check{
  width:18px;height:18px;flex-shrink:0;border-radius:50%;margin-top:2px;
  background:var(--blue-lt);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4 9l3.5 3.5L14 6' stroke='%230f6eac' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;
}
.diff-pull{
  text-align:center;font-size:1.05rem;font-weight:700;color:var(--dark);
  line-height:1.6;margin-bottom:8px;
}
.diff-pull span{color:var(--orange)}

/* ─── FAQ EXTENDIDA ─── */
.faqx-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:32px auto 0}
.faqx-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px;
}
.faqx-icon{
  width:48px;height:48px;border-radius:12px;
  background:var(--blue-lt);color:var(--blue);
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;margin-bottom:16px;
}
.faqx-card h3{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:6px;line-height:1.4}
.faqx-card .faqx-strong{font-size:.88rem;font-weight:700;color:var(--blue);margin-bottom:12px}
.faqx-card p{font-size:.85rem;color:var(--muted);line-height:1.65;margin-bottom:8px}
.faqx-card ul{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px}
.faqx-card ul li{
  font-size:.85rem;color:#3d5068;line-height:1.6;
  padding-left:16px;position:relative;
}
.faqx-card ul li::before{content:'—';position:absolute;left:0;color:var(--orange)}
.faqx-final{font-size:.85rem;font-weight:600;color:var(--dark);margin-top:8px}

/* ─── POR QUÉ FUNCIONA (dark) ─── */
.why-wrap{max-width:780px;margin:0 auto}
.why-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:16px}
.why-list li{
  font-size:.95rem;color:rgba(255,255,255,.75);line-height:1.7;
  border-left:3px solid var(--blue-mid);padding-left:18px;
}
.why-list li strong{color:#fff}
.why-final{
  background:rgba(255,255,255,.05);border-left:4px solid var(--orange);
  border-radius:0 14px 14px 0;padding:24px 28px;
}
.why-final p{font-size:.95rem;color:rgba(255,255,255,.65);line-height:1.7;margin:0 0 8px}
.why-final p:last-child{margin-bottom:0;color:#fff;font-weight:700}

/* ─── FORMULARIO ─── */
.form-section{
  background:var(--surface);
  padding:72px 24px;
}
.form-shell{
  max-width:640px;margin:0 auto;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;padding:44px;
  box-shadow:0 16px 48px rgba(15,110,172,.08);
}
.form-shell h2{
  font-size:clamp(1.5rem,3vw,2rem);font-weight:800;text-align:center;
  line-height:1.35;margin-bottom:32px;color:var(--dark);letter-spacing:-.5px;
}
.form-label{font-size:.78rem;font-weight:600;color:var(--dark);margin-bottom:6px;display:block}
.form-control{
  border:1.5px solid var(--border);border-radius:8px;
  font-size:.86rem;padding:11px 14px;font-family:'Inter',sans-serif;
  color:var(--text);
}
.form-control:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(15,110,172,.1);
}
.btn-submit-cta{
  width:100%;background:var(--orange);color:#fff;
  font-weight:700;font-size:1rem;padding:18px;
  border:none;border-radius:10px;cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.15),0 10px 30px rgba(245,124,41,.25);
  transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;
}
.btn-submit-cta:hover{background:var(--orange-dk);transform:translateY(-2px)}
.privacy-text{
  font-size:.68rem;color:var(--muted);line-height:1.6;
  margin-top:24px;
}
.privacy-text strong{color:var(--dark)}
.privacy-text a{color:var(--blue);text-decoration:none}
.privacy-text a:hover{text-decoration:underline}
.form-foot{
  text-align:center;margin-top:24px;
  font-size:.88rem;color:var(--muted);line-height:1.7;
}
.form-foot strong{color:var(--dark);display:block;margin-top:4px}

footer{
  background:var(--dark);padding:18px 24px;text-align:center;
}
footer p{font-size:.72rem;color:rgba(255,255,255,.35);margin:0}

/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  .problem-grid,.diff-cols,.faqx-grid{grid-template-columns:1fr;gap:24px}
  .problem-illustration{order:-1;margin-bottom:8px}
  .warn-icon{width:100px;height:100px;font-size:3rem}
  .hero{padding:48px 20px}
  .section{padding:48px 18px}
  .form-shell{padding:28px}
}