/* Reel de receta · @axeljuca. Se apoya en /diagnostico/assets/base.css */
.hoja.sube{position:relative}
.marca-fija{position:absolute;top:clamp(20px,4vw,40px);right:clamp(20px,4vw,40px);font:800 .8rem/1 "Figtree",sans-serif;color:var(--ciruela);opacity:.7}
.etq{display:block;font-weight:800;margin:0 0 8px}
#ingr,#pasos{min-height:200px;font:500 1rem/1.6 "Figtree",sans-serif}
.fichas input[type=radio]{accent-color:var(--tinta);width:18px;height:18px;margin:0}
.fichas label{transition:transform .15s ease,border-color .15s ease,background .15s ease}
.fichas label:hover{transform:translateY(-2px);border-color:var(--tinta)}
.btn{transition:transform .12s ease,filter .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px) scale(.98)}
.tp-ok{min-height:1.4em;margin:12px 0 0;font-weight:700;color:var(--ciruela)}
#lienzo{display:none}

/* la hoja del plan */
.plan{margin-top:32px}
.plan[hidden]{display:none}
.plan:focus{outline:none}
.plan-cab{border-bottom:2px solid var(--tinta);padding-bottom:16px}
.plan-etq{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mandarina)}
.plan-cab h2{margin-top:8px}
.plan-cab p{margin:8px 0 0;font-weight:700}
.plan-antes{background:var(--suave);border-radius:12px;padding:16px 18px;margin:18px 0}
.plan-antes h3{font-size:1.1rem;margin:0 0 6px}
.plan-antes ul{margin:0;padding-left:1.1em}
.plan-antes li{margin:.25em 0}
.plan-linea{list-style:none;margin:0;padding:0}
.plan-linea li{display:grid;grid-template-columns:5.4rem 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--linea);break-inside:avoid}
.plan-linea .seg{font:800 1rem/1.3 "Figtree",sans-serif;color:var(--ciruela)}
.plan-linea .seg small{display:block;font-weight:700;font-size:.8rem;color:var(--gris)}
.plan-linea b{display:block}
.plan-linea .ang{display:inline-block;margin:5px 0 0;padding:3px 10px;border-radius:99px;background:var(--menta);font-weight:800;font-size:.8rem}
.plan-linea .como{display:block;color:var(--gris);margin-top:4px}
.plan-linea .txt{display:block;margin-top:4px;font-weight:700}
.plan-nota{margin:16px 0 0;font-weight:700;color:var(--ciruela)}
.plan-nota:empty{display:none}
.plan-pie{margin-top:20px;padding-top:10px;font-size:.88rem;color:var(--gris);text-align:center}
.plan-pie b{color:var(--tinta)}
@media(max-width:480px){.plan-linea li{grid-template-columns:4.2rem 1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){.fichas label,.btn{transition:none}.fichas label:hover,.btn:hover{transform:none}}

@media print{
  @page{margin:14mm}
  body{background:#fff}
  .no-imprimir{display:none!important}
  .plan{display:block!important;border:0;padding:0;margin:0}
  .plan-antes,.plan-linea .ang{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}