:root{--tinta:#1d1b19;--papel:#faf7f2;--linea:#e2dcd2;--acento:#b3473f}
body{margin:0;font:16px/1.5 Manrope,system-ui,sans-serif;color:var(--tinta);background:var(--papel)}
nav{display:flex;gap:1.2rem;align-items:center;padding:.7rem 1.2rem;border-bottom:1px solid var(--linea);background:#fff}
nav span{margin-left:auto;opacity:.7}
main{max-width:820px;margin:1.5rem auto;padding:0 1rem}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:2rem;margin:.2rem 0 1rem}
.buscador{display:flex;gap:.5rem;margin-bottom:1rem}
input,select,textarea{font:inherit;padding:.5rem .7rem;border:1px solid var(--linea);border-radius:6px;width:100%;box-sizing:border-box}
.buscador input{flex:1}
button{font:inherit;padding:.55rem 1.1rem;border:0;border-radius:6px;background:var(--acento);color:#fff;cursor:pointer}
label{display:block;margin:.8rem 0}
table{width:100%;border-collapse:collapse;margin:1rem 0;background:#fff}
th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--linea)}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:1.2rem;margin:1rem 0}
.estrecha{max-width:360px;margin:4rem auto}
.foto{float:right;max-width:160px;margin:0 0 1rem 1rem}
.datos small{opacity:.6}
.aviso{background:#fff3e6;border-left:4px solid #e08a2b;padding:.5rem .8rem}
pre{white-space:pre-wrap;background:#f4f0ea;padding:.8rem;border-radius:6px}
.reloj{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;padding:.45rem 1.2rem;background:#1d1b19;color:#faf7f2;font-size:.85rem}
.reloj span{opacity:.85}.reloj .cero{opacity:.4}
h2.paso{font-size:1.05rem;margin:1.4rem 0 .4rem;border-top:1px solid var(--linea);padding-top:1rem}
h2.paso small,label small,.nota{opacity:.65;font-weight:400}
.variantes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}
.variante{border:1px solid var(--linea);border-radius:8px;padding:.7rem;margin:0;cursor:pointer}
.casilla{display:flex;gap:.6rem;align-items:flex-start}.casilla input,.variante input{width:auto}
table.escenas td{vertical-align:top;font-size:.92rem}
ol.instrucciones li,ul.bitacora li{margin:.35rem 0}
.producir{margin:1.2rem 0}button:disabled{opacity:.45;cursor:not-allowed}
.nota{font-size:.9rem}
.estimacion{background:#fff;border:1px solid var(--linea);border-left:4px solid var(--acento);padding:.6rem .8rem;border-radius:6px}