/* Bloque de la guía gratuita · Terapia EnSueño */
.guia-card{--g-tinta:#142C48;--g-suave:#43566C;--g-oro:#E0AD23;--g-crema:#F7F2E6;
  display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;
  max-width:920px;margin:clamp(48px,6vw,72px) auto 0;padding:clamp(24px,4vw,44px);
  background:var(--g-crema);color:var(--g-tinta);border-radius:28px;border-top:4px solid var(--g-oro);
  box-shadow:0 30px 60px -36px #0C1E33cc;text-align:left}
.guia-card .g-cover img{width:100%;height:auto;border-radius:14px;box-shadow:0 18px 36px -18px #142C4899;transform:rotate(-2deg)}
.guia-card .g-eyebrow{font-family:"Montserrat",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#866710;margin:0}
.guia-card h2{font-family:"Gloock","Juana Alt",Georgia,serif;font-weight:400;font-size:clamp(22px,2.4vw,28px);line-height:1.15;margin:10px 0 0;color:var(--g-tinta);text-wrap:balance}
.guia-card .g-lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;line-height:1.45;color:var(--g-suave);margin:10px 0 0}
.guia-card form{margin-top:20px}
.guia-card .g-row{display:flex;gap:10px;flex-wrap:wrap}
.guia-card input[type=email]{flex:1 1 220px;min-width:0;font-family:"Montserrat",system-ui,sans-serif;font-size:16px;padding:14px 18px;border-radius:999px;border:1px solid #142C4833;background:#fff;color:var(--g-tinta)}
.guia-card input[type=email]:focus{outline:2px solid var(--g-oro);outline-offset:2px;border-color:transparent}
.guia-card .g-btn{font-family:"Montserrat",system-ui,sans-serif;font-size:15px;font-weight:600;border:0;border-radius:999px;padding:14px 24px;background:var(--g-tinta);color:var(--g-crema);cursor:pointer;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease}
.guia-card .g-btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.guia-card .g-btn:hover{background:#1d3a5c}}
.guia-card .g-btn[disabled]{opacity:.6;cursor:default}
.guia-card .g-check{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-family:"Montserrat",system-ui,sans-serif;font-size:12.5px;line-height:1.55;color:var(--g-suave);cursor:pointer}
.guia-card .g-check input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--g-tinta)}
.guia-card .g-check a{color:var(--g-tinta);text-decoration:underline;text-decoration-color:var(--g-oro);text-underline-offset:3px}
.guia-card .g-msg{font-family:"Montserrat",system-ui,sans-serif;font-size:14px;margin:12px 0 0;min-height:1em}
.guia-card .g-msg.err{color:#9b2c2c}
.guia-card .g-ok{display:flex;gap:12px;align-items:flex-start;text-align:left;background:#E3E9E4;border-radius:16px;padding:16px 18px;font-family:"Montserrat",system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--g-tinta)}
.guia-card .g-ok p{margin:0}
.guia-card .g-ok b{font-weight:600}
.guia-card .g-ok-i{flex:0 0 24px;height:24px;margin-top:1px;border-radius:50%;background:var(--g-tinta);color:var(--g-crema);display:grid;place-items:center;font-size:13px;line-height:1}
@media (max-width:700px){.guia-card{grid-template-columns:1fr;text-align:center}.guia-card .g-cover{max-width:200px;margin:0 auto}.guia-card .g-row{flex-direction:column}.guia-card .g-check{text-align:left}}
/* Dentro de artículos del blog */
.cuerpo .guia-card{grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:28px;margin:2.4em 0 2em;padding:28px}
.cuerpo .guia-card h2{font-family:"Gloock","Juana Alt",Georgia,serif;font-size:24px;line-height:1.15;margin:8px 0 0;color:#142C48}
.cuerpo .guia-card p{margin:0}
.cuerpo .guia-card .g-lead{font-size:19px;margin-top:8px}
.cuerpo .guia-card .g-msg{margin-top:10px}
@media (max-width:700px){.cuerpo .guia-card{grid-template-columns:1fr}}

/* Variante integrada en la sección oscura del inicio */
.guia-card.guia-noche{background:transparent;box-shadow:none;border-radius:0;border-top:1px solid #E0AD2399;padding:28px 0 0;margin:clamp(36px,5vw,52px) 0 0;max-width:none;grid-template-columns:96px minmax(0,1fr);gap:24px;align-items:center;color:#F7F2E6;text-align:left}
.guia-noche .g-cover img{border-radius:6px;transform:rotate(-3deg);box-shadow:0 12px 24px -14px #000c}
.guia-noche .g-eyebrow{color:#E0AD23}
.guia-noche h2{color:#F7F2E6;font-size:clamp(20px,2vw,24px);line-height:1.2;margin-top:4px}
.guia-noche .g-lead{color:#F7F2E6cc;font-size:18px;font-style:italic;margin-top:2px}
.guia-noche form{margin-top:14px;max-width:640px}
.guia-noche input[type=email]{background:#F7F2E614;border:1px solid #F7F2E64d;color:#F7F2E6;padding:11px 18px;font-size:15px}
.guia-noche input[type=email]::placeholder{color:#F7F2E6aa}
.guia-noche .g-btn{background:#E0AD23;color:#142C48;padding:11px 22px}
@media (hover:hover) and (pointer:fine){.guia-noche .g-btn:hover{background:#ECBD3E}}
.guia-noche .g-check{color:#F7F2E6b3;font-size:11.5px;margin-top:10px}
.guia-noche .g-check a{color:#F7F2E6}
.guia-noche .g-check input{accent-color:#E0AD23}
.guia-noche .g-msg.err{color:#F5B7A8}
@media (max-width:700px){.guia-card.guia-noche{grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start;text-align:left}.guia-noche .g-cover{max-width:none;margin:0}.guia-noche form{grid-column:1 / -1}.guia-noche .g-body{display:contents}.guia-noche .g-body > :not(form){grid-column:2}}

/* Ajustes de la revisión de diseño (nov 2026) */
.guia-card.guia-noche{max-width:880px;margin-left:auto;margin-right:auto;grid-template-columns:110px minmax(0,1fr);gap:32px}
.guia-noche h2{font-size:clamp(22px,2.2vw,26px)}
.guia-noche form{max-width:none}
@media (max-width:700px){
  .guia-card .g-row input[type=email]{flex:0 0 auto;width:100%}
  .guia-card:not(.guia-noche) .g-cover{max-width:120px}
  .guia-card.guia-noche{grid-template-columns:64px minmax(0,1fr);gap:4px 16px}
  .guia-noche .g-cover{grid-row:1 / span 3;align-self:start}
  .guia-noche form{margin-top:16px}
}
.guia-card,.guia-card *{box-sizing:border-box}
.guia-card form,.guia-card .g-row,.guia-card .g-body{min-width:0}
@media (max-width:700px){.guia-card .g-btn{width:100%}}

/* Línea a todo el ancho de los artículos y portada más grande */
.guia-card.guia-noche{position:relative;border-top:0;padding-top:36px;grid-template-columns:140px minmax(0,1fr)}
.guia-card.guia-noche::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1180px,calc(100vw - 48px));height:1px;background:#E0AD2399}
@media (max-width:700px){.guia-card.guia-noche{grid-template-columns:72px minmax(0,1fr);padding-top:28px}}

/* Inicio móvil: portada alineada desde la etiqueta hasta la última línea */
@media (max-width:700px){.guia-card.guia-noche{grid-template-columns:112px minmax(0,1fr)}.guia-card.guia-noche .g-cover img{width:100%}}
