/* victormarron.es — carta de ventas de una sola página.
   Clon fiel de la versión que vivía en ROAS Funnels (GoHighLevel).
   Medidas tomadas de styles.json del extractor: hoja de 1010 px centrada,
   cuerpo Open Sans 20/26, titulares rojos Montserrat 30/39. */

:root{
  --negro:rgb(0,0,0);
  --rojo:rgb(245,7,7);
  --gris-pie:rgb(136,147,168);
  --hoja:1010px;
  --linea:26px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:#fff;
  color:var(--negro);
  font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:20px;
  line-height:var(--linea);
  overflow-x:hidden;
}

/* ---------- hoja ---------- */
.carta{padding-top:26px}
.hoja{width:min(var(--hoja),100% - 76px);margin:0 auto}

.hoja h1,.hoja h2{margin:0;font-weight:400}
/* ojo: solo los párrafos de la carta. Los <p> que van dentro del embed de Brevo
   llevan su propio tamaño en línea y no deben heredar el cuerpo de 20/26. */
.b-texto p,.b-lista p,.b-cierre p,.b-registrate p{margin:0;font-weight:400;line-height:var(--linea);font-size:20px}
.b-texto p:empty,.b-lista p:empty{height:var(--linea)}

/* ---------- cabecera de marca ---------- */
.b-marca{text-align:center}
.b-marca h2{font-family:Montserrat,"Open Sans",Helvetica,Arial,sans-serif;font-size:30px;line-height:39px;font-weight:600}
.b-marca h2 strong{font-weight:900}
.b-marca h2 u{color:var(--rojo);text-decoration:underline}

/* ---------- titular principal ---------- */
.b-hero{margin-top:28px}
.b-hero h1{font-size:30px;line-height:39px;font-weight:600}

/* ---------- «Regístrate hoy y recibe:» ---------- */
.b-registrate{margin-top:62px}
.b-registrate h1{font-size:24px;line-height:31.2px;font-weight:900}
.b-registrate h1 strong{font-weight:900}

/* ---------- lista de ✔️ ---------- */
.b-lista{margin-top:20px}
.b-lista h1{font-size:20px;line-height:var(--linea);font-weight:400}
.b-lista h1 strong{font-weight:700}
.b-lista h1 em{font-style:italic}

/* ---------- formulario Brevo ---------- */
.b-form{margin-top:49px;margin-bottom:56px;font-size:16px;line-height:normal;font-family:Helvetica,Arial,sans-serif}
.b-form .sib-form{padding:0}
.b-form .sib-form-container{max-width:540px;margin:0 auto;width:min(540px,calc(100vw - 60px))}
/* el segundo formulario no puede repetir #sib-container: la hoja de Brevo estila por id */
.sib-container{background:#fff;margin:0 auto;padding:17px;display:inline-block;width:100%}
@media screen and (max-width:500px){.sib-container{padding:32px 9px}}
@media screen and (max-width:400px){.sib-container{padding:32px 0}}
.b-form .sib-form-message-panel{margin:0 auto}
.b-form-2{margin-bottom:148px}

/* ---------- titulares rojos ---------- */
.b-rojo{margin-top:52px}
.b-rojo h1,.b-rojo h2{
  font-family:Montserrat,"Open Sans",Helvetica,Arial,sans-serif;
  font-size:30px;line-height:39px;font-weight:700;color:var(--rojo);
}
.b-rojo h2 strong{font-weight:700}
.b-rojo-2{margin-top:59px}

/* ---------- cuerpo de la carta ---------- */
.b-texto{margin-top:20px}
.b-rojo+.b-texto{margin-top:20px}
.b-rojo-2+.b-texto{margin-top:19px}
.b-texto strong{font-weight:700}
.b-texto em{font-style:italic}

/* ---------- cierre ---------- */
.b-cierre{margin-top:61px}
.b-cierre h1{font-size:30px;line-height:39px;font-weight:700}
.b-cierre+.b-form{margin-top:31px}

/* ---------- pie ---------- */
.pie{padding:45px 0 65px;text-align:center}
.pie p{margin:0;font-size:12px;line-height:18px;color:var(--gris-pie)}

/* ---------- móvil ---------- */
@media (max-width:600px){
  .carta{padding-top:20px}
  .b-form .sib-form-container{width:calc(100vw - 60px)}
}