/* ===================================================================
   NOESIS · A.I. Advisory: eBook gratuito
   Estilos de la página /ebook, del bloque de invitación que aparece en
   el home y en Capacitación, y del formulario de MailerLite.

   Sobre el formulario de MailerLite: se conservaron su estructura HTML,
   sus clases (ml-*) y sus scripts, porque el envío y la validación
   dependen de ellos. Se descartó su hoja de estilos incrustada (y el
   @import de las fuentes de MailerLite) y se reemplazó por las reglas de
   abajo, que usan la tipografía y los colores de Noesis. Todo está
   acotado al id #mlb2-46857562 para no afectar nada más del sitio.
   Depende de brand-v2-web.css y brand-v2-layout.css.
   =================================================================== */

/* ---------- Bloque de invitación (home y Capacitación) ---------- */
.ebook-band{padding:64px 0;border-top:1px solid var(--noesis-hairline);border-bottom:1px solid var(--noesis-hairline);}
.ebook-band--mist{background:var(--noesis-mist);}
.ebook-band-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;}
.ebook-band-text{max-width:620px;}
.ebook-band-text h2{font-size:clamp(21px,2.4vw,26px);font-weight:300;line-height:1.35;margin:14px 0 12px;text-wrap:balance;}
.ebook-band-text p{font-size:14.5px;color:#3a3a3a;line-height:1.7;max-width:56ch;}
.ebook-band .noesis-cta{flex-shrink:0;}
@media (max-width:760px){
  .ebook-band{padding:52px 0;}
  .ebook-band-inner{flex-direction:column;align-items:flex-start;gap:28px;}
}

/* Línea discreta bajo los botones del hero (home) */
.hero-ebook{font-size:13.5px;color:#3a3a3a;margin:22px 0 6px;max-width:60ch;text-wrap:balance;}

/* ---------- Página /ebook ---------- */
.ebook-hero{padding:132px 0 96px;}
.ebook-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"intro card" "benefits card";column-gap:80px;row-gap:0;align-items:start;}
.ebook-intro{grid-area:intro;}
.ebook-benefits{grid-area:benefits;}
.ebook-card{grid-area:card;}
.ebook-intro h1{font-weight:300;font-size:clamp(32px,4.4vw,52px);line-height:1.12;letter-spacing:-.015em;margin:18px 0 26px;text-wrap:balance;}
.ebook-lead{font-size:clamp(16px,1.6vw,18px);line-height:1.65;color:#2a2a2a;max-width:52ch;margin-bottom:40px;}
.ebook-benefits .eyebrow-row{margin-bottom:8px;}
.ebook-benefits .fit-list{grid-template-columns:1fr;gap:0;}

/* Tarjeta oscura con portada y formulario */
.ebook-card{background:var(--noesis-ink);border:1px solid #2A2A2A;padding:40px 40px 34px;color:var(--noesis-paper);position:sticky;top:104px;}
.ebook-card-top{display:flex;align-items:center;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #2A2A2A;}
.ebook-cover,.ebook-cover-ph{flex-shrink:0;width:128px;aspect-ratio:850/1100;display:block;}
.ebook-cover{height:auto;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.35);}
.ebook-cover-ph{display:flex;align-items:center;justify-content:center;text-align:center;background:#161616;border:1px dashed #4a4a4a;color:#B8B8B8;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px;}
.ebook-meta{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#B8B8B8;line-height:1.5;}
.ebook-meta strong{font-weight:400;font-size:15px;color:var(--noesis-paper);}
.ebook-card h2{font-size:13px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#B8B8B8;margin-bottom:24px;}

/* ---------- Formulario de MailerLite, con el estilo de Noesis ---------- */
#mlb2-46857562.ml-form-embedContainer{width:100%;margin:0;}
#mlb2-46857562 .ml-form-embedWrapper{width:100%;max-width:none;background:transparent;border:0;padding:0;margin:0;}
#mlb2-46857562 .ml-form-embedBody{padding:0;}
#mlb2-46857562 form.ml-block-form{margin:0;width:100%;}
#mlb2-46857562 .ml-form-fieldRow{margin:0 0 20px;width:100%;}
#mlb2-46857562 .ml-field-group{text-align:left;}
#mlb2-46857562 .ml-field-group label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#B8B8B8;margin-bottom:6px;font-weight:300;}
#mlb2-46857562 .ml-field-group label .ebook-opt{text-transform:none;letter-spacing:.02em;color:#8f8f8f;}
#mlb2-46857562 .ml-field-group input[type="text"],
#mlb2-46857562 .ml-field-group input[type="email"]{
  display:block;width:100%;max-width:100%;box-sizing:border-box;
  background:rgba(255,255,255,.06);border:1px solid #2A2A2A;border-radius:2px;
  color:var(--noesis-paper);font-family:var(--noesis-font);font-weight:300;font-size:15px;line-height:1.4;
  padding:13px 14px;margin:0;height:auto;
  transition:border-color .25s ease,background .25s ease;
}
#mlb2-46857562 .ml-field-group input:focus{outline:none;border-color:var(--noesis-accent-dark);background:rgba(255,255,255,.09);}
/* Estados de error que agrega el script de MailerLite */
#mlb2-46857562 .ml-error input{border-color:#E08A6B !important;}
#mlb2-46857562 .ml-error label,
#mlb2-46857562 .ml-error .label-description,
#mlb2-46857562 .ml-error .ebook-check span{color:#E08A6B !important;}

/* Casilla del aviso de privacidad */
.ebook-consent{margin:4px 0 24px;}
.ebook-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;line-height:1.55;color:#B8B8B8;}
.ebook-check input[type="checkbox"]{flex-shrink:0;width:18px;height:18px;margin:2px 0 0;accent-color:var(--noesis-accent-dark);cursor:pointer;}
.ebook-check input[type="checkbox"]:focus-visible{outline:2px solid var(--noesis-accent-dark);outline-offset:2px;}

/* Botón de envío: mismo aspecto que .noesis-cta sobre fondo oscuro */
#mlb2-46857562 .ml-form-embedSubmit{margin:0;width:100%;}
#mlb2-46857562 .ml-form-embedSubmit button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
  font-family:var(--noesis-font);font-weight:300;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;
  padding:14px 28px;background:transparent;border:1px solid var(--noesis-paper);border-radius:0;color:var(--noesis-paper);box-shadow:none;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
#mlb2-46857562 .ml-form-embedSubmit button.primary:hover,
#mlb2-46857562 .ml-form-embedSubmit button.primary:focus-visible{background:var(--noesis-accent-dark);border-color:var(--noesis-accent-dark);color:var(--noesis-ink);outline:none;}
#mlb2-46857562 .ml-form-embedSubmit button.loading{display:none;cursor:default;opacity:.7;}
.ebook-fine{font-size:12px;color:#B8B8B8;line-height:1.6;margin-top:18px;}

/* Indicador de carga de MailerLite (se muestra al enviar) */
.ml-form-embedSubmitLoad{display:inline-block;width:20px;height:20px;}
.ml-form-embedSubmitLoad:after{content:" ";display:block;width:11px;height:11px;margin:1px;border-radius:50%;border:3px solid #fff;border-color:#fff #fff #fff transparent;animation:ml-form-embedSubmitLoad 1.2s linear infinite;}
@keyframes ml-form-embedSubmitLoad{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* Mensaje de confirmación */
#mlb2-46857562 .ml-form-successBody{padding:4px 0 6px;}
.ebook-success{display:flex;align-items:flex-start;gap:14px;font-size:16px;line-height:1.6;color:var(--noesis-paper);margin:0;}
.ebook-success svg{flex-shrink:0;width:22px;height:22px;margin-top:2px;color:var(--noesis-accent-dark);}

/* ---------- Contenido del eBook por semana ---------- */
.ebook-weeks{background:var(--noesis-mist);}
.ebook-weeks .steps-grid{margin-top:8px;}

/* ---------- Celular ---------- */
@media (max-width:980px){
  .ebook-grid{grid-template-columns:1fr;grid-template-areas:"intro" "card" "benefits";}
  .ebook-card{position:static;margin:8px 0 56px;}
  .ebook-lead{margin-bottom:28px;}
}
@media (max-width:640px){
  .ebook-hero{padding:104px 0 64px;}
  .ebook-card{padding:28px 22px 26px;}
  .ebook-card-top{gap:18px;padding-bottom:22px;margin-bottom:22px;}
  .ebook-cover,.ebook-cover-ph{width:96px;}
  #mlb2-46857562 .ml-form-embedSubmit button{width:100%;}
  #mlb2-46857562 .ml-field-group input[type="text"],
  #mlb2-46857562 .ml-field-group input[type="email"]{font-size:16px;} /* evita el zoom automático de iOS al enfocar */
}