/* 09_descarga_de_la_noche.html: piezas propias de este ejercicio. Base tomada de la guía 06 y del mapa corporal. */

.container { max-width:660px;margin:0 auto; }
h1 { font-size:26px;font-weight:500;font-family:var(--font-display);color:var(--color-chocolate);margin-bottom:.5rem;line-height:1.3; }
.subtitle { font-size:16.5px;color:var(--color-mocha);font-style:italic;margin-bottom:1.25rem;line-height:1.6; }
.tag { display:inline-block;padding:4px 12px;border-radius:0;background:var(--color-beige);font-size:11px;color:var(--color-mocha);margin-bottom:1.5rem; }
.body-text { font-size:16.5px;color:var(--color-chocolate);line-height:1.8;margin-bottom:1.1rem; }
.section-title { font-size:18px;font-weight:500;font-family:var(--font-display);color:var(--color-chocolate);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:.5px solid var(--color-taupe); }
.guia-card { background:var(--color-taupe);border-radius:0;padding:1.1rem 1.25rem;margin-bottom:1rem; }
.guia-label { font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-olive);font-weight:700;margin-bottom:.4rem; }
.guia-text { font-size:16px;color:var(--color-chocolate);line-height:1.75; }
.checklist { background:var(--color-taupe);border-radius:0;padding:1.1rem 1.25rem;margin:1rem 0; }
.check-item { font-size:16px;color:var(--color-chocolate);line-height:1.6;padding:.55rem 0;border-bottom:.5px solid var(--color-beige);display:flex;gap:.6rem;align-items:flex-start; }
.check-item:last-child { border-bottom:none; }
.check-dot { width:8px;height:8px;border-radius:50%;background:var(--color-olive);margin-top:6px;flex-shrink:0; }
.reflexion-box { background:var(--color-chocolate);border-radius:0;padding:1.5rem;margin-top:1.25rem; }
.ref-note { font-size:15.5px;color:var(--color-ivory);line-height:1.75; }
.cierre { font-size:14.5px;color:var(--color-mocha);font-style:italic;border-left:2px solid var(--color-terracotta);padding-left:1rem;margin-top:1.75rem;line-height:1.6; }
.guia-cta { display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;margin-top:2rem; }
.guia-cta__link { font-size:14px;color:var(--color-mocha);text-decoration:none;border-bottom:1px solid var(--color-terracotta);padding-bottom:2px; }
.guia-cta__link:hover { color:var(--color-chocolate); }
.guia-cta__link--primary { background:var(--color-olive);color:var(--color-ivory);border-bottom:none;padding:.7rem 1.2rem; }
.guia-cta__link--primary:hover { background:var(--color-chocolate);color:var(--color-ivory); }
.firma { font-size:11px;color:var(--color-mocha);margin-top:2rem;letter-spacing:.04em;text-align:center; }

.screen.on { display:block; }
.nota { font-size:13.5px;color:var(--color-mocha);font-style:italic;margin-bottom:1.5rem; }
.paso { font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--color-terracotta-deep);margin-bottom:.5rem; }
.paso-title { font-size:22px;font-weight:500;font-family:var(--font-display);color:var(--color-chocolate);line-height:1.3;margin-bottom:.75rem; }
textarea { width:100%;font:inherit;font-size:16px;line-height:1.7;color:var(--color-chocolate);background:var(--color-beige);border:.5px solid var(--color-taupe);border-radius:0;padding:.9rem 1rem;resize:vertical; }
.contador { font-size:12.5px;color:var(--color-mocha);margin:.4rem 0 1.25rem; }
.nav-row { display:flex;gap:10px;flex-wrap:wrap;margin-top:1rem; }
.btn { background:transparent;border:.5px solid var(--color-taupe);border-radius:0;padding:10px 20px;font-size:14.5px;cursor:pointer;font-family:inherit;color:var(--color-mocha); }
.item { background:var(--color-beige);border:.5px solid var(--color-taupe);padding:.9rem 1rem;margin-bottom:.75rem; }
.item-texto { font-size:16px;color:var(--color-chocolate);line-height:1.5;margin-bottom:.65rem; }
.opciones { display:flex;flex-wrap:wrap;gap:6px; }
.opcion { background:var(--color-ivory);border:.5px solid var(--color-taupe);border-radius:0;padding:7px 12px;font-family:inherit;font-size:13.5px;color:var(--color-mocha);cursor:pointer;transition:border-color .15s,background .15s,color .15s; }
.opcion:hover { border-color:var(--color-terracotta); }
.opcion.sel { background:var(--color-olive);border-color:var(--color-olive);color:var(--color-ivory); }
.grupo { margin:1.25rem 0 .5rem; }
.grupo-label { font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-olive);font-weight:700;margin-bottom:.35rem; }
.grupo-intro { font-size:15px;color:var(--color-mocha);line-height:1.6;margin-bottom:.75rem; }
.campo { margin-bottom:.9rem; }
.campo-label { display:block;font-size:15.5px;color:var(--color-chocolate);margin-bottom:.35rem;line-height:1.45; }
.campo-input { width:100%;font:inherit;font-size:15px;color:var(--color-chocolate);background:var(--color-ivory);border:.5px solid var(--color-taupe);border-radius:0;padding:.6rem .8rem; }
.campo-input:focus { outline:none;border-color:var(--color-terracotta); }
.soltar { font-size:15.5px;color:var(--color-chocolate);line-height:1.6;padding:.35rem 0;border-bottom:.5px solid var(--color-taupe); }
.soltar:last-child { border-bottom:none; }
.hoja-bloque { background:var(--color-taupe);padding:1.1rem 1.25rem;margin-bottom:1rem; }
.hoja-linea { font-size:15.5px;color:var(--color-chocolate);line-height:1.6;padding:.45rem 0;border-bottom:.5px solid var(--color-beige); }
.hoja-linea:last-child { border-bottom:none; }
.hoja-linea span { display:block;font-size:14px;color:var(--color-mocha); }