/* venta-usados.css — estilos desde 3-VACIAR_VENDER_responsive.html */
:root { --green:#6abf1e; --green-dark:#52a012; --black:#111; --dark:#2e2420; --gray:#f9f9f7; --gray2:#ebebeb; --text:#333; --text-light:#666; --white:#fff; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Barlow',sans-serif; color:var(--text); background:var(--white); font-size:15px; line-height:1.6; }
.img-banda { width:100%; height:140px; background:#cccccc; display:flex; align-items:center; justify-content:center; }
.img-banda span { font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#999; }
.hero { background:var(--dark); color:var(--white); padding:16px 20px 20px; }
.hero-content { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.hero h1 { font-family:'Barlow Condensed',sans-serif !important; font-size:38px; font-weight:800; line-height:0.95; margin-bottom:10px; text-transform:lowercase; }
.hero h1 span { font-family:'Barlow Condensed',sans-serif !important; color:var(--green); }
.hero-sub { font-size:13px; color:rgba(255,255,255,0.7); margin-bottom:0; line-height:1.4; max-width:340px; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(106,191,30,0.12); border:1px solid rgba(106,191,30,0.35); border-radius:6px; padding:8px 12px; flex-shrink:0; }
.hero-badge-num { font-family:'Barlow Condensed',sans-serif; font-size:26px; font-weight:800; color:var(--green); line-height:1; }
.hero-badge-text { font-size:11px; color:rgba(255,255,255,0.8); line-height:1.3; }
.section { padding:20px 20px; }
.section-tag { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--green-dark); margin-bottom:5px; }
.section-title { font-family:'Barlow Condensed',sans-serif; font-size:34px; font-weight:800; color:var(--black); line-height:1.05; margin-bottom:14px; }
.divider { height:1px; background:var(--gray2); margin:0 20px; }
.body-text { font-size:15px; color:var(--text); line-height:1.7; margin-bottom:12px; }
.body-text strong { color:var(--black); }

/* STEPS */
.steps { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
.step { display:flex; gap:14px; align-items:flex-start; padding:14px 16px; border:1px solid #d8d6c0; border-radius:8px; background:#fdfdf5; }
.step-num { font-family:'Barlow Condensed',sans-serif; font-size:36px; font-weight:800; color:var(--green); line-height:1; min-width:28px; }
.step-title { font-family:'Barlow',sans-serif; font-size:16px; font-weight:600; color:var(--black); line-height:1.3; margin-bottom:3px; }
.step-desc { font-size:14px; color:var(--text-light); line-height:1.55; }

/* IMAGEN PLACEHOLDER */
.img-ph { width:100%; aspect-ratio:16/9; background:#cccccc; border-radius:8px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.img-ph span { font-size:11px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#999; }
.img-ph.dark { background:rgba(255,255,255,0.1); }
.img-ph.dark span { color:rgba(255,255,255,0.4); }
.img-ph.small { width:100%; aspect-ratio:4/3; height:auto; }
.img-text-row { display:grid; grid-template-columns:3fr 2fr; gap:16px; align-items:start; margin-bottom:14px; }
.img-text-row .img-ph { margin-bottom:0; }
.img-par { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.img-par-item { height:130px; background:#cccccc; display:flex; align-items:flex-end; border-radius:6px; overflow:hidden; }
.img-par-label { width:100%; background:linear-gradient(transparent,rgba(0,0,0,0.6)); padding:8px 10px; font-size:11px; font-weight:600; color:white; letter-spacing:0.5px; text-transform:uppercase; }

/* TABLA DE BENEFICIOS */
.benefit-table { width:100%; border-collapse:collapse; margin-top:14px; font-size:14px; }
.benefit-table th { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:800; color:var(--text-light); text-align:left; padding:8px 10px; background:#f5f5f2; }
.benefit-table td { padding:11px 10px; border-bottom:1px solid var(--gray2); vertical-align:top; line-height:1.55; color:var(--text); }
.benefit-table td:first-child { font-weight:600; color:var(--black); width:36%; }
.benefit-table tr:last-child td { border-bottom:none; }

/* SERVICIOS ESPECIALIZADOS */
.service-grid { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
.service-item { padding:14px 16px; border-radius:8px; border:1px solid var(--gray2); background:#fff; }
.service-name { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; color:var(--black); margin-bottom:5px; }
.service-desc { font-size:14px; color:var(--text-light); line-height:1.55; }

/* METODOLOGÍA */
.metodo-steps { display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.metodo-step { display:flex; gap:12px; align-items:flex-start; padding:14px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:8px; }
.metodo-num { font-family:'Barlow Condensed',sans-serif; font-size:30px; font-weight:800; color:var(--green); line-height:1; min-width:26px; }
.metodo-name { font-family:'Barlow',sans-serif; font-size:15px; font-weight:600; color:var(--white); margin-bottom:4px; }
.metodo-desc { font-size:13px; color:rgba(255,255,255,0.65); line-height:1.55; }

/* RSE */
.rse-list { display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.rse-item { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:rgba(255,255,255,0.8); line-height:1.55; }
.rse-dot { width:6px; height:6px; border-radius:50%; background:var(--green); flex-shrink:0; margin-top:8px; }

/* TASACIÓN */
.tasacion-box { background:#fdfdf5; border:1px solid #d8d6c0; border-radius:8px; padding:18px 16px; margin-top:14px; }
.tasacion-text { font-size:14px; color:var(--text); line-height:1.7; margin-bottom:10px; }
.tasacion-result { font-size:14px; color:var(--text-light); font-style:italic; border-left:3px solid var(--green); padding-left:12px; margin-top:12px; }

/* MODALIDADES */
.modal-cards { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.modal-card { border-radius:8px; padding:14px; border:2px solid var(--gray2); }
.modal-tag { display:inline-block; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--white); padding:3px 8px; border-radius:3px; }
.modal-name { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; color:var(--black); margin-bottom:4px; margin-top:6px; }
.modal-pct { font-family:'Barlow Condensed',sans-serif; font-size:40px; font-weight:800; line-height:1; margin-bottom:2px; }.modal-pct-label { font-size:12px; color:var(--text-light); margin-bottom:10px; }
.modal-desc { font-size:13px; color:var(--text); line-height:1.5; }
.modal-img-ph { width:100%; aspect-ratio:16/9; border-radius:6px; display:flex; align-items:center; justify-content:center; margin-bottom:10px; }
.modal-img-ph span { font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }

/* LOGROS */
.logros-list { display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.logro-item { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:var(--text); line-height:1.5; }
.logro-dot { width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; margin-top:7px; }

/* FORMULARIO */
.form-section { background:#fff; padding:28px 20px; }
.form-title { font-family:'Barlow Condensed',sans-serif; font-size:36px; font-weight:800; color:var(--black); margin-bottom:6px; }
.form-sub { font-size:13px; color:var(--text-light); margin-bottom:16px; }
.chips { display:flex; gap:8px; margin-bottom:20px; flex-wrap:wrap; }
.chip { display:flex; align-items:center; gap:7px; background:var(--gray); border-radius:6px; padding:8px 12px; flex:1; min-width:0; }
.chip-num { width:22px; height:22px; border-radius:50%; background:var(--green); color:var(--white); font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.chip-text { font-size:13px; color:var(--text); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form-group { display:flex; flex-direction:column; gap:5px; }
.form-group.full { grid-column:1 / -1; }
.form-label { font-size:13px; font-weight:600; color:var(--text); }.form-input,.form-select,.form-textarea { border:1.5px solid #ccc; border-radius:5px; padding:10px 12px; font-family:'Barlow',sans-serif; font-size:14px; color:var(--text); background:var(--white); outline:none; width:100%; }
.form-input:focus,.form-select:focus,.form-textarea:focus { border-color:var(--green); }
.form-input::placeholder,.form-textarea::placeholder { color:#bbb; }
.form-textarea { resize:none; height:80px; }
.btn-submit { width:100%; background:var(--green); color:var(--white); font-family:'Barlow',sans-serif; font-size:15px; font-weight:600; padding:16px; border-radius:6px; border:none; cursor:pointer; margin-top:8px; }

/* LOGOS */
.logos-section { background:#fff; padding:28px 20px 0; text-align:center; border-top:1px solid var(--gray2); }
.logos-title { font-size:15px; font-weight:700; color:var(--black); margin-bottom:20px; }
.logos-carousel { position:relative; overflow:hidden; }
.logos-track { display:flex; transition:transform 0.4s ease; align-items:center; }
.logos-slide { min-width:100%; display:flex; justify-content:center; align-items:center; gap:28px; padding:0 12px; }
.logo-item { font-family:'Barlow',sans-serif; font-size:13px; font-weight:600; color:#444; white-space:nowrap; }
.logos-dots { display:flex; justify-content:center; gap:8px; margin-top:16px; padding-bottom:20px; }
.logos-dot { width:8px; height:8px; border-radius:50%; background:#ccc; border:none; cursor:pointer; padding:0; }
.logos-dot.active { background:#555; }
.footer:not(.noPrint) { background:#2e2420; padding:16px 20px 12px; border-top:1px solid #2e2e2e; margin-top:20px; }
.footer-item { font-size:13px; color:#fff; line-height:1.5; }
.footer-item a { color:#fff; text-decoration:none; }


/* AJUSTE FINAL APROBADO - TARJETA DE CAPITAL OSCURA + TEXTOS SIN NEGRITA */
.vv-cap-card{
  background:#302a25 !important;
  border-color:#302a25 !important;
  color:#f4f1ea !important;
  box-shadow:0 12px 28px rgba(0,0,0,.13) !important;
}
.vv-cap-card .vv-cap-amount{
  color:var(--green) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.12);
}
.vv-cap-card .vv-cap-amount::before{
  background:#ffffff !important;
  opacity:.82;
}
.vv-cap-card .vv-cap-return{
  color:#f2eee8 !important;
  font-weight:400 !important;
}
.vv-cap-card .vv-cap-divider{
  background:rgba(255,255,255,.18) !important;
}
.vv-cap-card .vv-cap-breakdown,
.vv-cap-card .vv-cap-detail{
  color:#d8d1c8 !important;
  font-weight:400 !important;
}
.vv-cap-card .vv-cap-detail strong,
.vv-cap-card .vv-cap-detail b,
.vv-decision-note strong,
.vv-decision-note b{
  font-weight:400 !important;
  color:inherit !important;
}
.vv-recovery-item .vv-rec-text strong{
  font-weight:700 !important;
}
.vv-recovery-item .vv-rec-text span,
.vv-recovery-item .vv-rec-text .loss{
  font-weight:400 !important;
}
.vv-zone-sub{
  font-weight:400 !important;
}
.vv-decision-note{
  font-weight:400 !important;
}



/* AJUSTE FINAL: calculadora clara + capital oscuro + tarjetas equilibradas */
.vv-calc .lead{line-height:1.45;}
.vv-decision-grid{align-items:stretch !important;}
.vv-cap-zone,.vv-recovery-zone{height:100%;}
.vv-cap-card{height:100% !important;min-height:420px !important;background:#2f2b28 !important;border-color:#2f2b28 !important;}
.vv-cap-amount{font-size:68px !important;line-height:.92 !important;margin-bottom:14px !important;}
.vv-cap-return{font-size:16px !important;line-height:1.45 !important;}
.vv-cap-breakdown{font-size:13px !important;color:#eee5dc !important;margin-bottom:10px !important;}
.vv-cap-detail{font-size:12.5px !important;line-height:1.55 !important;}
.vv-rec-intro{margin:0 0 12px;font-size:14px;line-height:1.45;color:#4f5559;font-weight:400;}
.vv-recovery-list{height:100%;}
.vv-recovery-item{min-height:74px !important;background:#fff !important;}
.vv-recovery-item.is-rec{background:linear-gradient(90deg,rgba(80,180,25,.15),#fff 62%) !important;}
.vv-zone-title{font-size:24px !important;}
.vv-zone-sub{color:#777 !important;font-size:13px !important;}
.vv-decision-note{margin-top:16px !important;background:#f7f7f5 !important;color:#555 !important;border-color:#e3e3de !important;}
@media(max-width:980px){.vv-cap-card{min-height:0 !important}.vv-cap-amount{font-size:48px !important}}



/* VERSION SINTESIS: menos colores, menos ruido, foco en capital + recupero */
.vv-decision-wrap{max-width:1240px !important;margin:28px auto 18px !important;}
.vv-decision-grid{grid-template-columns:38% 62% !important;gap:20px !important;align-items:stretch !important;}
.vv-cap-card{min-height:360px !important;height:100% !important;background:#2f2b28 !important;border:0 !important;border-radius:14px !important;box-shadow:0 14px 30px rgba(0,0,0,.08) !important;padding:32px 34px !important;justify-content:center !important;}
.vv-cap-top{display:flex !important;flex-direction:column !important;justify-content:center !important;}
.vv-cap-amount{font-size:68px !important;line-height:.92 !important;margin:0 0 18px !important;color:var(--green) !important;}
.vv-cap-amount::before{background:#ded8cf !important;height:62px !important;top:7px !important;left:-18px !important;}
.vv-cap-return{font-size:18px !important;line-height:1.35 !important;color:#fff !important;margin:0 !important;max-width:440px !important;}
.vv-cap-card > div:last-child{display:none !important;}
.vv-zone-head{min-height:auto !important;margin-bottom:12px !important;align-items:baseline !important;}
.vv-zone-title{font-size:25px !important;letter-spacing:.2px !important;color:#111 !important;}
.vv-zone-sub{font-size:13px !important;font-weight:400 !important;color:#777 !important;}
.vv-recovery-list{gap:10px !important;height:100% !important;}
.vv-recovery-item{min-height:80px !important;background:#f7f7f5 !important;border:1px solid #deded9 !important;border-radius:10px !important;grid-template-columns:minmax(260px,1fr) 190px 128px !important;padding:0 22px 0 24px !important;box-shadow:none !important;}
.vv-recovery-item.is-rec{background:#f7f7f5 !important;}
.vv-recovery-item::before{width:4px !important;background:#d4d4cf !important;}
.vv-recovery-item.is-rec::before{background:var(--green) !important;}
.vv-recovery-item.is-mid::before,.vv-recovery-item.is-worst::before{background:#d4d4cf !important;}
.vv-rec-text strong{font-size:15px !important;font-weight:800 !important;margin-bottom:7px !important;color:#111 !important;}
.vv-rec-text span{font-size:14px !important;color:#4f5559 !important;font-weight:400 !important;}
.vv-rec-text .loss{color:#4f5559 !important;font-weight:400 !important;}
.vv-pill{background:var(--green) !important;color:#fff !important;font-size:11px !important;padding:6px 9px !important;margin-left:8px !important;}
.vv-mini-bar{height:7px !important;background:#b8b8b2 !important;box-shadow:none !important;}
.vv-recovery-item.is-rec .vv-mini-bar{background:var(--green) !important;}
.vv-recovery-item.is-mid .vv-mini-bar,.vv-recovery-item.is-worst .vv-mini-bar{background:#b8b8b2 !important;}
.vv-percent{font-size:40px !important;color:#6f777c !important;min-width:70px !important;}
.vv-recovery-item.is-rec .vv-percent{color:var(--green) !important;}
.vv-recovery-item.is-mid .vv-percent,.vv-recovery-item.is-worst .vv-percent{color:#6f777c !important;}
.vv-rec-money{font-size:18px !important;font-weight:900 !important;color:#000 !important;}
.vv-note-final{display:grid !important;grid-template-columns:1.1fr 1.1fr 1.4fr !important;gap:18px !important;padding:16px 20px !important;background:#f5f5f3 !important;border-color:#deded9 !important;color:#4f5559 !important;font-size:12.5px !important;line-height:1.45 !important;}
.vv-note-final span{display:block !important;}
@media(max-width:980px){.vv-decision-grid{grid-template-columns:1fr !important}.vv-cap-card{min-height:240px !important}.vv-note-final{grid-template-columns:1fr !important}.vv-recovery-item{grid-template-columns:1fr 1fr !important}.vv-rec-money{text-align:left !important}}
@media(max-width:560px){.vv-cap-card{padding:26px 24px !important}.vv-cap-amount{font-size:44px !important;white-space:normal !important}.vv-recovery-item{grid-template-columns:1fr !important;padding:18px 18px 18px 22px !important}.vv-bar-wrap{justify-content:flex-start !important}.vv-rec-money{text-align:left !important}}



/* AJUSTE FINAL PEDIDO: ingresos del mismo ancho que la calculadora + tarjeta capital equilibrada */
.vv-calc{
  overflow:hidden !important;
}
.vv-calc .lead,
.vv-rec-lbl,
.vv-fields,
.vv-decision-wrap{
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.vv-fields{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:12px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.vv-decision-wrap{
  width:100% !important;
  box-sizing:border-box !important;
}
.vv-decision-grid{
  grid-template-columns:40% 60% !important;
  gap:18px !important;
  align-items:stretch !important;
}
.vv-cap-card{
  min-height:0 !important;
  height:100% !important;
  padding:30px 34px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  background:#2f2b28 !important;
}
.vv-cap-top{
  justify-content:flex-start !important;
}
.vv-cap-amount{
  font-size:54px !important;
  line-height:1 !important;
  margin:0 0 14px !important;
  letter-spacing:-1.5px !important;
  white-space:nowrap !important;
}
.vv-cap-amount::before{
  display:none !important;
}
.vv-cap-return{
  font-size:16px !important;
  line-height:1.35 !important;
  color:#ffffff !important;
  margin:0 !important;
}
.vv-cap-card > div:last-child{
  display:block !important;
  margin-top:34px !important;
}
.vv-cap-divider{
  display:block !important;
  height:1px !important;
  background:rgba(255,255,255,.22) !important;
  margin:0 0 20px !important;
}
.vv-cap-breakdown{
  display:block !important;
  color:#eee5dc !important;
  font-size:13px !important;
  line-height:1.45 !important;
  margin:0 0 12px !important;
  font-weight:400 !important;
}
.vv-cap-detail{
  display:block !important;
  color:#eee5dc !important;
  font-size:13px !important;
  line-height:1.5 !important;
  margin:0 !important;
  font-weight:400 !important;
}
.vv-cap-detail span,
.vv-cap-breakdown span{
  font-weight:400 !important;
}
.vv-recovery-item{
  min-height:74px !important;
  grid-template-columns:minmax(260px,1fr) 170px 126px !important;
  padding:0 18px 0 24px !important;
}
.vv-note-final{
  grid-template-columns:1fr 1fr 1fr !important;
  font-size:12.5px !important;
  margin-top:14px !important;
}
@media(max-width:980px){
  .vv-fields{grid-template-columns:1fr !important;}
  .vv-decision-grid{grid-template-columns:1fr !important;}
  .vv-cap-amount{font-size:46px !important;white-space:normal !important;}
}
@media(max-width:560px){
  .vv-cap-card{padding:24px !important;}
  .vv-cap-amount{font-size:40px !important;}
}



/* AJUSTE ACLARACION: mismo ancho que la calculadora y lectura en una columna */
.vv-decision-wrap{
  max-width:1240px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
.vv-note-final{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:16px 0 0 !important;
  padding:18px 22px !important;
  background:#f5f5f3 !important;
  border:1px solid #deded9 !important;
  border-radius:10px !important;
  color:#4f5559 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}
.vv-note-final span{
  display:block !important;
  margin:0 0 5px !important;
}
.vv-note-final span:last-child{
  margin-bottom:0 !important;
}

/* Correcciones finales: recupero 50/20, sin nota repetida, sección solución más compacta */
.vv-evid-lbl,
.vv-evid{
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:50px !important;
  padding-right:50px !important;
  box-sizing:border-box !important;
}
.vv-evid-lbl{
  margin-top:42px !important;
  margin-bottom:12px !important;
  font-size:16px !important;
  line-height:1.35 !important;
  color:var(--black) !important;
}
.vv-evid{
  gap:12px !important;
  margin-bottom:34px !important;
}
.vv-fig img,
.vv-fig .vv-ph{
  height:158px !important;
}
.vv-fig figcaption{
  padding:9px 10px 10px !important;
  font-size:11px !important;
  line-height:1.35 !important;
}
.nota-final{
  display:none !important;
}
.vv-decision-note.vv-note-final{
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
@media(max-width:900px){
  .vv-evid-lbl,
  .vv-evid{
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .vv-evid{grid-template-columns:1fr !important;}
  .vv-fig img,
  .vv-fig .vv-ph{height:150px !important;}
}

/* Ajuste final: títulos alineados y menos espacio antes de Nuestra solución */
.vv-calc{
  padding-bottom:34px !important;
}
.vv-evid-lbl{
  width:min(calc(100% - 80px),1500px) !important;
  max-width:1500px !important;
  margin:34px auto 14px !important;
  padding:0 !important;
  text-align:left !important;
  font-size:17px !important;
  line-height:1.35 !important;
}
.vv-evid{
  width:min(calc(100% - 80px),1500px) !important;
  max-width:1500px !important;
  margin:0 auto 24px !important;
  padding:0 !important;
}
.vv-cta{
  margin-top:8px !important;
  margin-left:calc((100% - min(calc(100% - 80px),1500px))/2) !important;
}
.vv-cost{
  width:min(calc(100% - 80px),1500px) !important;
  max-width:1500px !important;
  margin:12px auto 0 !important;
  padding:0 !important;
}
.cg-section{
  margin:34px auto 64px !important;
  padding-top:0 !important;
}
.cg-section .section-tag,
.cg-section .section-title,
.cg-section > p{
  text-align:left !important;
}
@media(max-width:900px){
  .vv-evid-lbl,
  .vv-evid,
  .vv-cost{
    width:calc(100% - 44px) !important;
  }
  .vv-cta{
    margin-left:22px !important;
  }
  .cg-section{
    width:calc(100% - 44px) !important;
    margin-top:30px !important;
  }
}

/* Ajuste solicitado: títulos alineados, menos espacio antes de Nuestra solución y sin rayas divisorias */
.divider,
hr{
  display:none !important;
  border:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.vv-calc{
  padding-bottom:26px !important;
}
.vv-evid-lbl,
.vv-evid,
.vv-cost,
.cg-section{
  width:min(calc(100% - 80px),1500px) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.vv-evid-lbl{
  margin-top:28px !important;
  margin-bottom:12px !important;
  text-align:left !important;
  font-size:17px !important;
  line-height:1.35 !important;
}
.vv-evid{
  margin-top:0 !important;
  margin-bottom:22px !important;
  gap:12px !important;
}
.vv-cta{
  margin-top:8px !important;
  margin-left:calc((100% - min(calc(100% - 80px),1500px))/2) !important;
  margin-bottom:0 !important;
}
.vv-cost{
  margin-top:10px !important;
  margin-bottom:28px !important;
  font-size:11px !important;
  line-height:1.45 !important;
}
.cg-section{
  margin-top:30px !important;
  margin-bottom:70px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  overflow:visible !important;
  clear:both !important;
}
.cg-section .section-tag,
.cg-section .section-title,
.cg-section > p,
.cg-section .cg5-wrap,
.cg-section > div[style]{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
.cg-section .section-tag{
  display:block !important;
  margin-top:0 !important;
  margin-bottom:8px !important;
  overflow:visible !important;
  text-indent:0 !important;
  transform:none !important;
  clip-path:none !important;
}
.cg-section .section-title{
  margin-top:0 !important;
  margin-bottom:14px !important;
}
.cg-section .cg5-grid{
  width:100% !important;
}
@media(max-width:900px){
  .vv-evid-lbl,
  .vv-evid,
  .vv-cost,
  .cg-section{
    width:calc(100% - 44px) !important;
  }
  .vv-cta{
    margin-left:22px !important;
  }
  .cg-section{
    margin-top:28px !important;
  }
}
@media(max-width:620px){
  .vv-evid-lbl,
  .vv-evid,
  .vv-cost,
  .cg-section{
    width:calc(100% - 32px) !important;
  }
  .vv-cta{
    margin-left:16px !important;
  }
}

/* Textos reducidos aprobados: menos altura sin perder información */
.vv-note-final{padding:14px 18px !important;font-size:12.5px !important;line-height:1.45 !important;}
.vv-fig figcaption{line-height:1.28 !important;}
.cg5-intro{margin-bottom:12px !important;}
.cg5-step p{line-height:1.38 !important;}
.form-section .form-sub{margin-bottom:18px !important;}
@media(max-width:760px){
  .cg5-step p{font-size:12.5px !important;}
  .vv-note-final{padding:13px 16px !important;}
}

/* FIX DEFINITIVO:
   En mobile, porcentajes e importes usan el mismo tamaño real.
   Se aplica en HEAD y con selector más específico para evitar que reglas anteriores lo pisen. */

@media (max-width: 980px){
  html body .vv-recovery-list .vv-recovery-item .vv-bar-wrap .vv-percent,
  html body .vv-recovery-list .vv-recovery-item .vv-bar-wrap .vv-percent span,
  html body .vv-recovery-list .vv-recovery-item .vv-rec-money{
    font-family:'Barlow Condensed', sans-serif !important;
    font-size:32px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
  }
}

@media (max-width: 560px){
  html body .vv-recovery-list .vv-recovery-item .vv-bar-wrap .vv-percent,
  html body .vv-recovery-list .vv-recovery-item .vv-bar-wrap .vv-percent span,
  html body .vv-recovery-list .vv-recovery-item .vv-rec-money{
    font-size:36px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }
}

@media (max-width: 980px){
  :root{ --vv-mobile-num-size: 34px; }
  html body .vv-recovery-item .vv-percent,
  html body .vv-recovery-item .vv-percent *,
  html body .vv-recovery-item .vv-rec-money,
  html body .vv-recovery-item .vv-rec-money *{
    font-family:'Barlow Condensed',sans-serif !important;
    font-size:var(--vv-mobile-num-size) !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    font-variant-numeric: tabular-nums lining-nums !important;
  }
}
@media (max-width: 560px){
  :root{ --vv-mobile-num-size: 36px; }
}

/* Ajuste final: importe levemente menor y + iva en minúscula */
html body .vv-recovery-item .vv-percent,
html body .vv-recovery-item .vv-percent *{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  font-variant-numeric:tabular-nums lining-nums !important;
}
html body .vv-recovery-item .vv-rec-money,
html body .vv-recovery-item .vv-rec-money *{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  font-variant-numeric:tabular-nums lining-nums !important;
  white-space:nowrap !important;
}

/* Ajuste final: desplazar el bloque de importe hacia la izquierda para que entre "+ iva" */
@media (min-width: 981px){
  html body .vv-recovery-item{
    grid-template-columns:minmax(220px,1fr) 150px 190px !important;
    column-gap:16px !important;
    padding-right:20px !important;
  }
  html body .vv-recovery-item .vv-bar-wrap{
    justify-content:flex-end !important;
    gap:10px !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:190px !important;
    text-align:left !important;
    justify-self:start !important;
    white-space:nowrap !important;
  }
}

/* En tablet/mobile mantener lectura cómoda sin cortar "+ iva" */
@media (max-width: 980px){
  html body .vv-recovery-item{
    grid-template-columns:1fr 190px !important;
    column-gap:14px !important;
    padding-right:18px !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:190px !important;
    text-align:left !important;
    justify-self:start !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 560px){
  html body .vv-recovery-item{
    grid-template-columns:1fr !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:0 !important;
  }
}

/* Ajuste mobile final: evitar corte de '+ iva' en resultados */
html body .vv-recovery-item .vv-rec-money{
  white-space:nowrap !important;
}

@media (min-width: 981px){
  html body .vv-recovery-item{
    grid-template-columns:minmax(210px,1fr) 145px 205px !important;
    column-gap:14px !important;
    padding-right:18px !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:205px !important;
    justify-self:start !important;
    text-align:left !important;
  }
}

@media (max-width: 760px){
  html body .vv-recovery-item{
    grid-template-columns:1fr !important;
  }
  html body .vv-recovery-item .vv-bar-wrap{
    justify-content:flex-start !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:0 !important;
    width:100% !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
}

.vv-calc{padding:28px 20px;background:#fff;}
.vv-calc .section-tag{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-bottom:6px;}
.vv-calc .section-title{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:800;color:var(--black);line-height:1.05;margin-bottom:12px;}
.vv-calc .section-title span{color:var(--green);}
.vv-calc .lead{font-size:14px;color:var(--text);line-height:1.7;margin-bottom:18px;}
.vv-calc .lead strong{color:var(--black);}
.vv-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px;}
.vv-field{background:#ececea;border:1px solid var(--gray2);border-radius:8px;padding:12px 12px 10px;}
.vv-field label{display:block;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-light);margin-bottom:6px;line-height:1.2;}
.vv-field input{width:100%;border:none;border-bottom:2px solid var(--green);background:transparent;font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:800;color:var(--black);padding:0 0 2px;outline:none;}
.vv-field input::-webkit-outer-spin-button,.vv-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.vv-field span{display:block;font-size:11px;color:var(--text-light);margin-top:3px;}
.vv-total{background:#ececea;border:1px solid var(--gray2);border-left:4px solid #c9c9c4;border-radius:10px;padding:18px 18px 16px;margin-bottom:18px;}
.vv-total .lbl{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-light);margin-bottom:4px;}
.vv-total .big{font-family:'Barlow Condensed',sans-serif;font-size:46px;font-weight:800;color:var(--green-dark);line-height:1;margin-bottom:6px;}
.vv-total .det{font-size:11px;color:var(--text-light);line-height:1.5;}
.vv-rec-lbl{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;color:var(--black);margin-bottom:10px;}
.vv-scale{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.vv-row{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#ececea;border:1px solid var(--gray2);border-left-width:4px;border-radius:7px;}
.vv-row.best{border-left-color:var(--green);}
.vv-row.mid{border-left-color:#e0a800;}
.vv-row.worst{border-left-color:#cf3b2e;}
.vv-row .m{flex:1;font-size:12px;line-height:1.25;color:var(--text);}
.vv-row .m strong{color:var(--black);}
.vv-row .p{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:800;line-height:1;width:52px;text-align:right;color:#b59a6b;}
.vv-row.best .p{color:var(--green);}
.vv-row.mid .p{color:#c8930a;}
.vv-row.worst .p{color:#cf3b2e;}
.vv-row .a{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:var(--black);text-align:right;min-width:92px;}
.vv-evid-lbl{font-size:13px;color:var(--text);line-height:1.5;margin:0 0 8px;}
.vv-evid-lbl strong{color:var(--black);}
.vv-evid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0 0 16px;}
@media(max-width:560px){.vv-evid{grid-template-columns:1fr;}}
.vv-fig{margin:0;border:1px solid var(--gray2);border-radius:8px;overflow:hidden;background:#f4f4f2;border-top:5px solid var(--gray2);}
.vv-fig.best{border-top-color:var(--green);}
.vv-fig.mid{border-top-color:#e0a800;}
.vv-fig.worst{border-top-color:#cf3b2e;}
.vv-fig img{width:100%;height:158px;object-fit:cover;display:block;}
.vv-fig .vv-ph{width:100%;height:158px;display:flex;align-items:center;justify-content:center;text-align:center;background:#e7e2de;color:#9a8070;font:600 11px/1.35 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.5px;padding:6px;box-sizing:border-box;}
.vv-fig figcaption{font-size:11px;line-height:1.4;color:var(--text-light);padding:8px 10px 10px;}
.vv-fig figcaption strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px;}
.vv-fig.best figcaption strong{color:var(--green-dark);}
.vv-fig.worst figcaption strong{color:#cf3b2e;}
.vv-fig.mid figcaption strong{color:#c8930a;}
.vv-cta{display:inline-block;margin-top:14px;background:var(--green);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;padding:13px 22px;border-radius:7px;}
.vv-cost{font-size:11px;color:var(--text-light);font-style:italic;margin-top:8px;}
.vv-loss{font-size:13px;color:var(--text);line-height:1.45;margin:-4px 0 16px;}
.vv-loss strong{color:#a86d1a;}
.vv-priv{font-size:12px;color:var(--text);line-height:1.4;margin:16px 0 0;display:flex;align-items:flex-start;gap:6px;}
.vv-priv .ck{color:var(--green);font-weight:800;flex-shrink:0;}
@media(max-width:360px){.vv-fields{grid-template-columns:1fr;}}


/* PROPUESTA INTEGRAL AREA BIS - CAPITAL + RECUPERO */
.vv-decision-wrap{max-width:1240px;margin:28px auto 18px;}
.vv-decision-grid{display:grid;grid-template-columns:38% 62%;gap:18px;align-items:stretch;}
.vv-cap-zone,.vv-recovery-zone{display:flex;flex-direction:column;min-width:0;}
.vv-zone-head{display:flex;align-items:flex-end;gap:12px;min-height:34px;margin:0 0 8px;}
.vv-zone-title{font-family:'Barlow Condensed',sans-serif;font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:.4px;font-weight:900;color:#111;margin:0;}
.vv-zone-sub{font-size:12.5px;line-height:1.2;font-weight:700;color:#777;margin:0 0 2px;}
.vv-cap-card{background:#f5f5f3;border:1px solid #deded9;border-radius:14px;box-shadow:0 1px 0 rgba(0,0,0,.04);padding:24px 26px 18px;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;box-sizing:border-box;overflow:hidden;}
.vv-cap-top{display:block;}
.vv-cap-amount{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:56px;line-height:.95;color:var(--green);letter-spacing:-1px;margin:0 0 6px;position:relative;white-space:nowrap;}
.vv-cap-amount::before{content:"";position:absolute;left:-15px;top:8px;width:2px;height:56px;background:#111;border-radius:2px;}
.vv-cap-return{font-size:14px;line-height:1.4;color:#333;margin:0 0 20px;}
.vv-cap-divider{height:1px;background:#deded9;margin:18px 0 14px;}
.vv-cap-breakdown{font-size:11.5px;line-height:1.5;color:#777;margin:0 0 8px;}
.vv-cap-detail{font-size:12px;line-height:1.55;color:#4f5559;margin:0;}
.vv-cap-detail strong{font-weight:900;color:#4a5054;}
.vv-recovery-list{display:grid;gap:10px;}
.vv-recovery-item{display:grid;grid-template-columns:minmax(260px,1fr) 170px 120px;gap:16px;align-items:center;min-height:66px;background:#f1f1ef;border:1px solid #deded9;border-radius:10px;position:relative;overflow:hidden;padding:0 18px 0 20px;box-sizing:border-box;}
.vv-recovery-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--green);}
.vv-recovery-item.is-rec{background:linear-gradient(90deg,rgba(80,180,25,.13),#f5f5f3 58%);}
.vv-recovery-item.is-mid::before{background:#d19a00;}
.vv-recovery-item.is-worst::before{background:#d9362c;}
.vv-rec-text strong{display:block;font-size:14px;line-height:1.25;color:#111;font-weight:900;margin-bottom:6px;}
.vv-rec-text span{font-size:13px;color:#555;line-height:1.2;}
.vv-rec-text .loss{color:#9a640f;font-weight:800;}
.vv-pill{display:inline-block;margin-left:8px;background:var(--green);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.6px;border-radius:999px;padding:6px 8px;vertical-align:middle;}
.vv-bar-wrap{display:flex;align-items:center;justify-content:flex-end;gap:12px;}
.vv-mini-bar{height:8px;border-radius:999px;background:var(--green);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);}
.vv-recovery-item.is-mid .vv-mini-bar{background:#d19a00;}
.vv-recovery-item.is-worst .vv-mini-bar{background:#d9362c;}
.vv-percent{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:900;line-height:1;color:var(--green);min-width:62px;text-align:right;}
.vv-recovery-item.is-mid .vv-percent{color:#d19a00;}
.vv-recovery-item.is-worst .vv-percent{color:#d9362c;}
.vv-rec-money{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:900;color:#000;text-align:right;white-space:nowrap;}
.vv-decision-note{margin-top:12px;background:#f1f1ef;border:1px solid #deded9;border-radius:10px;padding:12px 16px;font-size:12.5px;line-height:1.5;color:#53585c;}
.vv-decision-note strong{color:#111;}
@media(max-width:980px){.vv-decision-grid{grid-template-columns:1fr}.vv-cap-card{min-height:0}.vv-zone-head{min-height:0}.vv-cap-amount{font-size:46px}.vv-recovery-item{grid-template-columns:1fr 1fr;gap:8px 12px;padding:16px 16px 16px 18px}.vv-rec-money{text-align:left}.vv-bar-wrap{justify-content:flex-start}.vv-zone-head{display:block}.vv-zone-sub{margin-top:6px}}
@media(max-width:560px){.vv-recovery-item{grid-template-columns:1fr}.vv-cap-amount{font-size:40px;white-space:normal}.vv-cap-amount::before{height:42px}.vv-rec-money{text-align:left}}


/* AJUSTE FINAL: calculadora clara + capital oscuro + tarjetas equilibradas */
.vv-calc .lead{line-height:1.45;}
.vv-decision-grid{align-items:stretch !important;}
.vv-cap-zone,.vv-recovery-zone{height:100%;}
.vv-cap-card{height:100% !important;min-height:420px !important;background:#2f2b28 !important;border-color:#2f2b28 !important;}
.vv-cap-amount{font-size:68px !important;line-height:.92 !important;margin-bottom:14px !important;}
.vv-cap-return{font-size:16px !important;line-height:1.45 !important;}
.vv-cap-breakdown{font-size:13px !important;color:#eee5dc !important;margin-bottom:10px !important;}
.vv-cap-detail{font-size:12.5px !important;line-height:1.55 !important;}
.vv-rec-intro{margin:0 0 12px;font-size:14px;line-height:1.45;color:#4f5559;font-weight:400;}
.vv-recovery-list{height:100%;}
.vv-recovery-item{min-height:74px !important;background:#fff !important;}
.vv-recovery-item.is-rec{background:linear-gradient(90deg,rgba(80,180,25,.15),#fff 62%) !important;}
.vv-zone-title{font-size:24px !important;}
.vv-zone-sub{color:#777 !important;font-size:13px !important;}
.vv-decision-note{margin-top:16px !important;background:#f7f7f5 !important;color:#555 !important;border-color:#e3e3de !important;}
@media(max-width:980px){.vv-cap-card{min-height:0 !important}.vv-cap-amount{font-size:48px !important}}


/* Ajuste final: tarjeta capital sin frase repetida y sin raya blanca */
.vv-cap-amount{font-size:58px !important;line-height:.96 !important;margin-bottom:0 !important;}
.vv-cap-amount::before{display:none !important;content:none !important;}
.vv-cap-top{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;}
.vv-cap-card{justify-content:space-between !important;}
.vv-cap-card > div:last-child{margin-top:28px !important;}
.vv-cap-detail{color:#f2eee8 !important;}
.vv-decision-note{max-width:100% !important;width:100% !important;box-sizing:border-box !important;}
@media(max-width:980px){.vv-cap-amount{font-size:42px !important}}

.cg5-wrap{margin-bottom:20px;}
.cg5-intro{font-size:13.5px;color:var(--text);line-height:1.6;margin:0 0 16px;}
.cg5-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.cg5-step{position:relative;}
.cg5-bar{height:3px;background:var(--green);border-radius:2px;margin-bottom:10px;}
.cg5-n{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:800;color:var(--green);letter-spacing:1px;margin-bottom:6px;}
.cg5-img{aspect-ratio:4/3;background:#e8e6e0;border-radius:6px;overflow:hidden;margin-bottom:10px;}
.cg5-img.empty{background:#f4f4f2;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:800;color:#dadad4;}
.cg5-img img{width:100%;height:100%;object-fit:cover;display:block;}
.cg5-step h4{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;color:var(--black);margin:0 0 5px;line-height:1.15;text-transform:lowercase;}
.cg5-step p{font-size:12px;color:var(--text);line-height:1.5;margin:0;}
@media(max-width:760px){.cg5-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:420px){.cg5-grid{grid-template-columns:1fr;}}


/* AJUSTE FINAL: calculadora clara + capital oscuro + tarjetas equilibradas */
.vv-calc .lead{line-height:1.45;}
.vv-decision-grid{align-items:stretch !important;}
.vv-cap-zone,.vv-recovery-zone{height:100%;}
.vv-cap-card{height:100% !important;min-height:420px !important;background:#2f2b28 !important;border-color:#2f2b28 !important;}
.vv-cap-amount{font-size:68px !important;line-height:.92 !important;margin-bottom:14px !important;}
.vv-cap-return{font-size:16px !important;line-height:1.45 !important;}
.vv-cap-breakdown{font-size:13px !important;color:#eee5dc !important;margin-bottom:10px !important;}
.vv-cap-detail{font-size:12.5px !important;line-height:1.55 !important;}
.vv-rec-intro{margin:0 0 12px;font-size:14px;line-height:1.45;color:#4f5559;font-weight:400;}
.vv-recovery-list{height:100%;}
.vv-recovery-item{min-height:74px !important;background:#fff !important;}
.vv-recovery-item.is-rec{background:linear-gradient(90deg,rgba(80,180,25,.15),#fff 62%) !important;}
.vv-zone-title{font-size:24px !important;}
.vv-zone-sub{color:#777 !important;font-size:13px !important;}
.vv-decision-note{margin-top:16px !important;background:#f7f7f5 !important;color:#555 !important;border-color:#e3e3de !important;}
@media(max-width:980px){.vv-cap-card{min-height:0 !important}.vv-cap-amount{font-size:48px !important}}



/* AJUSTE FINAL PEDIDO: módulo centrado, renglones de recupero equilibrados y separación con secciones vecinas */
.vv-calc{
  padding:72px 20px 78px !important;
  background:#fff !important;
}
.vv-calc .section-tag,
.vv-calc .section-title,
.vv-calc .lead,
.vv-rec-lbl,
.vv-fields,
.vv-decision-wrap{
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
.vv-calc .lead{
  margin-bottom:38px !important;
}
.vv-rec-lbl{
  margin-bottom:12px !important;
}
.vv-fields{
  width:100% !important;
  margin-bottom:42px !important;
  gap:12px !important;
}
.vv-decision-wrap{
  width:100% !important;
  margin-top:0 !important;
  margin-bottom:60px !important;
}
.vv-decision-grid{
  grid-template-columns:minmax(0,40%) minmax(0,60%) !important;
  gap:28px !important;
  width:100% !important;
  align-items:stretch !important;
}
.vv-zone-head{
  margin-bottom:14px !important;
}
.vv-recovery-zone{
  min-width:0 !important;
}
.vv-recovery-list{
  width:100% !important;
  gap:10px !important;
}
.vv-recovery-item{
  width:100% !important;
  min-height:72px !important;
  grid-template-columns:minmax(220px,1fr) 150px 112px !important;
  gap:14px !important;
  padding:0 18px 0 24px !important;
  box-sizing:border-box !important;
}
.vv-bar-wrap{
  justify-content:flex-end !important;
  gap:10px !important;
}
.vv-mini-bar{
  max-width:86px !important;
}
.vv-percent{
  font-size:36px !important;
  min-width:58px !important;
}
.vv-rec-money{
  font-size:16px !important;
}
.vv-cap-card{
  min-height:0 !important;
}
.vv-note-final{
  width:100% !important;
  max-width:100% !important;
  margin:18px 0 0 !important;
  padding:18px 22px !important;
  display:block !important;
  box-sizing:border-box !important;
}
.vv-note-final span{
  display:block !important;
  margin:0 0 6px !important;
}
.vv-note-final span:last-child{
  margin-bottom:0 !important;
}
.vv-evid-lbl{
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-top:0 !important;
}
@media(max-width:980px){
  .vv-calc{padding:52px 18px 58px !important;}
  .vv-decision-grid{grid-template-columns:1fr !important;gap:24px !important;}
  .vv-fields{grid-template-columns:1fr !important;}
  .vv-recovery-item{grid-template-columns:1fr 150px 112px !important;}
}
@media(max-width:620px){
  .vv-recovery-item{grid-template-columns:1fr !important;padding:18px 18px 18px 24px !important;}
  .vv-bar-wrap{justify-content:flex-start !important;}
  .vv-rec-money{text-align:left !important;}
}


/* AJUSTE FINAL: formulario con el mismo ancho visual que la calculadora */
.form-section{
  width:min(calc(100% - 40px),1240px) !important;
  max-width:1240px !important;
  margin:82px auto 88px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:#fff !important;
}
.form-section .form-title,
.form-section .form-sub,
.form-section .chips,
.form-section .form-grid{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.form-section .chips{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.form-section .chip{
  width:100% !important;
  box-sizing:border-box !important;
}
.form-section .form-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}
.form-section .form-input,
.form-section .form-select,
.form-section .form-textarea{
  box-sizing:border-box !important;
}
@media(max-width:760px){
  .form-section{
    width:calc(100% - 32px) !important;
    margin:56px auto 64px !important;
  }
  .form-section .chips,
  .form-section .form-grid{
    grid-template-columns:1fr !important;
  }
  .form-section .form-group.full{
    grid-column:auto !important;
  }
}


/* AJUSTE FINAL: sin rayas divisorias, sección solución con margen lateral intermedio */
.divider{
  display:none !important;
}
.cg-section{
  width:min(calc(100% - 80px),1500px) !important;
  max-width:1500px !important;
  margin:88px auto 78px !important;
  padding:34px 0 12px !important;
  box-sizing:border-box !important;
}
.cg-section .section-tag,
.cg-section .section-title,
.cg-section > p,
.cg-section .cg5-wrap,
.cg-section > div[style]{
  max-width:100% !important;
  box-sizing:border-box !important;
}
.cg-section .cg5-grid{
  width:100% !important;
}
.vv-cap-amount{
  font-size:54px !important;
  line-height:.98 !important;
  letter-spacing:-1.2px !important;
}
.vv-cap-divider{
  background:rgba(255,255,255,.18) !important;
  height:1px !important;
}
.vv-cap-card{
  padding:34px 34px 30px !important;
}
.vv-cap-detail{
  margin-top:10px !important;
}
@media(max-width:980px){
  .cg-section{
    width:calc(100% - 44px) !important;
    margin:64px auto 58px !important;
    padding-top:20px !important;
  }
  .vv-cap-amount{font-size:44px !important;}
}
@media(max-width:620px){
  .cg-section{width:calc(100% - 32px) !important;}
  .vv-cap-amount{font-size:38px !important;}
}

/* Corrección visible final: elimina espacio muerto, alinea títulos y mantiene márgenes consistentes */
.divider, hr{
  display:none !important;
  border:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.vv-calc{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
  overflow:visible !important;
}
.vv-evid-lbl,
.vv-evid,
.vv-cost,
.cg-section{
  width:min(calc(100% - 80px),1500px) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.vv-evid-lbl{
  display:block !important;
  margin-top:24px !important;
  margin-bottom:14px !important;
  text-align:left !important;
  font-size:17px !important;
  line-height:1.35 !important;
  color:var(--black) !important;
}
.vv-evid{
  margin-top:0 !important;
  margin-bottom:22px !important;
  gap:12px !important;
}
.vv-fig img,
.vv-fig .vv-ph{
  height:158px !important;
}
.vv-fig figcaption{
  padding:9px 10px 10px !important;
  font-size:11px !important;
  line-height:1.35 !important;
}
.vv-cta{
  display:inline-block !important;
  margin-top:16px !important;
  margin-bottom:0 !important;
  margin-left:calc((100% - min(calc(100% - 80px),1500px))/2) !important;
}
.vv-cost{
  margin-top:12px !important;
  margin-bottom:0 !important;
  padding:0 !important;
  font-size:11px !important;
  line-height:1.45 !important;
  text-align:left !important;
}
.cg-section{
  margin-top:34px !important;
  margin-bottom:64px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  overflow:visible !important;
  clear:both !important;
  background:#fff !important;
}
.cg-section .section-tag,
.cg-section .section-title,
.cg-section > p,
.cg-section .cg5-wrap,
.cg-section > div[style]{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:left !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  transform:none !important;
  text-indent:0 !important;
  clip-path:none !important;
}
.cg-section .section-tag{
  display:block !important;
  margin-top:0 !important;
  margin-bottom:8px !important;
}
.cg-section .section-title{
  margin-top:0 !important;
  margin-bottom:14px !important;
}
.cg-section .cg5-grid{
  width:100% !important;
}
@media(max-width:900px){
  .vv-evid-lbl,
  .vv-evid,
  .vv-cost,
  .cg-section{
    width:calc(100% - 44px) !important;
  }
  .vv-cta{
    margin-left:22px !important;
  }
  .cg-section{
    margin-top:30px !important;
  }
}
@media(max-width:620px){
  .vv-evid-lbl,
  .vv-evid,
  .vv-cost,
  .cg-section{
    width:calc(100% - 32px) !important;
  }
  .vv-cta{
    margin-left:16px !important;
  }
}

/*
  MARGEN UNIFICADO DEFINITIVO
  Una sola variable controla la sangría de todas las secciones:
  hero, calculadora, CTA, evidencias, "Nuestra solución" y formulario.
*/
:root{
  --ab-m: clamp(20px, 3vw, 58px);
}

/* Hero: padding lateral igual al margen global */
.hero{
  padding-top: 14px !important;
  padding-bottom: 16px !important;
  padding-left: var(--ab-m) !important;
  padding-right: var(--ab-m) !important;
}

/* Calculadora: mismo padding lateral que el resto, sin max-width propio */
.vv-calc{
  padding-left: var(--ab-m) !important;
  padding-right: var(--ab-m) !important;
}
.vv-calc .section-tag,
.vv-calc .section-title,
.vv-calc .lead,
.vv-rec-lbl,
.vv-fields,
.vv-decision-wrap{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Evidencias y CTA: misma línea vertical que el hero */
.vv-evid-lbl,
.vv-evid,
.vv-cost{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.vv-evid-lbl{
  margin-top: 34px !important;
  margin-bottom: 18px !important;
  text-align: left !important;
}
.vv-evid{
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}
.vv-fig{
  margin: 0 !important;
  min-width: 0 !important;
}
.vv-cost{
  margin-top: 14px !important;
  margin-bottom: 30px !important;
  text-align: left !important;
}

/* CTA: alineado al borde izquierdo del contenido (hereda el padding del padre vv-calc) */
.vv-cta{
  display: inline-flex !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-top: 26px !important;
  margin-bottom: 0 !important;
}

/* "Nuestra solución" y secciones siguientes */
.cg-section{
  padding-left: var(--ab-m) !important;
  padding-right: var(--ab-m) !important;
  margin-top: 0 !important;
  margin-bottom: 64px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #fff !important;
  text-align: left !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.cg-section .section-tag,
.cg-section .section-title,
.cg-section > p,
.cg-section .cg5-wrap,
.cg-section .cg5-grid,
.cg-section > div[style]{
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.cg-section .section-tag{ margin-top:0 !important; margin-bottom:8px !important; }
.cg-section .section-title{ margin-top:0 !important; margin-bottom:16px !important; }

/* Formulario: mismo margen lateral */
.form-section{
  padding-left: var(--ab-m) !important;
  padding-right: var(--ab-m) !important;
  margin: 82px auto 88px !important;
  max-width: calc(1240px + var(--ab-m) * 2) !important;
  box-sizing: border-box !important;
  background: #fff !important;
  width: 100% !important;
}

@media(max-width:900px){
  :root{ --ab-m: 22px; }
  .vv-evid{ grid-template-columns:1fr !important; }
}
@media(max-width:620px){
  :root{ --ab-m: 16px; }
}

/* V8 definitiva: alineación uniforme sin reglas contradictorias.
   Imagen y hero a todo el ancho. Todo el contenido interno centrado en la misma caja. */

:root{
  --ab-content:1210px;
  --ab-gutter:48px;
  --ab-shell:min(calc(100% - var(--ab-gutter)), var(--ab-content));
}

/* Tipografía */
html, body, button, input, select, textarea{
  font-family:'Barlow', Arial, sans-serif !important;
}
body{
  margin:0 !important;
  background:#fff !important;
  font-size:15px !important;
  line-height:1.6 !important;
}
.hero h1,
.section-title,
.form-title,
.section-tag,
.hero-badge-num,
.vv-zone-title,
.vv-cap-amount,
.vv-percent,
.cg-section .section-title,
.cg-section h3,
.cg-section h4{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
}

/* Imagen superior full width */
.img-banda{
  width:100% !important;
  max-width:none !important;
  height:140px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.img-banda img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Hero full width, contenido alineado */
.hero{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:16px 0 20px !important;
  background:var(--dark) !important;
}
.hero-content{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
.hero h1{
  font-size:38px !important;
  line-height:.95 !important;
  font-weight:800 !important;
}
.hero-sub{
  font-size:13px !important;
  line-height:1.4 !important;
}

/* Capital inmovilizado */
.vv-calc{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:52px 0 58px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
.vv-calc > .section-tag,
.vv-calc > .section-title,
.vv-calc > .lead,
.vv-calc > .vv-rec-lbl,
.vv-calc > .vv-fields,
.vv-calc > .vv-decision-wrap,
.vv-calc > .vv-decision-note,
.vv-calc > .vv-evid-lbl,
.vv-calc > .vv-evid,
.vv-calc > .vv-cost{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
.vv-calc > .vv-cta{
  display:inline-flex !important;
  width:auto !important;
  max-width:none !important;
  margin-left:calc((100% - var(--ab-shell)) / 2) !important;
  margin-right:0 !important;
}
.vv-calc .section-title{
  font-size:34px !important;
  line-height:1.05 !important;
}
.vv-calc .section-tag{
  font-size:12px !important;
  letter-spacing:2px !important;
}

/* Nuestra solución */
.cg-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:40px 0 64px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

/* Directos de Nuestra solución: todos con el mismo margen */
.cg-section > .section-tag,
.cg-section > .section-title,
.cg-section > p,
.cg-section > .cg5-wrap,
.cg-section > div{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* El div de beneficios con checks trae estilos inline; se fuerza a la caja central */
.cg-section > div[style*="flex-direction:column"]{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Grilla 5 servicios: 3 arriba y 2 abajo */
.cg5-wrap{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
}
.cg5-grid{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:22px 18px !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
.cg5-grid > *{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.cg5-grid > *:nth-child(4){ grid-column:1 / span 1 !important; }
.cg5-grid > *:nth-child(5){ grid-column:2 / span 1 !important; }

/* Formulario/cuestionario */
.form-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:44px 0 54px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

/* Cada bloque directo del formulario tiene exactamente el mismo ancho/margen */
.form-section > .form-title,
.form-section > .form-sub,
.form-section > .chips,
.form-section > .form-grid,
.form-section > form{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* No dejar que chips ni campos se abran a todo el viewport */
.form-section > .chips{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
.form-section > .form-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}
.form-title{
  font-size:36px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
}

/* Logos con contenido alineado */
.logos-section{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.logos-section > *{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Responsive */
@media(max-width:900px){
  :root{ --ab-gutter:44px; }
  .cg5-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .cg5-grid > *:nth-child(4),
  .cg5-grid > *:nth-child(5){ grid-column:auto !important; }
  .vv-calc > .vv-cta{ margin-left:22px !important; }
}
@media(max-width:620px){
  :root{ --ab-gutter:32px; }
  .hero h1{ font-size:30px !important; }
  .cg5-grid{ grid-template-columns:1fr !important; }
  .form-section > .form-grid{ grid-template-columns:1fr !important; }
  .vv-calc > .vv-cta{ margin-left:16px !important; }
}

/* Ajuste puntual pedido:
   - imágenes más chicas en 01–05
   - textos más grandes, en escala visual similar a Servicios
*/

.cg5-wrap{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.cg5-grid{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:28px 20px !important;
}

.cg5-step{
  width:100% !important;
  max-width:100% !important;
}

.cg5-bar{
  height:3px !important;
  margin-bottom:12px !important;
}

.cg5-n{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

/* IMÁGENES MÁS CHICAS */
.cg5-img{
  aspect-ratio:auto !important;
  height:210px !important;
  border-radius:8px !important;
  overflow:hidden !important;
  margin-bottom:12px !important;
  background:#e8e6e0 !important;
}
.cg5-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* LETRAS MÁS GRANDES */
.cg5-step h4{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:20px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  margin:0 0 8px !important;
  color:var(--black) !important;
  text-transform:lowercase !important;
}
.cg5-step p{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.55 !important;
  margin:0 !important;
  color:var(--text) !important;
}

.cg5-intro{
  font-size:15px !important;
  line-height:1.6 !important;
  margin-bottom:18px !important;
}

/* 04 y 05 debajo */
.cg5-grid > *:nth-child(4){
  grid-column:1 / span 1 !important;
}
.cg5-grid > *:nth-child(5){
  grid-column:2 / span 1 !important;
}

@media(max-width:900px){
  .cg5-grid{
    grid-template-columns:repeat(2, 1fr) !important;
  }
  .cg5-grid > *:nth-child(4),
  .cg5-grid > *:nth-child(5){
    grid-column:auto !important;
  }
  .cg5-img{
    height:200px !important;
  }
}
@media(max-width:620px){
  .cg5-grid{
    grid-template-columns:1fr !important;
  }
  .cg5-img{
    height:190px !important;
  }
  .cg5-step h4{
    font-size:18px !important;
  }
}

/* Recupero potencial: texto más sintético, más grande y alineado visualmente con los 5 procesos */
.vv-evid-lbl{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin:34px auto 16px !important;
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:15px !important;
  line-height:1.45 !important;
  color:var(--black) !important;
}

.vv-evid{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}

.vv-fig{
  border-radius:8px !important;
  overflow:hidden !important;
  background:#f7f7f5 !important;
  border:1px solid #deded9 !important;
}

.vv-fig img,
.vv-fig .vv-ph{
  height:210px !important;
  width:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.vv-fig figcaption{
  padding:14px 16px 16px !important;
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:var(--text) !important;
}

.vv-fig figcaption strong{
  display:block !important;
  margin-bottom:6px !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:20px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

.vv-fig.best figcaption strong{ color:var(--green-dark) !important; }
.vv-fig.mid figcaption strong{ color:#c99700 !important; }
.vv-fig.worst figcaption strong{ color:#d33 !important; }

@media(max-width:900px){
  .vv-evid{ grid-template-columns:1fr !important; }
  .vv-fig img,
  .vv-fig .vv-ph{ height:190px !important; }
}

/* Reducir espacios verticales entre secciones */
.hero{
  padding-top:14px !important;
  padding-bottom:18px !important;
}

.vv-calc{
  padding-top:34px !important;
  padding-bottom:32px !important;
}

.vv-calc > .section-tag{
  margin-bottom:6px !important;
}

.vv-calc > .section-title{
  margin-bottom:12px !important;
}

.vv-calc > .lead{
  margin-bottom:20px !important;
}

.vv-calc > .vv-rec-lbl{
  margin-top:18px !important;
  margin-bottom:10px !important;
}

.vv-calc > .vv-fields{
  margin-bottom:24px !important;
}

.vv-calc > .vv-decision-wrap{
  margin-top:18px !important;
  margin-bottom:20px !important;
}

.vv-evid-lbl{
  margin-top:22px !important;
  margin-bottom:12px !important;
}

.vv-evid{
  margin-bottom:22px !important;
}

.vv-calc > .vv-cta{
  margin-top:18px !important;
  margin-bottom:10px !important;
}

.vv-cost{
  margin-top:8px !important;
  margin-bottom:18px !important;
}

/* Menos aire antes de Nuestra solución */
.cg-section{
  padding-top:18px !important;
  padding-bottom:48px !important;
}

.cg-section > .section-tag{
  margin-top:0 !important;
  margin-bottom:8px !important;
}

.cg-section > .section-title{
  margin-top:0 !important;
  margin-bottom:16px !important;
}

.cg-section > p{
  margin-top:0 !important;
  margin-bottom:18px !important;
}

/* Formulario más cerca del bloque anterior */
.form-section{
  padding-top:30px !important;
  padding-bottom:46px !important;
}

.form-title{
  margin-bottom:6px !important;
}

.form-sub{
  margin-bottom:16px !important;
}

@media(max-width:620px){
  .vv-calc{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .cg-section{
    padding-top:16px !important;
  }
}

/* Números dentro de las imágenes, en verde y con escala similar al hero */
.cg5-step{
  position:relative !important;
}

.cg5-n{
  position:absolute !important;
  top:22px !important;
  left:18px !important;
  z-index:4 !important;
  margin:0 !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:38px !important;
  line-height:0.95 !important;
  font-weight:800 !important;
  color:var(--green) !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}

/* Mantener el número sobre la foto */
.cg5-img{
  position:relative !important;
  overflow:hidden !important;
}

/* En móvil, bajar un poco la escala para que respire mejor */
@media(max-width:620px){
  .cg5-n{
    font-size:30px !important;
    top:16px !important;
    left:14px !important;
  }
}

/* Quitar 0, poner números negros y eliminar rayas verdes */
.cg5-bar{
  display:none !important;
}

.cg5-n{
  position:absolute !important;
  top:18px !important;
  left:18px !important;
  z-index:4 !important;
  margin:0 !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:38px !important;
  line-height:0.95 !important;
  font-weight:800 !important;
  color:#111 !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.35) !important;
}

@media(max-width:620px){
  .cg5-n{
    font-size:30px !important;
    top:14px !important;
    left:14px !important;
  }
}

/* Números delante del título con guion */
.cg5-n{
  display:none !important;
}

.cg5-grid{
  counter-reset: cg5proceso !important;
}

.cg5-step{
  counter-increment: cg5proceso !important;
}

.cg5-step h4{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:22px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  margin:14px 0 8px !important;
  color:var(--black) !important;
  text-transform:lowercase !important;
}

.cg5-step h4::before{
  content:counter(cg5proceso) " - " !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-weight:800 !important;
  color:var(--black) !important;
}

/* V16: menos espaciado y escala tipográfica más cercana al HTML de Servicios */

/* Escala tipográfica base de Servicios */
body{
  font-size:15px !important;
  line-height:1.6 !important;
}

.hero h1{
  font-size:38px !important;
  line-height:.95 !important;
}

.section-title,
.vv-calc .section-title,
.cg-section .section-title{
  font-size:34px !important;
  line-height:1.05 !important;
}

.section-tag,
.vv-calc .section-tag,
.cg-section .section-tag{
  font-size:12px !important;
  line-height:1.1 !important;
  letter-spacing:2px !important;
  font-weight:600 !important;
}

.hero-sub,
.vv-calc .lead,
.vv-cost,
.vv-evid-lbl,
.vv-fig figcaption,
.cg5-intro,
.cg5-step p,
.form-sub{
  font-size:13px !important;
  line-height:1.55 !important;
}

.cg5-step h4{
  font-size:20px !important;
  line-height:1.08 !important;
}

.form-title{
  font-size:36px !important;
  line-height:1.05 !important;
}

/* La calculadora tenía textos demasiado grandes respecto de Servicios */
.vv-cap-amount{
  font-size:42px !important;
  line-height:1 !important;
}

.vv-zone-title{
  font-size:20px !important;
  line-height:1.05 !important;
}

.vv-rec-text strong{
  font-size:14px !important;
  line-height:1.3 !important;
}

.vv-rec-text span,
.vv-cap-detail,
.vv-cap-breakdown,
.vv-decision-note,
.vv-decision-note p{
  font-size:13px !important;
  line-height:1.5 !important;
}

.vv-percent{
  font-size:22px !important;
}

/* Reducir espaciado general */
.vv-calc{
  padding-top:28px !important;
  padding-bottom:24px !important;
}

.vv-calc > .section-tag{
  margin-bottom:5px !important;
}

.vv-calc > .section-title{
  margin-bottom:10px !important;
}

.vv-calc > .lead{
  margin-bottom:16px !important;
}

.vv-calc > .vv-rec-lbl{
  margin-top:12px !important;
  margin-bottom:8px !important;
}

.vv-calc > .vv-fields{
  margin-bottom:16px !important;
}

.vv-calc > .vv-decision-wrap{
  margin-top:14px !important;
  margin-bottom:14px !important;
}

.vv-decision-note{
  padding:14px 18px !important;
  margin-top:10px !important;
  margin-bottom:14px !important;
}

.vv-evid-lbl{
  margin-top:14px !important;
  margin-bottom:10px !important;
}

.vv-evid{
  margin-bottom:16px !important;
}

.vv-calc > .vv-cta{
  margin-top:12px !important;
  margin-bottom:8px !important;
}

.vv-cost{
  margin-top:6px !important;
  margin-bottom:12px !important;
}

/* Acercar Nuestra solución al bloque anterior */
.cg-section{
  padding-top:10px !important;
  padding-bottom:38px !important;
}

.cg-section > .section-tag{
  margin-bottom:6px !important;
}

.cg-section > .section-title{
  margin-bottom:12px !important;
}

.cg-section > p{
  margin-bottom:14px !important;
}

.cg5-wrap{
  margin-top:8px !important;
}

.cg5-grid{
  gap:22px 20px !important;
}

.cg5-img{
  height:190px !important;
  margin-bottom:10px !important;
}

.cg5-step h4{
  margin:10px 0 6px !important;
}

.form-section{
  padding-top:24px !important;
  padding-bottom:42px !important;
}

@media(max-width:900px){
  .vv-cap-amount{
    font-size:36px !important;
  }
}

/* Ajuste de tipografía de textos de sección para igualar el tamaño/letra de la web actual */
:root{
  --ab-section-copy-size:14px;
  --ab-section-copy-line:1.45;
}

/* texto corrido / descriptivo */
.vv-calc .lead,
.vv-cost,
.vv-evid-lbl,
.vv-fig figcaption,
.vv-cap-detail,
.vv-cap-breakdown,
.vv-rec-text strong,
.vv-rec-text span,
.vv-decision-note,
.vv-decision-note p,
.cg-section > p,
.cg5-intro,
.cg5-step p,
.form-sub,
.form-label,
.form-input,
.form-select,
.form-textarea,
.chip-text,
.logo-item,
.footer-item,
.cg-section > div[style*="flex-direction:column"] > div,
.cg-section > div[style*="flex-direction:column"] span,
.cg-section > div[style*="flex-direction:column"]{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:var(--ab-section-copy-size) !important;
  line-height:var(--ab-section-copy-line) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* títulos secundarios de proceso un poco más contenidos */
.cg5-step h4{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:19px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}

/* tags/chips del formulario */
.chip-num{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
}

/* checks / listado de beneficios */
.cg-section > div[style*="flex-direction:column"] > div{
  gap:10px !important;
  margin-bottom:6px !important;
}

@media(max-width:620px){
  :root{
    --ab-section-copy-size:13px;
    --ab-section-copy-line:1.42;
  }
  .cg5-step h4{font-size:18px !important;}
}

/* Tipografía solicitada: Barlow para textos de sección */
:root{
  --ab-section-copy-size:14px;
  --ab-section-copy-line:1.48;
}

body,
button,
input,
select,
textarea,
.vv-calc .lead,
.vv-cost,
.vv-evid-lbl,
.vv-fig figcaption,
.vv-cap-detail,
.vv-cap-breakdown,
.vv-rec-text strong,
.vv-rec-text span,
.vv-decision-note,
.vv-decision-note p,
.cg-section > p,
.cg5-intro,
.cg5-step p,
.form-sub,
.form-label,
.form-input,
.form-select,
.form-textarea,
.chip-text,
.logo-item,
.footer-item,
.cg-section > div[style*="flex-direction:column"],
.cg-section > div[style*="flex-direction:column"] > div,
.cg-section > div[style*="flex-direction:column"] span{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:var(--ab-section-copy-size) !important;
  line-height:var(--ab-section-copy-line) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* Mantengo títulos destacados con el estilo condensado que ya venía del diseño */
.hero h1,
.section-title,
.form-title,
.section-tag,
.vv-zone-title,
.vv-cap-amount,
.vv-percent,
.cg-section .section-title,
.cg5-step h4{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
}

/* Títulos de los 5 procesos */
.cg5-step h4{
  font-size:19px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}

/* Numeración de formulario */
.chip-num{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
}

@media(max-width:620px){
  :root{
    --ab-section-copy-size:13px;
    --ab-section-copy-line:1.45;
  }
}

/* Recupera el protagonismo original del bloque Calculalo */
.vv-rec-lbl{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:var(--black) !important;
  margin-top:24px !important;
  margin-bottom:14px !important;
}

.vv-fields{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:12px !important;
  margin-bottom:26px !important;
}

.vv-field{
  background:#f1f1ef !important;
  border-radius:8px !important;
  padding:16px 18px 14px !important;
  border:1px solid #e6e6e2 !important;
}

.vv-field label{
  display:block !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#666 !important;
  margin-bottom:8px !important;
}

.vv-field input{
  width:100% !important;
  border:0 !important;
  border-bottom:2px solid var(--green) !important;
  background:transparent !important;
  padding:0 0 6px !important;
  outline:none !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:var(--black) !important;
}

.vv-field small,
.vv-field .help,
.vv-field span{
  display:block !important;
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color:#666 !important;
  margin-top:5px !important;
}

/* Evita que la regla global Barlow le quite presencia al input */
.vv-field input[type="number"],
.vv-field input[type="text"]{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:34px !important;
  font-weight:800 !important;
}

@media(max-width:900px){
  .vv-fields{
    grid-template-columns:1fr !important;
  }
  .vv-field input{
    font-size:30px !important;
  }
}

/* Ajuste puntual para que '+ iva' entre mejor */
.vv-cap-detail{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:1.4 !important;
  letter-spacing:0 !important;
  word-spacing:-0.5px !important;
}

.footer.ab-footer-full{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(90deg,#362824 0%, #67564b 100%) !important;
  color:#fff !important;
}
.ab-footer-wrap{
  width:min(calc(100% - 48px), 1120px);
  margin:0 auto;
  padding:34px 0 36px;
  box-sizing:border-box;
}
.ab-footer-main{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
}
.ab-footer-left{
  max-width:780px;
}
.ab-footer-right{
  flex:0 0 120px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
}
.ab-footer-title{
  margin:0 0 4px;
  font-family:'Barlow', Arial, sans-serif;
  font-size:15px;
  line-height:1.4;
  font-weight:700;
  color:#8fd12d;
}
.ab-footer-copy,
.ab-footer-copy strong{
  font-family:'Barlow', Arial, sans-serif;
}
.ab-footer-copy{
  margin:0 0 8px;
  font-size:13px;
  line-height:1.35;
  font-weight:400;
  color:#fff;
}
.ab-footer-copy strong{
  font-weight:700;
}
.ab-footer-block{
  margin-bottom:10px;
}
.ab-footer-sep{
  margin:14px 0 18px;
  font-size:13px;
  line-height:1;
  letter-spacing:1px;
  color:#d7cfc8;
}
.ab-data-fiscal{
  width:88px;
  height:44px;
  background:#1cb4ff;
  border-radius:2px;
  padding:4px 5px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
}
.ab-data-fiscal-label{
  font-family:Arial, sans-serif;
  font-size:11px;
  line-height:0.9;
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
}
.ab-data-fiscal-qr{
  width:34px;
  height:34px;
  background:#fff;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(4,1fr);
  gap:1px;
  padding:2px;
  box-sizing:border-box;
}
.ab-data-fiscal-qr span{
  background:#000;
}
.ab-data-fiscal-qr span:nth-child(2),
.ab-data-fiscal-qr span:nth-child(5),
.ab-data-fiscal-qr span:nth-child(7),
.ab-data-fiscal-qr span:nth-child(9),
.ab-data-fiscal-qr span:nth-child(12),
.ab-data-fiscal-qr span:nth-child(14){
  background:#fff;
}
.ab-footer-top-wrap{
  display:flex;
  justify-content:center;
  margin-top:28px;
}
.ab-footer-top{
  width:40px;
  height:40px;
  border:2px solid rgba(255,255,255,.85);
  border-radius:50%;
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  line-height:1;
  opacity:.95;
}
.ab-footer-top:hover{
  opacity:1;
}
@media (max-width: 900px){
  .ab-footer-main{
    flex-direction:column;
    gap:20px;
  }
  .ab-footer-right{
    justify-content:flex-start;
  }
}

/* Footer ajustado a la referencia enviada */
.footer.ab-footer-full{
  background:#5a493f !important;
  min-height:550px !important;
  padding:0 !important;
}

.ab-footer-wrap{
  width:1080px !important;
  max-width:calc(100% - 48px) !important;
  margin:0 auto !important;
  padding:38px 0 34px !important;
}

.ab-footer-main{
  display:grid !important;
  grid-template-columns:minmax(0, 760px) 120px !important;
  column-gap:90px !important;
  align-items:start !important;
  justify-content:start !important;
}

.ab-footer-left{
  max-width:760px !important;
}

.ab-footer-right{
  display:flex !important;
  justify-content:flex-start !important;
  padding-top:16px !important;
}

.ab-footer-copy{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  color:#fff !important;
  margin:0 0 9px !important;
}

.ab-footer-copy strong{
  font-weight:800 !important;
  color:#fff !important;
}

.ab-footer-title{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  color:#65c51c !important;
  margin:16px 0 4px !important;
}

.ab-footer-block{
  margin-bottom:10px !important;
}

.ab-footer-sep{
  margin:26px 0 26px !important;
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:2px !important;
  color:#d9d0ca !important;
}

.ab-data-fiscal{
  width:88px !important;
  height:42px !important;
  margin-top:0 !important;
  background:#10aee8 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.ab-footer-top-wrap{
  margin-top:40px !important;
}

.ab-footer-top{
  width:42px !important;
  height:42px !important;
  border:2px solid rgba(255,255,255,.85) !important;
  border-radius:50% !important;
  font-size:28px !important;
  font-family:Arial, sans-serif !important;
  color:#fff !important;
}

@media(max-width:900px){
  .footer.ab-footer-full{
    min-height:auto !important;
  }
  .ab-footer-main{
    grid-template-columns:1fr !important;
    row-gap:22px !important;
  }
  .ab-footer-right{
    padding-top:0 !important;
  }
}

/* Más aire en la sección de capital inmovilizado / calculadora */
.vv-calc{
  padding-top:40px !important;
  padding-bottom:40px !important;
}

.vv-calc > .section-tag{
  margin-bottom:8px !important;
}

.vv-calc > .section-title{
  margin-bottom:16px !important;
}

.vv-calc > .lead{
  margin-bottom:22px !important;
}

.vv-rec-lbl{
  margin-top:18px !important;
  margin-bottom:16px !important;
}

.vv-fields{
  margin-bottom:26px !important;
  gap:16px !important;
}

.vv-field{
  padding:18px 18px 16px !important;
}

.vv-decision-wrap{
  margin-top:18px !important;
  margin-bottom:20px !important;
  gap:22px !important;
}

.vv-cap-zone,
.vv-recovery-zone{
  padding-top:2px !important;
}

.vv-zone-head{
  margin-bottom:12px !important;
}

.vv-cap-card{
  padding:24px 26px !important;
}

.vv-cap-divider{
  margin:18px 0 !important;
}

.vv-recovery-list{
  gap:10px !important;
}

.vv-recovery-item{
  padding:14px 16px !important;
}

.vv-decision-note{
  margin-top:18px !important;
  margin-bottom:10px !important;
  padding:18px 22px !important;
  line-height:1.6 !important;
}

.vv-decision-note p{
  margin:0 0 8px !important;
}

.vv-decision-note p:last-child{
  margin-bottom:0 !important;
}

@media(max-width:900px){
  .vv-calc{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
  .vv-decision-wrap{
    gap:18px !important;
  }
}

/* Más espacio antes del bloque 'Intervenimos...' */
.vv-evid-lbl{
  margin-top:28px !important;
  margin-bottom:16px !important;
}
.vv-decision-note{
  margin-bottom:20px !important;
}
.vv-evid{
  margin-top:8px !important;
}
@media(max-width:900px){
  .vv-evid-lbl{ margin-top:24px !important; }
}

/* Más espacio general en la sección marcada */
.vv-calc{
  padding-top:46px !important;
  padding-bottom:48px !important;
}

/* Separación entre intro y bloque Calculalo */
.vv-calc > .lead{
  margin-bottom:26px !important;
}
.vv-rec-lbl{
  margin-top:24px !important;
  margin-bottom:18px !important;
}

/* Más aire debajo de los campos */
.vv-fields{
  margin-bottom:32px !important;
  gap:18px !important;
}
.vv-field{
  padding:20px 18px 16px !important;
}

/* Más aire entre calculadora superior y comparativo */
.vv-decision-wrap{
  margin-top:22px !important;
  margin-bottom:24px !important;
  gap:26px !important;
}
.vv-zone-head{
  margin-bottom:14px !important;
}
.vv-cap-card{
  padding:26px 28px !important;
}
.vv-recovery-list{
  gap:12px !important;
}
.vv-recovery-item{
  padding:16px 18px !important;
}

/* Más aire en la caja de aclaraciones */
.vv-decision-note{
  margin-top:22px !important;
  margin-bottom:22px !important;
  padding:20px 24px !important;
}
.vv-decision-note p{
  margin:0 0 10px !important;
}
.vv-decision-note p:last-child{
  margin-bottom:0 !important;
}

/* Más separación antes de Intervenimos */
.vv-evid-lbl{
  margin-top:34px !important;
  margin-bottom:18px !important;
}

@media(max-width:900px){
  .vv-calc{
    padding-top:40px !important;
    padding-bottom:42px !important;
  }
  .vv-fields{
    margin-bottom:28px !important;
  }
  .vv-decision-wrap{
    gap:20px !important;
  }
  .vv-evid-lbl{
    margin-top:28px !important;
  }
}

/* Más espacio en el bloque Capital inmovilizado estimado / Recupero potencial */
.vv-decision-wrap{
  margin-top:30px !important;
  margin-bottom:30px !important;
  gap:30px !important;
}

.vv-cap-zone,
.vv-recovery-zone{
  padding-top:6px !important;
}

.vv-zone-head{
  margin-bottom:18px !important;
}

.vv-cap-card{
  padding:30px 30px 18px !important;
}

.vv-cap-divider{
  margin:26px 0 14px !important;
}

.vv-recovery-list{
  gap:14px !important;
}

.vv-recovery-item{
  padding:18px 18px !important;
}

.vv-decision-note{
  margin-top:26px !important;
  margin-bottom:28px !important;
  padding:22px 24px !important;
}

@media(max-width:900px){
  .vv-decision-wrap{
    margin-top:24px !important;
    margin-bottom:24px !important;
    gap:22px !important;
  }
  .vv-cap-card{
    padding:24px 22px 16px !important;
  }
}

/* Más espacio entre los campos superiores y el bloque de capital / recupero */
.vv-fields{
  margin-bottom:40px !important;
}

.vv-decision-wrap{
  margin-top:38px !important;
}

.vv-cap-zone,
.vv-recovery-zone{
  padding-top:10px !important;
}

.vv-zone-head{
  margin-bottom:20px !important;
}

@media(max-width:900px){
  .vv-fields{
    margin-bottom:32px !important;
  }
  .vv-decision-wrap{
    margin-top:30px !important;
  }
}

/* Más espacio entre el texto introductorio y el título 'Calculalo' */
.vv-calc > .lead{
  margin-bottom:34px !important;
}
.vv-rec-lbl{
  margin-top:0 !important;
  margin-bottom:18px !important;
}
@media(max-width:900px){
  .vv-calc > .lead{
    margin-bottom:28px !important;
  }
}

/* Espacio visible antes de "Calculalo" */
.vv-calc > .vv-rec-lbl{
  padding-top:34px !important;
  margin-top:0 !important;
  margin-bottom:20px !important;
}

/* Si el navegador colapsa márgenes, este padding asegura la separación */
.vv-calc > .lead{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* Mantener el bloque de campos separado del título */
.vv-calc > .vv-fields{
  margin-top:0 !important;
}

/* Versión móvil */
@media(max-width:900px){
  .vv-calc > .vv-rec-lbl{
    padding-top:28px !important;
  }
}

/* Corrección footer: como referencia, NO centrado; bloque de texto alineado a la izquierda */
.footer.ab-footer-full{
  background:#5a493f !important;
  min-height:550px !important;
  padding:0 !important;
  color:#fff !important;
}

.ab-footer-wrap{
  width:1080px !important;
  max-width:calc(100% - 48px) !important;
  margin:0 auto !important;
  padding:34px 0 34px !important;
}

.ab-footer-main{
  display:grid !important;
  grid-template-columns:760px 120px !important;
  column-gap:90px !important;
  align-items:start !important;
  justify-content:start !important;
}

.ab-footer-left,
.ab-footer-left *{
  text-align:left !important;
}

.ab-footer-left{
  max-width:760px !important;
}

.ab-footer-right{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  padding-top:18px !important;
}

.ab-footer-copy{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.32 !important;
  font-weight:500 !important;
  color:#fff !important;
  margin:0 0 8px !important;
  text-align:left !important;
}

.ab-footer-copy strong{
  font-weight:800 !important;
  color:#fff !important;
}

.ab-footer-title{
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.32 !important;
  font-weight:800 !important;
  color:#65c51c !important;
  margin:16px 0 4px !important;
  text-align:left !important;
}

.ab-footer-block{
  margin-bottom:10px !important;
}

.ab-footer-sep{
  margin:24px 0 24px !important;
  font-family:'Barlow', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:2px !important;
  color:#d9d0ca !important;
  text-align:left !important;
}

.ab-data-fiscal{
  width:88px !important;
  height:42px !important;
  background:#10aee8 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.ab-footer-top-wrap{
  display:flex !important;
  justify-content:center !important;
  margin-top:40px !important;
}

.ab-footer-top{
  width:42px !important;
  height:42px !important;
  border:2px solid rgba(255,255,255,.85) !important;
  border-radius:50% !important;
  color:#fff !important;
  text-decoration:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:28px !important;
  line-height:1 !important;
}

@media(max-width:900px){
  .footer.ab-footer-full{
    min-height:auto !important;
  }
  .ab-footer-main{
    grid-template-columns:1fr !important;
    row-gap:22px !important;
  }
  .ab-footer-right{
    padding-top:0 !important;
  }
}

/* Responsive final para celulares: ordena lectura, evita desbordes y simplifica bloques largos */
html, body{
  max-width:100% !important;
}
.margin-header{
  overflow-x:hidden !important;
}

img{
  max-width:100% !important;
}

@media(max-width:760px){
  .img-banda{
    height:118px !important;
  }

  .hero{
    padding:22px 16px 24px !important;
  }
  .hero-content{
    display:block !important;
  }
  .hero h1{
    font-size:42px !important;
    line-height:.95 !important;
    margin:0 !important;
  }

  .vv-calc{
    padding:34px 16px 42px !important;
  }
  .vv-calc .section-tag{
    font-size:12px !important;
    margin-bottom:8px !important;
  }
  .vv-calc .section-title{
    font-size:31px !important;
    line-height:1.03 !important;
    margin-bottom:12px !important;
  }
  .vv-calc .lead{
    font-size:15px !important;
    line-height:1.55 !important;
  }
  .vv-calc > .vv-rec-lbl{
    padding-top:26px !important;
    font-size:20px !important;
  }
  .vv-fields{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-bottom:26px !important;
  }
  .vv-field{
    padding:13px 14px 12px !important;
  }
  .vv-field input{
    font-size:34px !important;
  }

  .vv-decision-wrap{
    width:100% !important;
    max-width:100% !important;
    margin:26px 0 26px !important;
  }
  .vv-decision-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .vv-zone-head{
    display:block !important;
    margin-bottom:12px !important;
  }
  .vv-zone-title{
    font-size:23px !important;
    line-height:1.12 !important;
  }
  .vv-zone-sub{
    font-size:13px !important;
    line-height:1.35 !important;
    margin-top:4px !important;
  }
  .vv-cap-card{
    min-height:0 !important;
    padding:24px 20px 20px !important;
    border-radius:12px !important;
  }
  .vv-cap-amount{
    font-size:clamp(34px, 10.5vw, 42px) !important;
    line-height:1 !important;
    letter-spacing:-.8px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  .vv-cap-return,
  .vv-cap-breakdown,
  .vv-cap-detail{
    font-size:13px !important;
    line-height:1.45 !important;
  }
  .vv-cap-divider{
    margin:18px 0 12px !important;
  }

  .vv-recovery-list{
    gap:10px !important;
  }
  .vv-recovery-item{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    min-height:0 !important;
    padding:18px 18px 18px 22px !important;
  }
  .vv-rec-text strong{
    font-size:16px !important;
    line-height:1.2 !important;
  }
  .vv-rec-text span{
    font-size:14px !important;
    line-height:1.35 !important;
  }
  .vv-bar-wrap{
    justify-content:flex-start !important;
    width:100% !important;
  }
  .vv-mini-bar{
    width:58% !important;
    max-width:170px !important;
  }
  .vv-percent{
    font-size:34px !important;
    min-width:0 !important;
    text-align:left !important;
  }
  .vv-rec-money{
    font-size:17px !important;
    text-align:left !important;
  }
  .vv-note-final{
    display:block !important;
    padding:16px 18px !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
  }

  .vv-evid-lbl,
  .vv-evid,
  .vv-cost,
  .cg-section{
    width:calc(100% - 32px) !important;
    max-width:calc(100% - 32px) !important;
  }
  .vv-evid-lbl{
    margin-top:20px !important;
    font-size:15px !important;
  }
  .vv-evid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .vv-fig img,
  .vv-fig .vv-ph{
    height:auto !important;
    aspect-ratio:16/9 !important;
  }
  .vv-fig figcaption{
    font-size:12px !important;
  }
  .vv-cta{
    display:block !important;
    width:calc(100% - 32px) !important;
    margin:18px auto 0 !important;
    padding:14px 16px !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }
  .vv-cost{
    margin-top:10px !important;
    font-size:11.5px !important;
  }

  .cg-section{
    margin:44px auto 54px !important;
    padding:0 !important;
  }
  .cg-section .section-tag{
    font-size:12px !important;
    margin-bottom:8px !important;
  }
  .cg-section .section-title{
    font-size:31px !important;
    line-height:1.05 !important;
    margin-bottom:12px !important;
  }
  .cg-section > p{
    font-size:18px !important;
    line-height:1.25 !important;
  }
  .cg5-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .cg5-img{
    aspect-ratio:16/9 !important;
  }
  .cg5-step h4{
    font-size:20px !important;
  }
  .cg5-step p{
    font-size:14px !important;
    line-height:1.48 !important;
  }

  .form-section{
    width:calc(100% - 32px) !important;
    margin:48px auto 58px !important;
  }
  .form-title{
    font-size:32px !important;
    line-height:1 !important;
  }
  .form-sub{
    font-size:14px !important;
    line-height:1.45 !important;
  }
  .form-section .chips,
  .form-section .form-grid{
    grid-template-columns:1fr !important;
  }
  .chip{
    min-width:100% !important;
  }

  .logos-section{
    padding:26px 16px 0 !important;
  }
  .logos-title{
    font-size:15px !important;
  }
  .logos-slide{
    flex-wrap:wrap !important;
    gap:12px 18px !important;
    padding:0 !important;
  }
  .logo-item{
    font-size:12px !important;
    white-space:normal !important;
  }
}

@media(max-width:380px){
  .hero h1{
    font-size:38px !important;
  }
  .vv-calc .section-title,
  .cg-section .section-title,
  .form-title{
    font-size:28px !important;
  }
  .vv-cap-amount{
    font-size:34px !important;
  }
}

/* Ajuste aprobado: aumentar tamaño de importes en móvil/tablet */
@media (max-width:980px){
  .vv-rec-money{
    font-family:'Barlow Condensed',sans-serif !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }
}
@media (max-width:560px){
  .vv-cap-amount{
    font-size:clamp(40px, 12vw, 52px) !important;
    line-height:1 !important;
  }
  .vv-rec-money{
    font-size:28px !important;
    line-height:1 !important;
  }
}

/* Ajuste aprobado: porcentajes con el mismo tamaño visual que los importes en mobile/tablet */
@media (max-width:980px){
  .vv-percent{
    font-family:'Barlow Condensed',sans-serif !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }
}
@media (max-width:560px){
  .vv-percent{
    font-size:28px !important;
    line-height:1 !important;
  }
}

/* Corrección: porcentajes e importes con exactamente el mismo tamaño en mobile */
@media (max-width:980px){
  .vv-recovery-item .vv-percent,
  .vv-recovery-item .vv-rec-money{
    font-family:'Barlow Condensed',sans-serif !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
  }
}
@media (max-width:560px){
  .vv-recovery-item .vv-percent,
  .vv-recovery-item .vv-rec-money{
    font-size:34px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }
}

/* Ajuste final: desplazar el bloque de importe hacia la izquierda para que entre "+ iva" */
@media (min-width: 981px){
  html body .vv-recovery-item{
    grid-template-columns:minmax(220px,1fr) 150px 190px !important;
    column-gap:16px !important;
    padding-right:20px !important;
  }
  html body .vv-recovery-item .vv-bar-wrap{
    justify-content:flex-end !important;
    gap:10px !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:190px !important;
    text-align:left !important;
    justify-self:start !important;
    white-space:nowrap !important;
  }
}

/* En tablet/mobile mantener lectura cómoda sin cortar "+ iva" */
@media (max-width: 980px){
  html body .vv-recovery-item{
    grid-template-columns:1fr 190px !important;
    column-gap:14px !important;
    padding-right:18px !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:190px !important;
    text-align:left !important;
    justify-self:start !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 560px){
  html body .vv-recovery-item{
    grid-template-columns:1fr !important;
  }
  html body .vv-recovery-item .vv-rec-money{
    min-width:0 !important;
  }
}

/* === Laravel: header offset, form mobile toggle, validación === */
@media (min-width: 769px) and (max-width: 991px) {
  .margin-header { margin-top: 58px; }
}
@media (max-width: 768px) {
  .margin-header { margin-top: 0; }
  .img-banda--hero { display: none !important; }
  .hero { padding: calc(58px + 26px) 22px 24px !important; }
  .hero-content { flex-direction: column; align-items: flex-start; }
  .hero h1 { font-size: 33px !important; line-height: .98 !important; }
  .form-cta-bar {
    display: block;
    padding: 18px 16px;
    background: #fff;
    border-top: 1px solid var(--gray2);
  }
  .form-section { padding: 0 !important; margin: 0 auto !important; width: 100% !important; }
  .form-section:not(.form-section--open) form { display: none; }
  .form-section.form-section--open { padding: 0 0 28px !important; background: #f7f7f5; }
  .form-section.form-section--open form { display: block; padding: 24px 16px 32px; }
  .form-section.form-section--open .anchoMaximoContenido { max-width: none; }
  .form-section.form-section--open .form-grid { grid-template-columns: 1fr !important; }
  .form-section.form-section--open .form-group.full { grid-column: auto !important; }
}
@media (max-width: 620px) {
  .hero { padding: calc(58px + 22px) 16px 20px !important; }
  .hero h1 { font-size: 30px !important; }
  .form-cta-bar,
  .form-section.form-section--open form { padding-left: 14px; padding-right: 14px; }
}
.form-cta-bar { display: none; }
.form-cta-btn {
  width: 100%; background: var(--green); color: var(--white); font-family: 'Barlow', sans-serif;
  font-size: 15px; font-weight: 700; padding: 15px; border-radius: 8px; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.form-cta-arrow { font-size: 18px; transition: transform .25s; }
.form-cta-btn.open .form-cta-arrow { transform: rotate(180deg); }
.form-group.has-error .form-label { color: #c0392b; }
.form-group.has-error .form-input,
.form-group.has-error .form-select,
.form-group.has-error .form-textarea {
  border-color: #c0392b;
  box-shadow: 0 0 0 2px rgba(192,57,43,.12);
}
.field-error {
  display: block;
  font-family: 'Barlow', sans-serif !important;
  font-size: 12px;
  color: #c0392b;
  margin-top: 4px;
  line-height: 1.35;
}
.field-error:empty { display: none; }
.landing-form-alert .modal-dialog { margin: 80px auto 0; max-width: 360px; }
.landing-form-alert .modal-content { border: 1px solid var(--gray2); border-radius: 10px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.landing-form-alert .modal-header {
  background: #c2c0c1 !important; background-color: #c2c0c1 !important;
  color: #fff !important; padding: 14px 16px; border-bottom: none;
  position: relative; min-height: 48px;
}
.landing-form-alert .modal-header .close {
  color: #fff !important; opacity: 1 !important; font-size: 26px !important;
  font-weight: 400 !important; line-height: 1 !important; margin: 0;
  background-color: var(--green) !important; border-radius: 50% !important;
  padding: 0 !important; filter: none; text-shadow: none; float: right;
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 32px; height: 32px; border: none; box-shadow: none;
}
.landing-form-alert .modal-header .close span {
  font-family: Arial, sans-serif !important; font-size: 26px !important;
  font-weight: 400 !important; line-height: 1 !important; color: #fff !important;
  display: block; margin-top: -1px;
}
.landing-form-alert .modal-title {
  font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 700;
  color: #fff !important;
}
.landing-form-alert .modal-body { padding: 20px 18px; font-size: 14px; color: #555; line-height: 1.55; }
.landing-form-alert .modal-footer { border-top: 1px solid var(--gray2); padding: 12px 16px 16px; text-align: center; }
.landing-form-alert .btn-landing-alert {
  background: var(--green); border: none; color: #fff; font-weight: 700;
  padding: 11px 28px; border-radius: 6px; min-width: 140px;
}

/* cg5 Centro Operativo: grilla 5 cols desktop, apilado vertical mobile */
@media (min-width: 761px) {
  .cg-section .cg5-grid,
  .cg5-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .cg5-grid > .cg5-step,
  .cg5-grid > * {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  .cg-section .cg5-grid,
  .cg5-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .cg5-grid > .cg5-step,
  .cg5-grid > * {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .cg5-img {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
}

/* Tipografía template: override * { Raleway } de style.css del sitio */
.margin-header .hero,
.margin-header .vv-calc,
.margin-header .cg-section,
.margin-header .form-section,
.margin-header .logos-section {
  font-family: 'Barlow', sans-serif !important;
}

.margin-header .hero h1,
.margin-header .hero h1 span,
.margin-header .section-title,
.margin-header .section-title span,
.margin-header .form-title,
.margin-header .section-tag,
.margin-header .vv-calc .section-title,
.margin-header .vv-calc .section-title span,
.margin-header .vv-zone-title,
.margin-header .vv-cap-amount,
.margin-header .vv-percent,
.margin-header .vv-rec-money,
.margin-header .vv-rec-lbl,
.margin-header .vv-field label,
.margin-header .vv-field input,
.margin-header .cg-section .section-title,
.margin-header .cg-section .section-title span,
.margin-header .cg5-step h4,
.margin-header .cg5-n,
.margin-header .vv-cta,
.margin-header .chip-num,
.margin-header .vv-fig figcaption strong {
  font-family: 'Barlow Condensed', sans-serif !important;
}

.margin-header .hero h1,
.margin-header .hero h1 span {
  font-weight: 800 !important;
  line-height: 0.95 !important;
  text-transform: lowercase !important;
  letter-spacing: 0 !important;
}

.margin-header .hero h1 span {
  color: var(--green) !important;
}

.margin-header .form-label,
.margin-header .form-input,
.margin-header .form-select,
.margin-header .form-textarea,
.margin-header .form-sub,
.margin-header .cg5-intro,
.margin-header .cg5-step p,
.margin-header .vv-calc .lead,
.margin-header .btn-submit,
.margin-header .logo-item {
  font-family: 'Barlow', sans-serif !important;
}

/* Footer genérico del sitio (comision.blade) — ancho completo como en servicios */
footer.row.footer.noPrint,
section.row.preFooter.noPrint {
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
footer.row.footer.noPrint {
  background-color:#584a41 !important;
  padding:25px 0 !important;
  margin-top:0 !important;
  min-height:auto !important;
  border-top:none !important;
}
footer.row.footer.noPrint .anchoMaximoContenido {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}
footer.row.footer.noPrint p {
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: 'Raleway', sans-serif !important;
}
footer.row.footer.noPrint p span.verde {
  color: #84d913 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
footer.row.footer.noPrint .col-md-12 {
  margin-top: 40px !important;
}
@media (min-width: 992px) {
  footer.row.footer.noPrint .col-md-9 {
    width: 75% !important;
    float: left !important;
  }
  footer.row.footer.noPrint .col-md-3 {
    width: 25% !important;
    float: left !important;
  }
  footer.row.footer.noPrint .col-md-12 {
    width: 100% !important;
    float: left !important;
  }
}

.margin-header .logos-section {
  margin-bottom: 0 !important;
}
.margin-header .logos-dots {
  padding-bottom: 20px;
}
