/* HABITARME · cuaderno digital v2 (misma plantilla que el PDF) */
@font-face{font-family:"CG";font-weight:400;src:url("assets/fonts/cormorant-garamond-latin-400-normal.woff2")}
@font-face{font-family:"CG";font-weight:400;font-style:italic;src:url("assets/fonts/cormorant-garamond-latin-400-italic.woff2")}
@font-face{font-family:"CG";font-weight:500;font-style:italic;src:url("assets/fonts/cormorant-garamond-latin-500-italic.woff2")}
@font-face{font-family:"CG";font-weight:600;src:url("assets/fonts/cormorant-garamond-latin-600-normal.woff2")}
@font-face{font-family:"CG";font-weight:600;font-style:italic;src:url("assets/fonts/cormorant-garamond-latin-600-italic.woff2")}
@font-face{font-family:"Lato";font-weight:300;src:url("assets/fonts/lato-latin-300-normal.woff2")}
@font-face{font-family:"Lato";font-weight:400;src:url("assets/fonts/lato-latin-400-normal.woff2")}
@font-face{font-family:"Lato";font-weight:400;font-style:italic;src:url("assets/fonts/lato-latin-400-italic.woff2")}
@font-face{font-family:"Lato";font-weight:700;src:url("assets/fonts/lato-latin-700-normal.woff2")}
.hab-cuaderno :root{--ink:#2a2233;--soft:#6b5f73;--gold:#c9a96a;--lav:#7e6794;--paper:#fbf7f1;--line:#d9cfc4}
.hab-cuaderno{font-family:Lato;font-weight:400;font-size:16px;line-height:1.6;color:var(--ink);hyphens:auto}
.hab-cuaderno .opener{page:opener;page-break-before:always;text-align:center;padding:14mm 0 4mm}
.hab-cuaderno .opener .kicker{font-size:6.8pt;letter-spacing:.32em;text-transform:uppercase;color:var(--emo);font-weight:700;margin:0 0 3mm}
.hab-cuaderno .opener h1{font-family:CG;font-weight:600;font-size:23pt;line-height:1.12;margin:0;color:var(--ink)}
.hab-cuaderno .opener .step{font-family:CG;font-style:italic;font-size:14pt;color:var(--lav);margin:2mm 0 0}
.hab-cuaderno .opener .rule{display:block;width:16mm;height:.6pt;background:var(--gold);margin:6mm auto 0}
.hab-cuaderno .opener.solo{padding-top:8mm}
.hab-cuaderno .opener + .rel{margin-top:0}
.hab-cuaderno .rel{text-align:center;margin:3mm 0 6mm;page-break-after:avoid}
.hab-cuaderno .chip{display:inline-block;background:var(--c);border-radius:20pt;padding:1.2mm 3.6mm;font-size:7pt;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.hab-cuaderno .op{font-family:CG;font-size:13pt;color:var(--soft);margin:0 2mm;vertical-align:-1pt}
.hab-cuaderno p{margin:0 0 2.6mm;orphans:3;widows:3}
.hab-cuaderno p.eyebrow{font-size:7pt;letter-spacing:.2em;font-weight:700;color:var(--emo);text-transform:uppercase;margin:0 0 4mm}
.hab-cuaderno p.lead{font-family:CG;font-style:italic;font-weight:500;font-size:11.5pt;line-height:1.35;color:var(--soft);margin:3.5mm 0 2mm;page-break-after:avoid}
.hab-cuaderno p.q{font-family:CG;font-style:italic;font-weight:600;font-size:11.5pt;line-height:1.35;color:var(--ink);margin:1.5mm 0 2mm}
.hab-cuaderno blockquote{margin:3mm 0 4mm;text-align:center;page-break-inside:avoid}
.hab-cuaderno blockquote p{font-family:CG;font-style:italic;font-size:12.5pt;line-height:1.35;color:var(--ink);margin:0 0 1mm}
.hab-cuaderno blockquote.multi p:first-child::before{content:"";display:block;width:6mm;height:.6pt;background:var(--emo);margin:0 auto 2.4mm}
.hab-cuaderno ul.list{list-style:none;margin:1mm 0 3mm;padding:0 0 0 4mm;border-left:.8pt solid var(--emo)}
.hab-cuaderno ul.list li{margin:0 0 .6mm}
.hab-cuaderno h2{font-family:CG;font-weight:600;font-size:14.5pt;color:var(--ink);margin:7mm 0 3mm;page-break-after:avoid;line-height:1.2}
.hab-cuaderno h2.fase{font-family:Lato;font-weight:700;font-size:7.4pt;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);
  border-top:.6pt solid var(--line);padding-top:3.5mm;margin:8mm 0 3.5mm}
.hab-cuaderno h2.fase .n{display:inline-block;background:var(--emo);color:#fff;border-radius:10pt;padding:.6mm 2.4mm;margin-right:2.5mm;letter-spacing:.14em}
.hab-cuaderno h3{font-family:CG;font-weight:600;font-size:13pt;color:var(--emo);margin:6mm 0 2mm;page-break-after:avoid;filter:brightness(.8)}
.hab-cuaderno .prompt{page-break-inside:avoid;margin:0 0 2.2mm}
.hab-cuaderno .prompt p{font-family:CG;font-style:italic;font-weight:600;font-size:11pt;line-height:1.3;margin:0 0 .5mm}
.hab-cuaderno .prompt.big p{font-size:12.5pt;color:var(--emo)}
.hab-cuaderno .field{page-break-inside:avoid;margin:0 0 2.6mm}
.hab-cuaderno .field p{font-size:6.8pt;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--soft);margin:0 0 .4mm}
.hab-cuaderno .wl i{display:block;height:6.6mm;border-bottom:.5pt solid var(--line)}
.hab-cuaderno .scale{display:flex;justify-content:space-between;margin:2mm 0 5mm}
.hab-cuaderno .scale span{width:6.2mm;height:6.2mm;border:.6pt solid var(--emo);border-radius:50%;text-align:center;font-size:7pt;line-height:6.2mm;color:var(--soft)}
.hab-cuaderno .qs{margin:0 0 2mm;padding-left:3.5mm;border-left:.8pt solid var(--emo)}
.hab-cuaderno .qs p{font-family:CG;font-style:italic;font-weight:600;font-size:11pt;line-height:1.3;margin:0 0 1.3mm}
.hab-cuaderno .write{margin:2mm 0 4mm;background:#fff;border:.5pt solid var(--line);border-radius:3mm;padding:2.5mm 4mm 3mm}
.hab-cuaderno .write span{font-size:6.4pt;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--lav)}
.hab-cuaderno .field.inline{display:flex;align-items:flex-end;gap:3mm;margin:0 0 1.2mm}
.hab-cuaderno .field.inline p{white-space:nowrap;margin:0}
.hab-cuaderno .field.inline i{flex:1;border-bottom:.5pt solid var(--line);height:6mm}
.hab-cuaderno blockquote.one p{font-size:12pt}
.hab-cuaderno .write{page-break-inside:avoid}
.hab-cuaderno .field.lead-f p{font-family:CG;font-style:italic;font-weight:600;font-size:11pt;letter-spacing:0;text-transform:none;color:var(--ink)}
.hab-cuaderno .sec{margin:9mm 0 0;page-break-inside:auto}
.hab-cuaderno .sec h1{font-family:CG;font-weight:600;font-size:17pt;line-height:1.15;color:var(--ink);margin:0 0 3.5mm;page-break-after:avoid;
  padding-top:3mm;border-top:.6pt solid var(--gold)}
.hab-cuaderno .field p.fq{font-family:CG;font-style:italic;font-weight:600;font-size:11pt;letter-spacing:0;text-transform:none;color:var(--ink);margin:.6mm 0 0}
.hab-cuaderno{--ink:#2a2233;--soft:#6b5f73;--gold:#c9a96a;--lav:#7e6794;--paper:#fbf7f1;--line:#d9cfc4;background:var(--paper);border-radius:18px;padding:clamp(18px,4vw,44px);color:var(--ink);line-height:1.6;text-align:left}
.hab-v2{--emo:#7e6794}
.hab-cuaderno .opener{page-break-before:auto;padding:34px 0 10px;margin-top:10px;border-top:.6pt solid var(--line)}
.hab-cuaderno .opener:first-child{border-top:0;margin-top:0}
.hab-cuaderno .opener h1{font-size:34px}.hab-cuaderno .opener .step{font-size:21px}.hab-cuaderno .opener .kicker{font-size:11px}
.hab-cuaderno .chip{font-size:11px;padding:5px 12px}.hab-cuaderno .op{font-size:20px}
.hab-cuaderno p.lead,.hab-cuaderno p.q,.hab-cuaderno blockquote p{font-size:19px}
.hab-cuaderno h2{font-size:23px}.hab-cuaderno h2.fase{font-size:12px}.hab-cuaderno h3{font-size:21px}.hab-cuaderno .sec h1{font-size:26px}
.hab-cuaderno p.eyebrow,.hab-cuaderno .field p{font-size:11px}
.hab-cuaderno .prompt p,.hab-cuaderno .field p.fq{font-size:18px;line-height:1.35}
.hab-cuaderno textarea.hq{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;font:16px/1.5 Lato,system-ui,sans-serif;color:var(--ink);resize:vertical;margin:8px 0 6px;min-height:84px}
.hab-cuaderno textarea.hq:focus{outline:none;border-color:var(--emo);box-shadow:0 0 0 3px color-mix(in srgb,var(--emo) 15%,transparent)}
.hab-cuaderno .scale span{width:30px;height:30px;line-height:30px;font-size:12px}
.hab-cuaderno .prompt,.hab-cuaderno .field{margin-bottom:18px}
.hab-cuaderno h1,.hab-cuaderno .opener h1,.hab-cuaderno .sec h1{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;background:none!important;text-shadow:none!important}
.hab-cuaderno h2{color:var(--ink)!important}.hab-cuaderno h2.fase{color:var(--ink)!important}
.hab-cuaderno h3{color:var(--emo)!important}
.hab-cuaderno p,.hab-cuaderno li{color:var(--ink)}
.hab-cuaderno p.lead{color:var(--soft)!important}
.hab-cuaderno .opener .kicker{color:var(--emo)!important}.hab-cuaderno .opener .step{color:var(--lav)!important}
.hab-cuaderno .prompt.pgroup{border-left:3px solid var(--emo,#7e6794);padding-left:14px}
.hab-cuaderno .prompt.pgroup p{margin:0 0 6px}