/* 01_lo_que_aprendimos_a_hacer_para_sobrevivir.html: piezas propias de esta herramienta. */

.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:.9rem;padding-bottom:.5rem;border-bottom:.5px solid var(--color-taupe); }
.card { background:var(--color-taupe);border-radius:0;padding:1.1rem 1.25rem;margin-bottom:.9rem; }
.card-title { font-size:16.5px;font-weight:700;color:var(--color-chocolate);margin-bottom:.4rem; }
.card p { font-size:16px;color:var(--color-chocolate);line-height:1.7; }
.reflexion-box { background:var(--color-chocolate);border-radius:0;padding:1.5rem;margin-top:2rem; }
.ref-title { font-size:17.5px;font-weight:500;font-family:var(--font-display);color:var(--color-ivory);margin-bottom:.5rem; }
.ref-note { font-size:14.5px;color:var(--color-mocha);line-height:1.6;margin-bottom:1rem; }
.ref-q { font-size:15.5px;font-family:var(--font-display);color:var(--color-ivory);line-height:1.55;margin-bottom:.5rem;margin-top:1.1rem; }
textarea { width:100%;border:.5px solid rgba(var(--rgb-taupe), 0.3);border-radius:0;padding:10px 12px;font-size:15.5px;font-family:inherit;color:var(--color-ivory);background:rgba(var(--rgb-ivory), 0.07);resize:vertical;min-height:70px;line-height:1.6; }
.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; }
.firma { font-size:11px;color:var(--color-mocha);margin-top:2rem;letter-spacing:.04em;text-align:center; }