/* todoloquepagas — «Tu informe en PDF», al final del resultado de la calculadora
   (apps/web/cliente/_calculadora/DescargaElInforme.tsx): dos botones, el resumen y el informe completo, cada uno con lo que
   lleva debajo. Solo la carga la portada, y solo la web que tiene panel (<Base estilos={[…, 'informe']}>): en la copia
   de doble clic y con TLQP_API=no no hay botones. Ningún color literal: todos salen de tokens.css. Móvil primero: las dos
   opciones, una debajo de la otra; desde 48em, una al lado de la otra. No se imprime (la sección lleva .no-imprimir). */

/* Sin el hueco de la rejilla entre piezas: las regiones de aviso están siempre, vacías mientras no hay nada que decir. */
.calc-seccion.calc-informe { gap: 0; }
.calc-seccion.calc-informe > * + * { margin-top: var(--espacio-5); }
.calc-seccion.calc-informe > .calc-informe__estado:empty { margin-top: 0; }

.calc-informe__opciones { display: grid; gap: var(--espacio-5); margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .calc-informe__opciones { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--espacio-6); } }
.calc-informe__opcion { display: grid; align-content: start; gap: var(--espacio-3); min-width: 0; padding-top: var(--espacio-4); border-top: var(--grosor-control) solid var(--tinta); }
.calc-informe__opcion .tlqp-boton { justify-self: start; }
.calc-informe__opcion .tlqp-boton[aria-disabled="true"] { cursor: progress; }
.calc-informe__que { margin: 0; font: var(--tipo-cuerpo-pequeno); color: var(--tinta-suave); text-wrap: pretty; }
.calc-informe__datos { max-width: var(--ancho-lectura); margin: 0; font: var(--tipo-nota); color: var(--tinta-suave); text-wrap: pretty; }

.calc-informe__estado { max-width: var(--ancho-lectura); }
.calc-informe__mensaje { margin: 0; padding: var(--espacio-4) var(--espacio-5); border-left: var(--grosor-control) solid var(--tinta); background: var(--superficie-hundida); font: var(--tipo-cuerpo-pequeno); }
.calc-informe__mensaje--bien { border-left-color: var(--estado-ok); font-weight: 650; }
.calc-informe__mensaje--mal { border-left-color: var(--estado-error); }