/* mudanza.css — estilos desde 2-COMO_VENDER_responsive.html */
:root { --green:#6abf1e; --green-dark:#52a012; --black:#111; --dark:#2e2420; --gray:#f9f9f7; --gray2:#ebebе7; --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; }
.hero { background:var(--dark); color:var(--white); padding:16px var(--ab-m) 20px; position:relative; }
.hero-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.hero-tag { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--green); }
.hero-logo { height:28px; width:auto; }
.hero h1 { font-family:'Barlow Condensed',sans-serif; font-size:38px; font-weight:800; line-height:0.95; text-transform:none; margin-bottom:10px; }
.hero h1 span { color:var(--green); }
.hero-sub { font-size:13px; color:rgba(255,255,255,0.7); max-width:340px; margin-bottom:16px; line-height:1.4; }
.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; }
.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; }
.img-banda { width:100%; height:140px; object-fit:cover; object-position:center; display:block; background:#cccccc; }
.hero-content { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.section { padding:28px var(--ab-m); overflow:hidden; }
.section-tag { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--green); margin-bottom:5px; }
.section-title { font-family:'Barlow Condensed',sans-serif; font-size:34px; font-weight:800; text-transform:none; color:var(--black); line-height:1.05; margin-bottom:16px; }
.steps { display:flex; flex-direction:column; gap:10px; }
.step { display:flex; gap:14px; align-items:flex-start; padding:14px 16px; border:1px solid var(--gray2); border-radius:8px; background:var(--gray); }
.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:15px; font-weight:700; text-transform:none; color:#444; line-height:1.5; }
.step-desc { font-size:13px; color:var(--text-light); line-height:1.4; margin-top:2px; }
.benefits { background:#fff; }
.benefits-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.benefit-card { background:var(--white); border-radius:8px; padding:16px; border:1px solid var(--gray2); }
.benefit-title { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; text-transform:none; color:var(--black); margin-bottom:6px; line-height:1.15; }
.benefit-desc { font-size:13px; color:var(--text-light); line-height:1.55; }
.img-par { display:grid; grid-template-columns:1fr 1fr; gap:3px; }
.img-par-item { position:relative; overflow:hidden; height:160px; }
.img-par-item img { width:100%; height:100%; object-fit:cover; }
.img-par-label { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent,rgba(0,0,0,0.65)); padding:8px 10px; font-size:10px; font-weight:600; color:white; letter-spacing:0.5px; text-transform:uppercase; }
.modal-cards { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.modal-card-full { grid-column:auto; max-width:none; margin:0; }
.modal-card { border-radius:8px; padding:14px; border:2px solid var(--gray2); }
.modal-card.featured { border-color:var(--green); background:#f8fdf4; }
.modal-tag { display:inline-block; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; background:var(--green); color:var(--white); padding:3px 8px; border-radius:3px; margin-bottom:10px; }
.modal-name { font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:800; text-transform:none; color:var(--black); margin-bottom:4px; }
.modal-pct { font-family:'Barlow Condensed',sans-serif; font-size:44px; font-weight:800; color:var(--green); line-height:1; margin-bottom:2px; }
.modal-pct-label { font-size:12px; color:var(--text-light); margin-bottom:12px; }
.modal-desc { font-size:13px; color:var(--text); line-height:1.5; }
.modal-img { width:100%; height:120px; object-fit:cover; border-radius:6px; margin-bottom:12px; }
.cta-section { background:var(--dark); padding:36px var(--ab-m); color:var(--white); }
.cta-title { font-family:'Barlow Condensed',sans-serif; font-size:36px; font-weight:800; text-transform:none; line-height:1.05; margin-bottom:8px; }
.cta-title span { color:var(--green); }
.cta-sub { font-size:13px; color:rgba(255,255,255,0.65); margin-bottom:20px; }
.cta-steps { display:flex; gap:8px; margin-bottom:24px; flex-wrap:wrap; }
.cta-step { display:flex; align-items:center; gap:6px; font-size:12px; color:rgba(255,255,255,0.8); }
.cta-step-num { width:20px; height:20px; border-radius:50%; background:var(--green); color:var(--white); font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.btn-whatsapp { display:flex; align-items:center; justify-content:center; gap:10px; 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; text-decoration:none; margin-bottom:10px; }
.btn-form { display:flex; align-items:center; justify-content:center; width:100%; background:transparent; color:var(--white); font-family:'Barlow',sans-serif; font-size:14px; font-weight:500; padding:14px; border-radius:6px; border:1px solid rgba(255,255,255,0.25); cursor:pointer; text-decoration:none; }
.form-section { background:#fff; padding:72px var(--ab-m) 82px; }
.form-title { font-family:'Barlow Condensed',sans-serif; font-size:36px; font-weight:800; text-transform:none; color:var(--black); margin-bottom:6px; }
.form-sub { font-size:13px; color:var(--text-light); margin-bottom:22px; }
.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:12px; 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-section { background:#ffffff; padding:36px var(--ab-m) 0; text-align:center; border-top:1px solid var(--gray2); }
.logos-title { font-family:'Barlow',sans-serif; font-size:16px; font-weight:700; color:var(--black); margin-bottom:28px; }
.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:32px; padding:0 12px; }
.logo-item { font-family:'Barlow',sans-serif; font-size:13px; font-weight:600; color:#444444; white-space:nowrap; }
.logos-dots { display:flex; justify-content:center; gap:8px; margin-top:20px; }
.logos-dot { width:8px; height:8px; border-radius:50%; background:#cccccc; border:none; cursor:pointer; padding:0; }
.logos-dot.active { background:#555555; }
.footer:not(.noPrint) { background:#2e2420; padding:16px var(--ab-m) 12px; border-top:1px solid #2e2e2e; margin-top:28px; }
.footer-item { font-size:13px; color:#ffffff; line-height:1.5; }
.footer-item a { color:#ffffff; text-decoration:none; }
.footer-bottom { padding-top:8px; border-top:1px solid #2e2e2e; font-size:12px; color:#ffffff; text-align:center; line-height:1.4; }
.divider { height:1px; background:var(--gray2); margin:0 24px; }
.relevamiento-section { background:var(--gray); padding:36px var(--ab-m); }
.rel-cards { display:flex; flex-direction:column; gap:10px; margin-top:4px; }
.rel-card { background:var(--white); border-radius:8px; padding:18px 16px; border:1px solid var(--gray2); display:flex; gap:14px; align-items:flex-start; }
.rel-icon { font-size:22px; line-height:1; flex-shrink:0; margin-top:2px; }
.rel-name { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; color:var(--black); margin-bottom:4px; line-height:1.1; }
.rel-desc { font-size:13px; color:var(--text-light); line-height:1.5; }
.rel-badge { display:inline-block; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; background:rgba(106,191,30,0.12); color:var(--green-dark); padding:2px 7px; border-radius:3px; margin-bottom:6px; border:1px solid rgba(106,191,30,0.3); }
.comercializa-section { padding:28px var(--ab-m); background:#fff; }
.com-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:4px; }
.com-col { border-radius:8px; padding:16px; }
.com-col.si { background:#f8fdf4; border:1px solid rgba(106,191,30,0.35); }
.com-col.no { background:#fafafa; border:1px solid var(--gray2); }
.com-col-title { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:800; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.com-col.si .com-col-title { color:var(--green-dark); }
.com-col.no .com-col-title { color:#999; }
.com-item { font-size:12px; color:var(--text-light); line-height:1.7; padding-left:10px; position:relative; }
.com-item::before { content:'·'; position:absolute; left:0; }
.publi-section { background:var(--dark); padding:16px var(--ab-m) 44px; color:var(--white); }
.publi-section .section-tag { color:var(--green); font-size:14px; letter-spacing:1.5px; }
.publi-section .section-title { color:var(--white); }
.publi-header { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:16px; }
.publi-header .section-title { margin-bottom:0; }
.publi-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:4px; }
.publi-step { display:flex; flex-direction:column; align-items:stretch; padding:0; background:rgba(255,255,255,0.06); border-radius:8px; border:1px solid rgba(255,255,255,0.1); overflow:hidden; }
.publi-step img { width:100%; height:240px; object-fit:cover; display:block; flex-shrink:0; margin:0; }
.publi-step > div { padding:14px; }

.publi-num { font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:800; color:var(--green); line-height:1; min-width:28px; }
.publi-name { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; color:var(--white); margin-bottom:4px; line-height:1.1; }
.publi-desc { font-size:14px; color:rgba(255,255,255,0.65); line-height:1.55; }
.precio-section { background:#fff; padding:28px var(--ab-m);  }
.precio-box { background:var(--white); border-radius:8px; padding:18px 16px; border:1px solid var(--gray2); }
.precio-label { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--text-light); margin-bottom:6px; }
.precio-valor { font-size:15px; color:var(--text); line-height:1.6; }
.precio-nota { font-size:13px; color:var(--text-light); font-style:italic; margin-top:6px; }
.como-empezar { padding:28px var(--ab-m); background:var(--white); }
.como-steps { display:flex; flex-direction:column; gap:8px; margin-top:16px; }
.como-step { display:flex; align-items:center; gap:14px; padding:14px 16px; background:var(--gray); border-radius:8px; }
.como-num { width:34px; height:34px; border-radius:50%; background:var(--green); color:var(--white); font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.como-text { font-size:15px; color:var(--text); line-height:1.4; }

/* ── SISTEMA DE MÁRGENES UNIFICADO (mismo que vaciar-vender) ── */
:root { --ab-m: clamp(20px, 3vw, 58px); --ab-content: 1240px; }

.divider { height:1px; background:var(--gray2); margin:0 var(--ab-m); }

/* Limitar ancho del contenido en todas las secciones */
.hero > *,
.section > *,
.relevamiento-section > *,
.comercializa-section > *,
.publi-section > *,
.precio-section > *,
.como-empezar > *,
.cta-section > * {
  max-width: var(--ab-content);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Formulario: mismo ancho visual que el resto del contenido */
.form-section .form-title,
.form-section .form-sub,
.form-section > div,
.form-section .form-grid {
  max-width: var(--ab-content);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

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

/* Limitar ancho del contenido en todas las secciones */
--ab-content: 1240px;

.section > *,
.relevamiento-section > *,
.comercializa-section > *,
.publi-section > *,
.precio-section > *,
.como-empezar > *,
.cta-section > * {
  max-width: var(--ab-content);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}

/* Ajuste formulario: lectura mobile + frase de fotos */
.form-photo-help{
  font-size:12px !important;
  line-height:1.45 !important;
  color:var(--text-light) !important;
  margin-top:6px !important;
  font-style:italic !important;
}

@media(max-width:760px){
  .form-section{
    padding-top:42px !important;
    padding-bottom:52px !important;
  }
  .form-photo-help{
    font-size:12px !important;
    line-height:1.45 !important;
  }
}

@media(max-width:420px){
  .form-photo-help{
    font-size:11.5px !important;
  }
}

/* Unifica proceso + beneficios para hacer más clara la modalidad preventa */
.preventa-flow-section{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.preventa-flow-intro{
  font-size:15px;
  line-height:1.6;
  color:var(--text-light);
  max-width:860px;
  margin-bottom:18px;
}
.preventa-flow-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.preventa-flow-step{
  background:#fdfdf5;
  border:1px solid #d8d6c0;
  border-top:4px solid var(--green);
  border-radius:12px;
  padding:18px 18px 18px 16px;
  display:flex;
  gap:14px;
  align-items:flex-start;
  min-height:154px;
}
.preventa-step-num{
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--green);
  color:var(--white);
  font-family:'Barlow Condensed',sans-serif;
  font-size:28px;
  font-weight:800;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.preventa-step-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:22px;
  font-weight:800;
  color:var(--black);
  line-height:1.05;
  margin-bottom:8px;
}
.preventa-step-desc{
  font-size:14px;
  line-height:1.5;
  color:var(--text);
}
.preventa-benefits-box{
  background:#fff;
  border:1px solid var(--gray2);
  border-radius:12px;
  padding:16px;
}
.preventa-benefits-kicker{
  font-family:'Barlow Condensed',sans-serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--green-dark);
  margin-bottom:12px;
}
.preventa-benefits-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.preventa-benefit-pill{
  background:var(--gray);
  border:1px solid var(--gray2);
  border-radius:10px;
  padding:12px 14px;
  font-family:'Barlow',sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  color:var(--black);
}
@media(max-width:980px){
  .preventa-flow-steps{
    grid-template-columns:1fr;
  }
  .preventa-flow-step{
    min-height:0;
  }
  .preventa-benefits-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .preventa-flow-section{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .preventa-flow-intro{
    font-size:14px;
    margin-bottom:14px;
  }
  .preventa-step-title{
    font-size:20px;
  }
  .preventa-step-desc{
    font-size:13px;
  }
  .preventa-benefits-grid{
    grid-template-columns:1fr;
  }
  .preventa-benefit-pill{
    padding:11px 12px;
    font-size:13px;
  }
}

/* Ajuste aprobado: Modalidades antes de Cómo funciona + formulario preservado */
.form-photo-help{
  font-size:12px !important;
  line-height:1.45 !important;
  color:var(--text-light) !important;
  margin-top:6px !important;
  font-style:italic !important;
}
@media(max-width:760px){
  .form-section{
    padding-top:42px !important;
    padding-bottom:52px !important;
  }
  .form-grid{
    grid-template-columns:1fr !important;
  }
  .modal-cards{
    grid-template-columns:1fr !important;
  }
}

/* PROPUESTA VISUAL: separar cómo vendemos de condiciones/precios */
.publi-section-clean{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.publi-section-clean .publi-header{
  margin-bottom:18px !important;
}
.publi-section-clean .publi-steps{
  gap:14px !important;
}
.publi-section-clean .publi-step img{
  height:210px !important;
}
.publi-section-clean .publi-step > div{
  padding:14px !important;
}
.publi-section-clean .publi-name{
  font-size:19px !important;
  line-height:1.1 !important;
  margin-bottom:5px !important;
}
.publi-section-clean .publi-desc{
  font-size:13px !important;
  line-height:1.45 !important;
}

/* Condiciones separadas */
.publication-conditions-section{
  background:#fff !important;
  padding:34px var(--ab-m) 38px !important;
}
.conditions-wrap{
  max-width:var(--ab-content) !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
.conditions-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr 1.4fr !important;
  gap:14px !important;
  align-items:stretch !important;
}
.condition-price-card,
.condition-criteria-card{
  border:1px solid var(--gray2) !important;
  border-radius:12px !important;
  background:#f9f9f7 !important;
  padding:18px !important;
}
.condition-label{
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  color:var(--green-dark) !important;
  margin-bottom:8px !important;
}
.condition-price{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:42px !important;
  font-weight:800 !important;
  color:#111 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.condition-price span:last-child{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:var(--text-light) !important;
}
.condition-note{
  font-size:13px !important;
  color:var(--text-light) !important;
  margin-top:7px !important;
}
.condition-criteria-card p{
  font-size:13px !important;
  line-height:1.55 !important;
  color:var(--text) !important;
  margin:0 0 7px !important;
}
.condition-criteria-card p:last-child{
  margin-bottom:0 !important;
}
.condition-criteria-card strong{
  color:#111 !important;
  font-weight:800 !important;
}

@media(max-width:980px){
  .conditions-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .condition-criteria-card{
    grid-column:1 / -1 !important;
  }
  .publi-section-clean .publi-step img{
    height:180px !important;
  }
}

@media(max-width:620px){
  .publi-section-clean{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .publi-section-clean .publi-header{
    display:block !important;
    margin-bottom:14px !important;
  }
  .publi-section-clean .section-title{
    font-size:30px !important;
    line-height:1.05 !important;
  }
  .publi-section-clean .publi-steps{
    gap:10px !important;
  }
  .publi-section-clean .publi-step img{
    height:145px !important;
  }
  .publi-section-clean .publi-step > div{
    padding:11px 12px !important;
  }
  .publi-section-clean .publi-name{
    font-size:17px !important;
  }
  .publi-section-clean .publi-desc{
    font-size:12.5px !important;
    line-height:1.35 !important;
  }

  .publication-conditions-section{
    padding:28px var(--ab-m) 32px !important;
  }
  .conditions-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .condition-price-card,
  .condition-criteria-card{
    padding:15px !important;
  }
  .condition-price{
    font-size:36px !important;
  }
  .condition-criteria-card p{
    font-size:12.5px !important;
    line-height:1.45 !important;
  }
}

/* Formulario restaurado y responsive */
.form-photo-help{
  font-size:12px !important;
  line-height:1.45 !important;
  color:var(--text-light) !important;
  margin-top:6px !important;
  font-style:italic !important;
}
@media(max-width:760px){
  .form-section{
    padding-top:42px !important;
    padding-bottom:52px !important;
  }
  .form-grid{
    grid-template-columns:1fr !important;
  }
}

/* Unificación con VACIAR - VENDER:
   Raleway, escala tipográfica, márgenes laterales, hero/bandas a todo el ancho y pie de página detallado. */
:root{
  --ab-content:1210px !important;
  --ab-gutter:48px !important;
  --ab-shell:min(calc(100% - var(--ab-gutter)), var(--ab-content)) !important;
  --green:#6abf1e;
  --green-dark:#52a012;
  --black:#111;
  --dark:#2e2420;
  --gray:#f9f9f7;
  --gray2:#ebebe7;
  --text:#333;
  --text-light:#666;
  --white:#fff;
}

/* Tipografía general */
html,body,button,input,select,textarea{
  font-family:'Raleway', Arial, sans-serif !important;
}
body{
  margin:0 !important;
  background:#fff !important;
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
  color:var(--text) !important;
}

/* Títulos destacados conservan la identidad condensada del diseño VACIAR - VENDER */
.hero h1,
.section-title,
.form-title,
.cta-title,
.section-tag,
.hero-badge-num,
.step-num,
.modal-name,
.modal-pct,
.benefit-title,
.rel-name,
.com-col-title,
.publi-num,
.publi-name,
.precio-label,
.como-num{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
}

/* Tamaños principales */
.hero h1{
  font-size:38px !important;
  line-height:.95 !important;
  font-weight:800 !important;
}
.section-title{
  font-size:34px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  margin-bottom:16px !important;
}
.form-title,
.cta-title{
  font-size:36px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
}
.section-tag{
  font-size:12px !important;
  line-height:1.1 !important;
  letter-spacing:2px !important;
  font-weight:600 !important;
}
.hero-sub,
.step-desc,
.benefit-desc,
.modal-desc,
.cta-sub,
.form-sub,
.rel-desc,
.com-item,
.publi-desc,
.precio-valor,
.precio-nota,
.como-text,
.logo-item,
.footer-item{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
}
.step-title,
.form-label,
.form-input,
.form-select,
.form-textarea,
.btn-whatsapp,
.btn-form,
.btn-submit{
  font-family:'Raleway', Arial, sans-serif !important;
}

/* Bandas/fondos a todo el ancho */
.img-banda,
.hero,
.cta-section,
.publi-section,
.form-section,
.logos-section,
.section,
.relevamiento-section,
.comercializa-section,
.precio-section,
.como-empezar,
.benefits{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

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

/* Contenido con la misma distancia lateral */
.hero > *,
.section > *,
.benefits > *,
.relevamiento-section > *,
.comercializa-section > *,
.publi-section > *,
.precio-section > *,
.como-empezar > *,
.cta-section > *,
.form-section > *,
.logos-section > *{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Padding vertical equilibrado */
.hero{
  padding:16px 0 20px !important;
}
.section{
  padding:32px 0 !important;
}
.relevamiento-section,
.comercializa-section,
.precio-section,
.como-empezar{
  padding:32px 0 !important;
}
.publi-section{
  padding:28px 0 44px !important;
}
.cta-section{
  padding:36px 0 !important;
}
.form-section{
  padding:48px 0 56px !important;
}
.logos-section{
  padding:36px 0 0 !important;
}

/* Grillas y cards */
.steps{
  gap:12px !important;
}
.step{
  padding:16px 18px !important;
}
.benefits-grid{
  gap:14px !important;
}
.benefit-card,
.modal-card,
.rel-card,
.precio-box{
  padding:18px 16px !important;
}
.modal-cards{
  gap:14px !important;
}
.form-grid{
  gap:14px !important;
}
.publi-steps{
  gap:14px !important;
}
.publi-step img{
  height:220px !important;
}

/* Footer igual al criterio de VACIAR - VENDER */
.footer.ab-footer-full{
  background:#5a493f !important;
  min-height:550px !important;
  padding:0 !important;
  color:#fff !important;
  border-top:none !important;
  margin-top:0 !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:'Raleway', 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:'Raleway', 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:'Raleway', 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;
  padding:4px 5px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:4px !important;
}
.ab-data-fiscal-label{
  font-family:Arial, sans-serif !important;
  font-size:11px !important;
  line-height:.9 !important;
  font-weight:700 !important;
  color:#fff !important;
  text-transform:uppercase !important;
}
.ab-data-fiscal-qr{
  width:34px !important;
  height:34px !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  grid-template-rows:repeat(4,1fr) !important;
  gap:1px !important;
  padding:2px !important;
  box-sizing:border-box !important;
}
.ab-data-fiscal-qr span{
  background:#000 !important;
}
.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 !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;
}

/* Responsive */
@media(max-width:900px){
  :root{ --ab-gutter:44px !important; }
  .benefits-grid,
  .modal-cards,
  .com-grid,
  .publi-steps{
    grid-template-columns:1fr !important;
  }
  .form-grid{
    grid-template-columns:1fr !important;
  }
  .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;
  }
}
@media(max-width:620px){
  :root{ --ab-gutter:32px !important; }
  .hero h1{ font-size:30px !important; }
  .section-title{ font-size:28px !important; }
}

/* Tipografía Raleway + márgenes + legibilidad real */
:root{
  --ab-content:1210px !important;
  --ab-gutter:48px !important;
  --ab-shell:min(calc(100% - var(--ab-gutter)), var(--ab-content)) !important;
  --green:#6abf1e;
  --green-dark:#52a012;
  --black:#111;
  --dark:#2e2420;
  --gray:#f9f9f7;
  --gray2:#ebebe7;
  --text:#333;
  --text-light:#666;
  --white:#fff;
}

html,body,button,input,select,textarea{
  font-family:'Raleway', Arial, sans-serif !important;
}

body{
  margin:0 !important;
  background:#fff !important;
  color:var(--text) !important;
  font-size:14px !important;
  line-height:1.48 !important;
}

/* Títulos */
.hero h1,
.section-title,
.form-title,
.cta-title,
.section-tag,
.hero-badge-num,
.step-num,
.modal-name,
.modal-pct,
.benefit-title,
.rel-name,
.com-col-title,
.publi-num,
.publi-name,
.precio-label,
.como-num{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
}

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

.section-title{
  font-size:34px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
}

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

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

/* Fondos a todo el ancho */
.img-banda,
.hero,
.cta-section,
.publi-section,
.form-section,
.logos-section,
.section,
.relevamiento-section,
.comercializa-section,
.precio-section,
.como-empezar,
.benefits{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

/* Contenido alineado */
.hero > *,
.section > *,
.benefits > *,
.relevamiento-section > *,
.comercializa-section > *,
.publi-section > *,
.precio-section > *,
.como-empezar > *,
.cta-section > *,
.form-section > *,
.logos-section > *{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Padding secciones */
.hero{ padding:16px 0 20px !important; }
.section{ padding:32px 0 !important; }
.relevamiento-section,
.comercializa-section,
.precio-section,
.como-empezar{ padding:32px 0 !important; }
.publi-section{ padding:28px 0 44px !important; }
.cta-section{ padding:36px 0 !important; }
.form-section{ padding:48px 0 56px !important; }
.logos-section{ padding:36px 0 0 !important; }

/* LEGIBILIDAD EN FONDOS OSCUROS: fuerza contraste en todos los hijos */
.hero,
.publi-section,
.cta-section{
  background:#2e2420 !important;
  color:#fff !important;
}

.hero *,
.publi-section *,
.cta-section *{
  color:#fff !important;
}

.hero .hero-tag,
.publi-section .section-tag,
.cta-section .section-tag,
.publi-section .com-col.si .com-col-title,
.publi-section .publi-num{
  color:var(--green) !important;
}

.hero-sub,
.cta-sub,
.cta-step,
.publi-desc,
.publi-section p,
.publi-section span,
.publi-section li,
.publi-section .com-item,
.publi-section .precio-valor,
.publi-section .precio-nota{
  color:rgba(255,255,255,.86) !important;
}

.publi-section .com-col.no .com-col-title,
.publi-section .com-col.no .com-item,
.publi-section .com-col.no p,
.publi-section .com-col.no span{
  color:rgba(255,255,255,.70) !important;
}

.publi-section .com-col,
.publi-section .publi-step{
  border-color:rgba(255,255,255,.22) !important;
}

.publi-section .com-col.si,
.publi-section .com-col.no,
.publi-section .publi-step{
  background:rgba(255,255,255,.06) !important;
}

/* textos corridos */
.hero-sub,
.step-desc,
.benefit-desc,
.modal-desc,
.cta-sub,
.form-sub,
.rel-desc,
.com-item,
.publi-desc,
.precio-valor,
.precio-nota,
.como-text,
.logo-item,
.footer-item,
.step-title,
.form-label,
.form-input,
.form-select,
.form-textarea,
.btn-whatsapp,
.btn-form,
.btn-submit{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
}

/* Footer */
.footer.ab-footer-full{
  background:#5a493f !important;
  min-height:550px !important;
  padding:0 !important;
  color:#fff !important;
  border-top:none !important;
  margin-top:0 !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:'Raleway', 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;
}

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

.ab-footer-title{
  font-family:'Raleway', 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;
}

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

.ab-footer-sep{
  margin:24px 0 24px !important;
  font-family:'Raleway', 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;
  background:#10aee8 !important;
  border-radius:0 !important;
  padding:4px 5px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:4px !important;
}

.ab-data-fiscal-label{
  font-family:Arial, sans-serif !important;
  font-size:11px !important;
  line-height:.9 !important;
  font-weight:700 !important;
  color:#fff !important;
  text-transform:uppercase !important;
}

.ab-data-fiscal-qr{
  width:34px !important;
  height:34px !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  grid-template-rows:repeat(4,1fr) !important;
  gap:1px !important;
  padding:2px !important;
  box-sizing:border-box !important;
}

.ab-data-fiscal-qr span{ background:#000 !important; }

.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 !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){
  :root{ --ab-gutter:44px !important; }
  .benefits-grid,
  .modal-cards,
  .com-grid,
  .publi-steps,
  .form-grid{
    grid-template-columns:1fr !important;
  }
  .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; }
}

@media(max-width:620px){
  :root{ --ab-gutter:32px !important; }
  .hero h1{ font-size:30px !important; }
  .section-title{ font-size:28px !important; }
}

/* Igualación de escala tipográfica con VACIAR - VENDER */
body{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

/* Títulos principales */
.hero h1{
  font-size:38px !important;
  line-height:.95 !important;
  font-weight:800 !important;
}

.section-title{
  font-size:34px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
}

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

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

/* Texto de secciones, igual que VACIAR - VENDER */
.hero-sub,
.step-desc,
.benefit-desc,
.modal-desc,
.cta-sub,
.form-sub,
.rel-desc,
.com-item,
.publi-desc,
.precio-valor,
.precio-nota,
.como-text,
.logo-item,
.footer-item,
.step-title,
.form-label,
.form-input,
.form-select,
.form-textarea,
.btn-whatsapp,
.btn-form,
.btn-submit{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
}

/* Títulos de cards */
.benefit-title,
.rel-name,
.publi-name,
.modal-name{
  font-size:20px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}

.step-title{
  font-weight:600 !important;
}

@media(max-width:620px){
  body{
    font-size:14px !important;
    line-height:1.5 !important;
  }
  .hero h1{
    font-size:30px !important;
  }
  .section-title{
    font-size:28px !important;
  }
}

/* Igualar sección "Cómo funciona" con escala de VACIAR - VENDER */
.steps{
  gap:12px !important;
}

.step{
  padding:16px 18px !important;
  border-radius:8px !important;
}

.step-num{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:36px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:var(--green) !important;
  min-width:28px !important;
}

.step-title{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
  font-weight:700 !important;
  color:#444 !important;
}

.step-desc{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
  font-weight:400 !important;
  color:var(--text-light) !important;
  margin-top:3px !important;
}

/* Cambio visible en "Cómo funciona": misma escala y protagonismo que VACIAR - VENDER */
.steps{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:18px !important;
  margin-top:20px !important;
}

.step{
  display:block !important;
  background:#f7f7f5 !important;
  border:1px solid #deded9 !important;
  border-radius:8px !important;
  padding:20px 18px !important;
  min-height:155px !important;
}

.step-num{
  display:block !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:38px !important;
  line-height:.95 !important;
  font-weight:800 !important;
  color:var(--green) !important;
  min-width:0 !important;
  margin-bottom:12px !important;
}

.step-title{
  display:block !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:22px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  color:var(--black) !important;
  margin-bottom:8px !important;
}

.step-desc{
  display:block !important;
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:var(--text) !important;
  margin:0 !important;
}

/* Si alguna sección "Cómo funciona" usa otra clase, se fuerza el mismo criterio */
.como-steps{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:18px !important;
  margin-top:20px !important;
}

.como-step{
  display:block !important;
  background:#f7f7f5 !important;
  border:1px solid #deded9 !important;
  border-radius:8px !important;
  padding:20px 18px !important;
  min-height:120px !important;
}

.como-num{
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--green) !important;
  justify-content:flex-start !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:38px !important;
  line-height:.95 !important;
  font-weight:800 !important;
  margin-bottom:12px !important;
}

.como-text{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  color:var(--text) !important;
}

@media(max-width:900px){
  .steps,
  .como-steps{
    grid-template-columns:1fr !important;
  }
}

/* Propuesta alternativa para "Cómo funciona":
   diseño 2x2, más limpio y editorial, con chip numérico verde y borde superior. */

.steps{
  display:grid !important;
  grid-template-columns:repeat(2, 1fr) !important;
  gap:20px !important;
  margin-top:22px !important;
}

.step{
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
  background:#fff !important;
  border:1px solid #d7ddd1 !important;
  border-top:4px solid var(--green) !important;
  border-radius:10px !important;
  padding:22px 22px 20px !important;
  min-height:150px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.04) !important;
}

.step-num{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:999px !important;
  background:var(--green) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:800 !important;
  margin:0 !important;
}

.step > div:last-child{
  flex:1 1 auto !important;
}

.step-title{
  display:block !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:24px !important;
  line-height:1.02 !important;
  font-weight:800 !important;
  color:var(--black) !important;
  margin:2px 0 10px !important;
}

.step-desc{
  display:block !important;
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:var(--text) !important;
  margin:0 !important;
}

/* Si hubiera otra variante de clases */
.como-steps{
  display:grid !important;
  grid-template-columns:repeat(2, 1fr) !important;
  gap:20px !important;
  margin-top:22px !important;
}

.como-step{
  background:#fff !important;
  border:1px solid #d7ddd1 !important;
  border-top:4px solid var(--green) !important;
  border-radius:10px !important;
  padding:22px 22px 20px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.04) !important;
}

.como-num{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:999px !important;
  background:var(--green) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:800 !important;
  margin-bottom:12px !important;
}

.como-text{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  color:var(--text) !important;
}

/* Responsive */
@media(max-width:900px){
  .steps,
  .como-steps{
    grid-template-columns:1fr !important;
  }
}

/* Rediseño suave para las 3 modalidades */
.modal-cards{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.modal-card,
.modal-card.modal-card-full{
  position:relative !important;
  border:none !important;
  border-radius:18px !important;
  padding:18px 18px 20px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(0,0,0,.06) !important;
  min-height:100% !important;
}

/* fondos y bordes más suaves */
.modal-card:nth-child(1){
  background:linear-gradient(180deg, rgba(122,106,96,.10) 0%, rgba(122,106,96,.05) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(122,106,96,.28), 0 10px 28px rgba(0,0,0,.05) !important;
}

.modal-card:nth-child(2){
  background:linear-gradient(180deg, rgba(106,191,30,.12) 0%, rgba(106,191,30,.06) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(106,191,30,.42), 0 10px 28px rgba(0,0,0,.05) !important;
}

.modal-card:nth-child(3){
  background:linear-gradient(180deg, rgba(85,85,85,.08) 0%, rgba(85,85,85,.04) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(85,85,85,.28), 0 10px 28px rgba(0,0,0,.05) !important;
}

.modal-card > div:first-child{
  width:100% !important;
  aspect-ratio:16/9 !important;
  margin-bottom:14px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#ddd !important;
}

.modal-card > div:first-child img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.modal-tag{
  display:inline-block !important;
  padding:7px 12px !important;
  border-radius:6px !important;
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  margin-bottom:12px !important;
}

.modal-name{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:24px !important;
  line-height:1.02 !important;
  font-weight:800 !important;
  color:var(--black) !important;
  margin:0 0 12px !important;
}

.modal-pct{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:58px !important;
  line-height:.9 !important;
  font-weight:800 !important;
  margin:0 0 4px !important;
}

.modal-pct-label{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.35 !important;
  color:var(--text-light) !important;
  margin-bottom:14px !important;
}

.modal-desc{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  color:var(--text) !important;
}

/* Responsive */
@media(max-width:1100px){
  .modal-cards{
    grid-template-columns:1fr !important;
  }
}

/* Ajuste pedido: suavizar la sombra de las 3 modalidades, sin endurecer el borde */
.modal-card,
.modal-card.modal-card-full{
  border:none !important;
  border-radius:14px !important;
  box-shadow:0 18px 38px rgba(0,0,0,.10) !important;
  background:#fff !important;
}

/* sombra suave tipo bloque web, con apenas una línea interna */
.modal-card:nth-child(1){
  background:#f3efec !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(122,106,96,.18) !important;
}

.modal-card:nth-child(2){
  background:#f3fbe9 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(106,191,30,.25) !important;
}

.modal-card:nth-child(3){
  background:#f5f5f5 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(85,85,85,.18) !important;
}

/* imagen con sombra muy leve para integrarla */
.modal-card > div:first-child{
  box-shadow:0 8px 20px rgba(0,0,0,.08) !important;
  border-radius:10px !important;
}

/* al pasar el mouse, apenas levanta */
.modal-card:hover,
.modal-card.modal-card-full:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 22px 44px rgba(0,0,0,.13),
    inset 0 0 0 1px rgba(0,0,0,.10) !important;
}

/* Nuevos colores de tarjetas:
   1) gris cálido claro
   2) amarillo suave
   3) celeste suave */

.modal-card,
.modal-card.modal-card-full{
  border:none !important;
  border-radius:14px !important;
  box-shadow:0 18px 38px rgba(0,0,0,.10) !important;
}

/* 1. gris cálido claro */
.modal-card:nth-child(1){
  background:#f3eeea !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(170,150,136,.18) !important;
}

/* 2. amarillo suave */
.modal-card:nth-child(2){
  background:#f6efbf !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(201,179,64,.26) !important;
}

/* 3. celeste suave */
.modal-card:nth-child(3){
  background:#e8f4f7 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(110,170,185,.24) !important;
}

/* Ajuste pedido:
   1) gris cálido claro
   2) amarillo más suave
   3) naranja suave */

.modal-card:nth-child(1){
  background:#f3efeb !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(174,157,144,.18) !important;
}

.modal-card:nth-child(2){
  background:#f7f2cf !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(201,185,95,.22) !important;
}

.modal-card:nth-child(3){
  background:#f8e7d8 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(207,137,79,.24) !important;
}

/* Nueva propuesta de colores más sobria y corporativa:
   1) gris cálido claro
   2) verde salvia suave
   3) azul grisáceo suave */

.modal-card:nth-child(1){
  background:#f2efeb !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(176,160,146,.18) !important;
}

.modal-card:nth-child(2){
  background:#eef4ea !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(134,165,118,.20) !important;
}

.modal-card:nth-child(3){
  background:#eaf1f5 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(128,156,176,.20) !important;
}

/* Ajuste pedido:
   - quitar las dos líneas / filetes
   - sombra más definida y menos dispersa
   - mantener paleta sobria propuesta */

.modal-card,
.modal-card.modal-card-full{
  border:none !important;
  outline:none !important;
  box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
}

/* eliminamos cualquier línea superior o inferior que pudiera venir de estilos previos */
.modal-card::before,
.modal-card::after,
.modal-card.modal-card-full::before,
.modal-card.modal-card-full::after{
  content:none !important;
  display:none !important;
}

.modal-card:nth-child(1){
  background:#f2efeb !important;
  box-shadow:0 10px 22px rgba(93,76,65,.15) !important;
}

.modal-card:nth-child(2){
  background:#eef4ea !important;
  box-shadow:0 10px 22px rgba(95,121,81,.15) !important;
}

.modal-card:nth-child(3){
  background:#eaf1f5 !important;
  box-shadow:0 10px 22px rgba(86,113,132,.16) !important;
}

/* imagen integrada con sombra más corta */
.modal-card > div:first-child{
  box-shadow:0 6px 14px rgba(0,0,0,.10) !important;
}

/* sacamos cualquier filete interno si existe */
.modal-card *,
.modal-card.modal-card-full *{
  border-top-color:transparent;
  border-bottom-color:transparent;
}

/* Ajuste pedido:
   - sombra más concreta y menos dispersa
   - primer módulo más gris
*/

.modal-card,
.modal-card.modal-card-full{
  border:none !important;
  outline:none !important;
  border-radius:14px !important;
  /* sombra más corta, marcada y contenida */
  box-shadow:0 4px 12px rgba(0,0,0,.16) !important;
}

/* 1. gris más notorio y neutro */
.modal-card:nth-child(1){
  background:#eeebe7 !important;
  box-shadow:0 4px 12px rgba(96,86,78,.18) !important;
}

/* 2. tono suave, con sombra más concreta */
.modal-card:nth-child(2){
  background:#eef4ea !important;
  box-shadow:0 4px 12px rgba(95,121,81,.17) !important;
}

/* 3. tono suave, con sombra más concreta */
.modal-card:nth-child(3){
  background:#eaf1f5 !important;
  box-shadow:0 4px 12px rgba(86,113,132,.18) !important;
}

/* imagen integrada con sombra corta */
.modal-card > div:first-child{
  box-shadow:0 3px 8px rgba(0,0,0,.10) !important;
  border-radius:10px !important;
}

/* anulamos cualquier pseudo-elemento previo */
.modal-card::before,
.modal-card::after,
.modal-card.modal-card-full::before,
.modal-card.modal-card-full::after{
  content:none !important;
  display:none !important;
}

/* Ajuste pedido: 80% del primer módulo en marrón oscuro */
.modal-card:nth-child(1) .modal-pct{
  color:#6a5448 !important;
}

.modal-card:nth-child(1) .modal-pct{
  color:#4f3b32 !important;
}

/* Sombra más fuerte y compacta en los bloques de modalidades */
.modal-card,
.modal-card.modal-card-full{
  border:none !important;
  outline:none !important;
  border-radius:14px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}

.modal-card:nth-child(1){
  background:#eeebe7 !important;
  box-shadow:0 8px 18px rgba(79,59,50,.22) !important;
}

.modal-card:nth-child(2){
  background:#eef4ea !important;
  box-shadow:0 8px 18px rgba(95,121,81,.20) !important;
}

.modal-card:nth-child(3){
  background:#eaf1f5 !important;
  box-shadow:0 8px 18px rgba(86,113,132,.21) !important;
}

.modal-card > div:first-child{
  box-shadow:0 5px 12px rgba(0,0,0,.14) !important;
}

/* Eliminar rayas superior e inferior alrededor de "Opciones disponibles" */
.divider{
  display:none !important;
}

.section:has(.section-title){
  border-top:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}

.section:has(.section-title) .section-tag,
.section:has(.section-title) .section-title{
  border-top:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}

/* fallback para navegadores sin :has */
.section[style*="background:#fff;"]{
  border-top:none !important;
  border-bottom:none !important;
}

/* Dejar el espacio antes del pie como en VACIAR - VENDER */
.logos-section{
  padding:36px 0 34px !important;
  margin-bottom:0 !important;
}

.logos-section > *{
  margin-bottom:0 !important;
}

/* más aire entre el bloque de logos / dots y el footer */
.footer.ab-footer-full{
  margin-top:22px !important;
}

/* si existe carrusel de logos, mantener respiración inferior */
.logos-slider,
.logos-carousel,
.logos-wrap,
.logo-slider-wrap{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

@media(max-width:900px){
  .logos-section{
    padding:30px 0 28px !important;
  }
  .footer.ab-footer-full{
    margin-top:18px !important;
  }
}

/* Sombra más fuerte en las tarjetas de modalidades */
.modal-card,
.modal-card.modal-card-full{
  box-shadow:0 12px 26px rgba(0,0,0,.24) !important;
}

.modal-card:nth-child(1){
  box-shadow:0 12px 26px rgba(79,59,50,.28) !important;
}

.modal-card:nth-child(2){
  box-shadow:0 12px 26px rgba(95,121,81,.26) !important;
}

.modal-card:nth-child(3){
  box-shadow:0 12px 26px rgba(86,113,132,.28) !important;
}

.modal-card > div:first-child{
  box-shadow:0 7px 16px rgba(0,0,0,.18) !important;
}

/* Sombra más fuerte y menos dispersa */
.modal-card,
.modal-card.modal-card-full{
  box-shadow:0 8px 16px rgba(0,0,0,.28) !important;
}

.modal-card:nth-child(1){
  box-shadow:0 8px 16px rgba(79,59,50,.30) !important;
}

.modal-card:nth-child(2){
  box-shadow:0 8px 16px rgba(95,121,81,.28) !important;
}

.modal-card:nth-child(3){
  box-shadow:0 8px 16px rgba(86,113,132,.30) !important;
}

.modal-card > div:first-child{
  box-shadow:0 5px 10px rgba(0,0,0,.18) !important;
}

/* Primer módulo: todo en marrón bien oscuro */
.modal-card:nth-child(1) .modal-name,
.modal-card:nth-child(1) .modal-pct,
.modal-card:nth-child(1) .modal-pct-label,
.modal-card:nth-child(1) .modal-desc,
.modal-card:nth-child(1) p,
.modal-card:nth-child(1) span{
  color:#4a342b !important;
}

.modal-card:nth-child(1) .modal-tag{
  background:#5a4036 !important;
  color:#ffffff !important;
}

.modal-card:nth-child(1){
  background:#f0ece8 !important;
}

/* Primer módulo: marrón del hero, bien oscuro, casi negro */
.modal-card:nth-child(1) .modal-name,
.modal-card:nth-child(1) .modal-pct,
.modal-card:nth-child(1) .modal-pct-label,
.modal-card:nth-child(1) .modal-desc,
.modal-card:nth-child(1) p,
.modal-card:nth-child(1) span{
  color:#2f211c !important;
}

.modal-card:nth-child(1) .modal-tag{
  background:#4a342b !important;
  color:#ffffff !important;
}

.modal-card:nth-child(1){
  background:#f0ece8 !important;
}

/* Igualar "Cómo funciona" y "Modalidades de venta" con escala VACIAR - VENDER */

/* Título de sección */
.section-title{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:34px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  margin-bottom:16px !important;
}

/* Etiqueta superior: Cómo funciona / Modalidades de venta */
.section-tag{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.1 !important;
  letter-spacing:2px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
}

/* Cards de Cómo funciona */
.step-title{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:20px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}

.step-desc{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
}

/* Cards de Modalidades de venta */
.modal-name{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:24px !important;
  line-height:1.02 !important;
  font-weight:800 !important;
}

.modal-pct{
  font-family:'Barlow Condensed', Arial, sans-serif !important;
  font-size:58px !important;
  line-height:.9 !important;
  font-weight:800 !important;
}

.modal-pct-label,
.modal-desc{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
}

/* Etiquetas de las tarjetas más integradas con el sistema Raleway */
.modal-tag{
  font-family:'Raleway', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* Pie de página a todo el ancho, igual que el hero */
.footer.ab-footer-full{
  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;
  background:#5a493f !important;
}

.footer.ab-footer-full .ab-footer-wrap{
  width:1080px !important;
  max-width:calc(100% - 48px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Formulario alineado con la sección VACIAR - VENDER:
   misma caja central, mismas distancias laterales y comportamiento responsive. */

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

html body .form-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:48px 0 56px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

html body .form-section > .form-title,
html body .form-section > .form-sub,
html body .form-section > .form-grid,
html body .form-section > form.form-grid{
  width:var(--ab-shell) !important;
  max-width:var(--ab-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

html body .form-section > .form-title{
  margin-bottom:6px !important;
}

html body .form-section > .form-sub{
  margin-bottom:20px !important;
}

html body .form-section > form.form-grid,
html body .form-section > .form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}

html body .form-section .form-group.full{
  grid-column:1 / -1 !important;
}

html body .form-photo-help{
  font-size:12px !important;
  line-height:1.45 !important;
  color:var(--text-light) !important;
  margin-top:6px !important;
  font-style:italic !important;
}

@media(max-width:980px){
  :root{
    --ab-gutter:44px !important;
  }
}

@media(max-width:760px){
  :root{
    --ab-gutter:32px !important;
  }

  html body .form-section{
    padding:42px 0 52px !important;
  }

  html body .form-section > form.form-grid,
  html body .form-section > .form-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:420px){
  html body .form-photo-help{
    font-size:11.5px !important;
  }
}

/* Sección condiciones restaurada: precios + criterios en tarjetas limpias */
.publication-conditions-section{
  background:#fff !important;
  padding:34px 0 38px !important;
}
.publication-conditions-section .conditions-wrap{
  width:var(--ab-shell, min(calc(100% - 48px), 1210px)) !important;
  max-width:var(--ab-content, 1210px) !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
.publication-conditions-section .section-title{
  margin-bottom:16px !important;
}
.conditions-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr 1.35fr !important;
  gap:14px !important;
  align-items:stretch !important;
}
.condition-price-card,
.condition-criteria-card{
  border:1px solid var(--gray2,#ebebe7) !important;
  border-radius:12px !important;
  background:#f9f9f7 !important;
  padding:18px !important;
  box-sizing:border-box !important;
}
.condition-label{
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  color:var(--green-dark,#52a012) !important;
  margin-bottom:8px !important;
}
.condition-price{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:42px !important;
  font-weight:800 !important;
  color:#111 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.condition-price > span:last-child{
  font-family:'Raleway',Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:var(--text-light,#666) !important;
}
.condition-note{
  font-size:13px !important;
  color:var(--text-light,#666) !important;
  margin-top:7px !important;
}
.condition-criteria-card p{
  font-size:13px !important;
  line-height:1.55 !important;
  color:var(--text,#333) !important;
  margin:0 0 7px !important;
}
.condition-criteria-card p:last-child{
  margin-bottom:0 !important;
}
.condition-criteria-card strong{
  color:#111 !important;
  font-weight:800 !important;
}
@media(max-width:980px){
  .conditions-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .condition-criteria-card{
    grid-column:1 / -1 !important;
  }
}
@media(max-width:620px){
  .publication-conditions-section{
    padding:28px 0 32px !important;
  }
  .publication-conditions-section .conditions-wrap{
    width:var(--ab-shell, min(calc(100% - 32px), 1210px)) !important;
  }
  .conditions-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .condition-price-card,
  .condition-criteria-card{
    padding:15px !important;
  }
  .condition-price{
    font-size:36px !important;
  }
  .condition-criteria-card p{
    font-size:12.5px !important;
    line-height:1.45 !important;
  }
}

/* Modalidades: fondos más sutiles y lectura más compacta */
html body .modal-cards .modal-card:nth-child(1){
  background:#F5F2EE !important;
  border-color:#E7DFD8 !important;
}

html body .modal-cards .modal-card:nth-child(2){
  background:#F2F8ED !important;
  border-color:#DDEBD3 !important;
}

html body .modal-cards .modal-card:nth-child(3){
  background:#F4F4F1 !important;
  border-color:#DDDDD6 !important;
}

html body .modal-cards .modal-card:nth-child(1) .modal-tag{
  background:#5A3D31 !important;
  color:#fff !important;
}

html body .modal-cards .modal-card:nth-child(2) .modal-tag{
  background:#6ABF1E !important;
  color:#fff !important;
}

html body .modal-cards .modal-card:nth-child(3) .modal-tag{
  background:#555555 !important;
  color:#fff !important;
}

html body .modal-cards .modal-card:nth-child(1) .modal-pct{
  color:#5A3D31 !important;
}

html body .modal-cards .modal-card:nth-child(2) .modal-pct{
  color:#6ABF1E !important;
}

html body .modal-cards .modal-card:nth-child(3) .modal-pct{
  color:#555555 !important;
}

html body .modal-desc{
  font-size:14px !important;
  line-height:1.45 !important;
}

@media(max-width:760px){
  html body .modal-desc{
    font-size:13px !important;
    line-height:1.42 !important;
  }
}

/* === Laravel: header offset, form mobile toggle, validación, tipografía === */
@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-badge { order: -1; margin-bottom: 18px; }
  .hero h1 { font-size: 33px !important; line-height: .98 !important; }
  .hero-sub { max-width: none; }
  .modal-cards { grid-template-columns: 1fr !important; }
  .modal-card-full { grid-column: auto !important; }
  .conditions-grid { grid-template-columns: 1fr !important; }
  .publi-steps { grid-template-columns: 1fr !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;
}
.hero h1 { font-family: 'Barlow Condensed', sans-serif !important; font-weight: 800 !important; line-height: 0.95 !important; }
.hero h1 span { font-family: 'Barlow Condensed', sans-serif !important; color: var(--green) !important; }
.margin-header .hero,
.margin-header .section,
.margin-header .publi-section,
.margin-header .publication-conditions-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 .modal-name,
.margin-header .modal-pct,
.margin-header .preventa-step-title,
.margin-header .preventa-step-num,
.margin-header .preventa-benefits-kicker,
.margin-header .publi-name,
.margin-header .hero-badge-num,
.margin-header .condition-price,
.margin-header .condition-label {
  font-family: 'Barlow Condensed', sans-serif !important;
}
.form-photo-help { font-size: 12px; color: var(--text-light); margin-top: 4px; font-style: italic; line-height: 1.45; }

/* 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;
}

/* Botón WhatsApp flotante global — no usar estilo CTA de landing */
body > a.btn-whatsapp {
  width: 60px !important;
  height: 60px !important;
  position: fixed !important;
  bottom: 16px !important;
  left: 16px !important;
  border-radius: 50% !important;
  background-color: #25D366 !important;
  color: #ffffff !important;
  z-index: 10000 !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px 1px !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
body > a.btn-whatsapp svg {
  width: 44px !important;
  height: 44px !important;
}