/* ===========================================================================
   membresia.deprofesioncomercial.com — hoja de estilos única
   Clon fiel de la landing que vivía en ROAS Funnels (GoHighLevel).
   Sin frameworks, sin build. Tokens y medidas tomados del original.
   =========================================================================== */

:root{
  --rojo:#e93d3d;
  --negro:#000;
  --blanco:#fff;
  --gris:#eee;
  --azul:#188bf6;
  --enlace:#001BFF;
  --azul-dpc:#1d4784;
  --fuente:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
--ico-desktop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000' d='M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z'/%3E%3C/svg%3E");
  --ico-coins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z'/%3E%3C/svg%3E");
  --ico-graduation-cap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000' d='M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z'/%3E%3C/svg%3E");
  --ico-times-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--gris);
  color:var(--negro);
  font-family:var(--fuente);
  font-size:18px;
  line-height:1.3;
  overflow-wrap:break-word;
  word-break:break-word;
}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
a{color:var(--enlace)}

/* ---------- estructura: sección gris + "hoja" blanca centrada ------------ */
.seccion{padding:40px 180px;background:var(--gris)}
.seccion>.interior{max-width:1170px;margin:0 auto}
.hoja{width:80%;margin:0 auto;background:var(--blanco);padding:10px 70px 80px;box-shadow:0 2px 5px 2px rgba(0,0,0,.4)}
.hoja>.columna{padding:20px 5px}

/* ---------- bloques de texto (todos heredan del bloque) ------------------ */
.blk{font-size:18px;font-weight:400;line-height:1.3;text-align:left;color:var(--negro)}
.blk h1,.blk h2,.blk h3,.blk h4,.blk h5,.blk h6,.blk p,.blk li{
  font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;
}
.blk p:empty::after,
.blk h1:empty::after,.blk h2:empty::after,.blk h3:empty::after,
.blk h4:empty::after,.blk h5:empty::after,.blk h6:empty::after{content:"\00a0"}
.blk strong{font-weight:700}
.blk em{font-style:italic}
.blk u{text-decoration:underline}
.blk s{text-decoration:line-through}
.blk a{color:var(--enlace)}
.blk a:hover,.blk a u{text-decoration:underline}

/* listas: sin viñeta por defecto, sangría igual que en el original */
.blk ul{list-style:none;margin:0;padding:0 0 0 1.5em}
.blk li{position:relative;padding-left:.5em}

