/* Brief para tu editor · @axeljuca. Se apoya en /diagnostico/assets/base.css */
.opc{font-weight:400;color:var(--gris)}
.bloque-b{margin:0 0 30px;padding:24px 0 0;border-top:1px solid var(--linea)}
.bloque-b legend{display:flex;align-items:center;gap:12px;font:800 1.35rem/1.1 "Bricolage","Figtree",sans-serif;letter-spacing:-.02em;text-transform:lowercase;margin:0 0 16px;padding:0}
.bloque-b legend b{display:grid;place-content:center;width:34px;height:34px;border-radius:50%;background:var(--tinta);color:var(--papel);font-size:1rem;letter-spacing:0}
.etq{display:block;font-weight:800;margin:0 0 8px}
.fichas label{transition:transform .15s ease,border-color .15s ease,background .15s ease}
.fichas label:hover{transform:translateY(-2px);border-color:var(--tinta)}
.fichas input[type=radio]{accent-color:var(--tinta);width:18px;height:18px;margin:0}
.colores{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 20px}
.colores label{font-weight:700;display:flex;align-items:center;gap:10px;margin:0}
.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 brief */
.brief{margin-top:32px;position:relative;overflow:hidden}
.brief[hidden]{display:none}
.brief:focus{outline:none}
.brief-cab{border-bottom:2px solid var(--tinta);padding-bottom:18px;margin-bottom:6px}
.brief-etq{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mandarina)}
.brief-cab h2{margin-top:8px;text-transform:none}
.brief-cab p{color:var(--gris);margin:8px 0 0}
.brief-colores{position:absolute;top:clamp(20px,4vw,40px);right:clamp(20px,4vw,40px);display:flex;gap:6px}
.brief-colores i{display:block;width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--linea)}
.brief-lista{margin:0;display:grid}
.brief-lista>div{display:grid;grid-template-columns:1fr;gap:2px;padding:14px 0;border-bottom:1px solid var(--linea)}
@media(min-width:720px){.brief-lista>div{grid-template-columns:14rem 1fr;gap:22px}}
.brief-lista dt{font-weight:800}
.brief-lista dd{margin:0;white-space:pre-line}
.brief-pie{margin-top:22px;font-size:.88rem;color:var(--gris)}
.brief-pie b{color:var(--tinta)}

@media(max-width:480px){.brief-colores{position:static;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.fichas label,.btn{transition:none}.fichas label:hover,.btn:hover{transform:none}}

/* imprimir / PDF: solo la hoja del brief */
@media print{
  @page{margin:16mm}
  body{background:#fff}
  .no-imprimir{display:none!important}
  .brief{display:block!important;border:0;padding:0;margin:0;box-shadow:none}
  .brief-lista>div{grid-template-columns:13rem 1fr;gap:18px;break-inside:avoid}
  .brief-colores i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .brief-pie{margin-top:18px;padding-top:10px;border-top:1px solid var(--linea);text-align:center}
}