/* Memoria Viva — estética sobria y cálida, optimizada para móviles de gama baja */
:root{--tinta:#2b2723;--acento:#7c5a3c;--suave:#f7f3ee;--linea:#e4dbd0}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;color:var(--tinta);background:var(--suave);line-height:1.65}
.hero{text-align:center;padding:3rem 1.2rem 2rem;background:linear-gradient(#fff,var(--suave))}
.retrato{width:180px;height:180px;object-fit:cover;border-radius:50%;border:5px solid #fff;box-shadow:0 8px 28px rgba(0,0,0,.18)}
h1{font-size:1.9rem;margin-top:1rem;color:var(--acento)}
.fechas{font-size:1.05rem;color:#6b6258;letter-spacing:.12em;margin-top:.25rem}
.epitafio{font-style:italic;margin-top:.9rem;color:#4c463f}
.bloque{max-width:720px;margin:0 auto;padding:1.6rem 1.2rem;border-top:1px solid var(--linea)}
h2{font-size:1.15rem;text-transform:uppercase;letter-spacing:.14em;color:var(--acento);margin-bottom:1rem}
video{width:100%;border-radius:12px;background:#000}
.descargas{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.9rem}
.btn{display:inline-block;background:var(--acento);color:#fff;text-decoration:none;border:none;cursor:pointer;
padding:.7rem 1.1rem;border-radius:8px;font-family:inherit;font-size:.95rem}
.btn.sec{background:#fff;color:var(--acento);border:1px solid var(--acento)}
.bio{white-space:pre-line}
.tiempo{list-style:none}.tiempo li{padding:.45rem 0;border-bottom:1px dashed var(--linea)}
.tiempo span{font-weight:bold;color:var(--acento);margin-right:.6rem}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}
.galeria img{width:100%;height:150px;object-fit:cover;border-radius:8px}
.galeria figcaption{font-size:.8rem;color:#6b6258;margin-top:.25rem;text-align:center}
.form-cond{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.2rem}
.form-cond input,.form-cond textarea{padding:.7rem;border:1px solid var(--linea);border-radius:8px;font-family:inherit;font-size:1rem;background:#fff}
.form-cond textarea{min-height:100px}
.form-cond small{color:#8a8076}
.condolencias blockquote{background:#fff;border-left:4px solid var(--acento);padding:.9rem 1rem;border-radius:0 8px 8px 0;margin-bottom:.8rem}
.condolencias cite{display:block;margin-top:.4rem;color:#6b6258;font-style:normal;font-size:.9rem}
footer{text-align:center;padding:2.2rem 1rem;color:#8a8076;font-size:.9rem}