/* Plan de rodaje · @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 6px}
input[type=time]{font:600 1rem "Figtree",sans-serif;color:var(--tinta);background:var(--papel);border:1.5px solid #CFC9BD;border-radius:10px;padding:11px 14px;width:100%}
.fichas input[type=radio]{accent-color:var(--tinta);width:18px;height:18px;margin:0}
.fichas label,.tema{transition:transform .15s ease,border-color .15s ease,background .15s ease}
.fichas label:hover,.tema:hover{transform:translateY(-2px);border-color:var(--tinta)}
.temas{display:grid;gap:8px;margin:0 0 12px}
@media(min-width:720px){.temas{grid-template-columns:1fr 1fr}}
.temas .tema{display:flex;margin:0;gap:10px;align-items:flex-start;border:1.5px solid #CFC9BD;border-radius:12px;padding:11px 13px;background:var(--papel);cursor:pointer;font-weight:600;line-height:1.35}
.tema input{accent-color:var(--tinta);width:18px;height:18px;margin:2px 0 0;flex:none}
.tema small{display:block;font-weight:600;color:var(--gris);font-size:.82rem;margin:3px 0 0}
.tema:has(input:checked){background:var(--menta);border-color:var(--tinta)}
.propio{display:flex;gap:8px;flex-wrap:wrap}
.propio input{flex:1 1 220px}
.cuenta{margin:10px 0 0;font-weight:700;color:var(--ciruela)}
.cuenta.avisa{color:#B23A0E}
.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)}

/* 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:4.2rem 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--linea);break-inside:avoid}
.plan-linea time{font:800 1.05rem/1.3 "Figtree",sans-serif;color:var(--ciruela)}
.plan-linea b{display:block}
.plan-linea q{display:block;quotes:none;color:var(--gris);margin-top:3px}
.plan-linea li.pausa{background:var(--suave);border-radius:10px;padding:10px 12px;border:0;margin:6px 0}
.plan-linea li.bloque{border-bottom:2px solid var(--tinta);padding-top:22px}
.plan-linea li.bloque time{visibility:hidden}
.plan-linea li.bloque b{font:800 1.15rem/1.2 "Bricolage","Figtree",sans-serif;text-transform:lowercase;letter-spacing:-.02em}
.plan-pie{margin-top:20px;padding-top:10px;font-size:.88rem;color:var(--gris);text-align:center}
.plan-pie b{color:var(--tinta)}
@media(prefers-reduced-motion:reduce){.fichas label,.tema,.btn{transition:none}.fichas label:hover,.tema: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 li.pausa{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
