/* Guías descargables · piel 2026. Mismas clases g*, el sistema de la portada nueva. */
.gwrap{max-width:1080px;margin:0 auto;padding:clamp(34px,5vw,64px) clamp(20px,4vw,44px) clamp(56px,6vw,88px);
  font-family:var(--c)}
.ggrid{display:grid;gap:clamp(30px,5vw,64px);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  grid-template-areas:"intro form" "details form";align-items:start}
.gintro{grid-area:intro}
.gdetails{grid-area:details}
.gform{grid-area:form}
.gintro{min-width:0}
.geyebrow{font-family:var(--m);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--verde);
  display:block;margin-bottom:16px}
.gh1{font-family:var(--d);font-weight:900;font-size:clamp(32px,4.6vw,54px);line-height:1;letter-spacing:-.045em;
  margin:0 0 18px;color:var(--tinta);text-wrap:balance}
.gsub{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--tinta);opacity:.86;margin:0 0 26px;max-width:52ch}
.glist{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.glist li{display:flex;gap:12px;font-size:16px;line-height:1.5;color:var(--tinta)}
.glist .n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--noche);color:#fff;
  font-family:var(--m);font-size:11.5px;display:grid;place-items:center;margin-top:2px}
.glabel{font-family:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);
  display:block;margin-bottom:10px}
.gdetails{margin-top:30px;border-top:1px solid var(--linea);padding-top:26px}
.gdetails p{font-size:16px;line-height:1.6;color:var(--tinta);opacity:.86;max-width:60ch}
.gcalc,.gab{background:var(--frio);border:1px solid var(--linea);border-radius:10px;padding:clamp(20px,2.4vw,26px);
  margin-top:22px;font-family:var(--m);font-size:13.5px;line-height:1.7;color:var(--tinta)}
.gbig{display:flex;align-items:baseline;gap:10px;margin:10px 0}
.gbig .v{font-family:var(--d);font-weight:900;font-size:clamp(34px,4.4vw,48px);letter-spacing:-.045em;
  font-variant-numeric:tabular-nums}
.gbig .u{font-family:var(--m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.gnote{font-size:13.5px;line-height:1.55;color:var(--gris);margin-top:14px;max-width:60ch}

/* Columna de descarga */
.gform{position:sticky;top:26px;background:var(--noche);color:#fff;border-radius:10px;padding:clamp(24px,3vw,32px)}
.gform .glabel{color:var(--menta)}
.gcard{display:grid;gap:10px}
.gcard .cl{font-family:var(--m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--menta)}
.gcard .d{font-size:15px;line-height:1.55;color:#B8CBC1}
.gform .leadform input[type=email]{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.gform .leadform input[type=email]::placeholder{color:#93A99E}
.gform .lf-consent{color:#93A99E}
.gform .lf-consent a{color:#C6D6CD}
.gcierre{border-top:1px solid var(--linea);padding:clamp(30px,4vw,48px) clamp(20px,4vw,44px);max-width:1080px;
  margin:0 auto;font-size:16px;line-height:1.6;color:var(--gris)}
.gcierre a{color:var(--verde);font-weight:600;border-bottom:1px solid var(--menta)}
@media(max-width:900px){.ggrid{grid-template-columns:1fr;grid-template-areas:"intro" "form" "details"}.gform{position:static}}
.glist li .k{flex:none;white-space:nowrap;font-weight:600;min-width:76px}
.glist li .d{min-width:0}