/* listas con icono (Font Awesome 5 Free Solid, CC BY 4.0, incrustado en SVG) */
.ico li::before{
  content:"";position:absolute;left:0;top:.15em;height:1em;
  transform:translateX(-100%);
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.ico-desktop li::before{width:1.125em;background-image:var(--ico-desktop)}
.ico-coins li::before{width:1em;background-image:var(--ico-coins)}
.ico-graduation li::before{width:1.25em;background-image:var(--ico-graduation-cap)}
.ico-times li::before{width:1em;background-image:var(--ico-times-circle)}

/* ---------- botón rojo --------------------------------------------------- */
.bloque-boton{text-align:center;margin:20px 0}
.bloque-boton.primero{margin:0 0 20px}
.boton{
  display:inline-block;
  padding:5px 20px;
  background:var(--rojo);
  color:var(--blanco);
  border:1px solid rgba(0,0,0,.2);
  border-radius:3px;
  text-decoration:none;
  font-family:var(--fuente);
  box-shadow:0 0 25px rgba(0,0,0,.4),0 0 15px rgba(255,255,255,.2),0 0 3px rgba(255,255,255,.4);
}
.boton span{display:inline-block;font-size:20px;font-weight:600;line-height:normal}

/* ---------- imagen ------------------------------------------------------- */
.bloque-imagen{padding:10px;text-align:center}

/* =========================== bloques, uno a uno ========================== */
/* (nombre = orden real de la página; paddings y colores del funnel original) */

.b-hero{padding:20px 0;margin:-4px auto 0;text-align:center;color:var(--rojo);font-size:42px;font-weight:500}
.b-aumenta{padding:40px 0 20px;text-align:center;font-size:42px}
.b-sep1{padding:10px 0;text-align:center;font-size:22px}
.b-bonus{padding:10px 0 0;text-align:center;font-size:20px}
.b-bonus em{color:var(--rojo)}
.b-minutos{padding:20px;line-height:1.2}
.b-minutos em{color:var(--rojo)}
.b-menosmas{padding:20px 0 0;text-align:center;font-size:23px}
.b-historia{padding:20px 0}
.b-dedica{padding:20px 0;text-align:center;font-size:20px}
.b-hayforma{padding:20px 0}
.b-hayforma strong{color:var(--rojo)}
.b-nunca{padding:20px 0;font-weight:500}
.b-nunca strong{color:var(--rojo)}
.b-nunca em{color:var(--azul)}
.b-veterano{padding:20px 0;text-align:center;font-size:20px}
.b-amortizas{padding:20px 0;text-align:center}
.b-amortizas em{color:var(--rojo)}
.b-queobtienes{padding:80px 0 20px;text-align:center;font-size:30px;font-weight:700;color:var(--rojo)}
.b-comparador,.b-tips,.b-formacion{padding:20px}
.b-atencion{padding:80px 0 40px;text-align:center;font-size:25px;font-weight:700;color:var(--rojo);text-transform:uppercase}
.b-dosbonus{padding:10px 0 0;font-weight:500}
.b-bonuslist{padding:20px}
.b-bonuslist strong{color:var(--rojo)}
.b-ahora{padding:40px 0 20px;font-weight:500}
.b-q1{padding:80px 0 20px;text-align:center;font-size:23px;color:var(--rojo)}
.b-listasi{padding:20px;line-height:1.5}
.b-q2{padding:80px 0 20px;text-align:center;font-size:23px;color:var(--azul)}
.b-q2 strong{color:var(--rojo)}
.b-arrancando{padding:20px 0}
.b-arrancando em{color:var(--rojo)}
.b-q3{padding:80px 0 20px;text-align:center;font-size:23px;color:var(--azul)}
.b-q3 strong{color:var(--rojo)}
.b-listano{padding:20px}
.b-pero{padding:0 0 20px}
.b-pero em{color:var(--rojo)}
.b-q4{padding:60px 0 20px;text-align:center;font-size:23px}
.b-q4 strong{color:var(--rojo)}
.b-nadie{padding:0 0 20px}
.b-nadie em{color:var(--rojo)}
.b-q5{padding:60px 0 20px;text-align:center;font-size:23px}
.b-q5 strong{color:var(--rojo)}
.b-claro{padding:0}
.b-claro em{color:var(--rojo)}
.b-q6{padding:60px 0 20px;text-align:center;font-size:23px}
.b-q6 strong{color:var(--rojo)}
.b-precio{padding:0}
.b-precio em{color:var(--rojo)}
.b-19eur{padding:0;text-align:center;font-size:30px;font-weight:700}
.b-impuestos{padding:0;text-align:center;font-size:20px}
.b-faq{padding:20px 0}
.b-faq em{color:var(--rojo)}
.b-yapero{padding:60px 0 20px;text-align:center;font-size:32px;font-weight:700;color:var(--rojo)}
.b-pd{padding:0 0 20px}
.b-fdo{padding:20px 0}
.b-fin{padding:0;text-align:center;font-size:23px}

/* ============================== /cerrada ================================= */
.pagina-cerrada{background:var(--blanco)}
.pagina-cerrada .seccion{padding:20px 0;background:transparent}
.pagina-cerrada .fila{padding:15px 0;margin:0 auto;width:100%}
.pagina-cerrada .col{padding:10px 5px}
.pagina-cerrada .fila-2{display:flex;flex-wrap:nowrap;align-items:center}
.pagina-cerrada .fila-2>.col{flex:1 1 0;min-width:0}
.c-logo-marco{margin:0 60px}
.c-logo{padding:10px 80px 80px;text-align:center}
.c-logo img{max-width:100%}
.c-titulo{padding:0;text-align:center;font-size:32px;font-weight:700;
  font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif}
.c-sub{padding:10px 0 0;text-align:center;font-size:23px;font-weight:400;
  font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif}
.c-vacio{padding:0;text-align:center;font-size:23px}
.c-dentro{padding:0;text-align:center;font-size:32px;font-weight:400;
  font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif}
.c-dentro strong{color:var(--rojo);font-weight:700}
.c-img{padding:10px;text-align:center}
.c-img img{max-width:100%}
.h350 img{height:350px;width:auto}
.h300 img{height:300px;width:auto}
.h450 img{height:450px;width:auto}

/* El formulario Brevo trae su propia hoja (sib-styles.css): no se toca. */

/* ============================== 404 ====================================== */
.p404{max-width:640px;margin:0 auto;padding:80px 20px;text-align:center;background:var(--blanco)}
.p404 img{width:260px;margin-bottom:24px}
.p404 h1{font-size:26px;margin:0 0 12px}
.p404 p{font-size:18px}

/* ============================ responsive ================================= */
@media (max-width:1100px){
  .seccion{padding:40px 60px}
}
@media (max-width:767px){
  .seccion{padding:40px 15px}
  .hoja{width:100%;padding:10px 10px 80px}
  .hoja>.columna{padding:20px 0}
  .pagina-cerrada .seccion{padding:20px 0}
  .pagina-cerrada .fila{padding:15px 10px}
  .pagina-cerrada .col{padding:10px 0}
  .pagina-cerrada .fila-2{display:block}
  .c-logo-marco{margin:0}
  .c-logo{padding:10px 20px 80px}
}
@media (max-width:480px){
  .b-hero{font-size:32px}
  .b-aumenta{font-size:30px}
  .b-sep1{font-size:20px}
  .b-bonus{font-size:18px}
  .b-queobtienes{font-size:25px}
  .b-atencion{font-size:23px}
  .c-titulo{font-size:25px}
  .h450 img{height:300px}
}