/* Crear: puertas, Pieza, Traé lo tuyo, Diagnóstico, Adjunto y Brief. */
.cq-bienvenida { --cq-contenido-max: calc(var(--cq-inspector-width) + var(--cq-space-7) * 2); }
.cq-marca { font-family: var(--cq-font-display); font-size: var(--cq-text-24); }
.cq-presentacion { padding-top: var(--cq-space-7); padding-bottom: var(--cq-space-6); }
.cq-presentacion .cq-display { max-width: calc(var(--cq-inspector-width) - var(--cq-space-7)); margin-bottom: var(--cq-space-4); }
.cq-puerta { display: flex; flex-direction: column; gap: var(--cq-space-3); width: 100%; text-align: left; padding: var(--cq-space-5) var(--cq-space-4); }
.cq-puerta--primaria { border-color: var(--cq-accent); }
.cq-puerta__cabecera { display: flex; align-items: center; gap: var(--cq-space-3); width: 100%; }
.cq-puerta__cabecera > .cq-icono:last-child { margin-left: auto; color: var(--cq-ink-2); }
.cq-puerta--primaria .cq-puerta__cabecera > .cq-icono:first-child { color: var(--cq-accent); }
.cq-puerta__chips { display: block; line-height: 1.8; }
.cq-introduccion { padding-block: var(--cq-space-6); display: flex; flex-direction: column; gap: var(--cq-space-3); }
.cq-opciones { display: flex; flex-direction: column; gap: var(--cq-space-3); }
.cq-radio { position: relative; cursor: pointer; }
.cq-radio__input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.cq-radio__cuerpo { display: flex; flex-direction: column; gap: var(--cq-space-3); padding: var(--cq-space-5) var(--cq-space-4); }
.cq-radio__cabecera { display: flex; align-items: center; gap: var(--cq-space-3); }
.cq-radio__cabecera > .cq-icono { color: var(--cq-ink-2); }
.cq-radio__cabecera > .cq-seccion-titulo { flex: 1; }
.cq-radio__marca { display: flex; align-items: center; justify-content: center; width: var(--cq-text-20); height: var(--cq-text-20); border: 1px solid var(--cq-line); border-radius: var(--cq-radius-pill); color: var(--cq-accent); flex-shrink: 0; }
.cq-radio__marca .cq-icono { visibility: hidden; width: var(--cq-text-14); height: var(--cq-text-14); }
.cq-radio__input:checked + .cq-radio__cuerpo { border-color: var(--cq-accent); background: var(--cq-accent-tint); }
.cq-radio__input:checked + .cq-radio__cuerpo .cq-radio__marca { border-color: var(--cq-accent); }
.cq-radio__input:checked + .cq-radio__cuerpo .cq-radio__marca .cq-icono { visibility: visible; }
.cq-radio__input:focus-visible + .cq-radio__cuerpo { box-shadow: var(--cq-focus-ring); }
.cq-radio__input:disabled { cursor: not-allowed; }
.cq-duracion { align-self: flex-start; background: var(--cq-surface-2); padding: var(--cq-space-1) var(--cq-space-2); border-radius: var(--cq-radius-pill); }
.cq-zona-archivo { padding: var(--cq-space-7) var(--cq-space-5); text-align: center; border: 1px dashed var(--cq-line); border-radius: var(--cq-radius-card); display: flex; flex-direction: column; align-items: center; gap: var(--cq-space-3); color: var(--cq-ink-2); }
@media (width >= 52.5em) {
  /* Lienzo R2: las dos puertas en una columna de 800 px. */
  .cq-bienvenida { --cq-contenido-max: calc(var(--cq-space-7) * 16 + var(--cq-space-5)); }
  .cq-presentacion { padding-block: var(--cq-space-7); }
  .cq-presentacion .cq-display { max-width: none; }
  .cq-puerta { min-height: calc(var(--cq-space-7) * 6); padding: var(--cq-space-6); gap: var(--cq-space-5); }
  .cq-puerta__cabecera { display: grid; grid-template-columns: 1fr auto; gap: var(--cq-space-5); }
  .cq-puerta__cabecera > .cq-icono:first-child { width: var(--cq-text-40); height: var(--cq-text-40); grid-column: 1 / -1; }
  .cq-puerta__cabecera > .cq-seccion-titulo { font-size: var(--cq-text-20); }
  .cq-puerta__chips { margin-top: auto; }
  .cq-opciones { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cq-space-5); }
  .cq-radio__cuerpo { height: 100%; min-height: calc(var(--cq-space-7) * 6); padding: var(--cq-space-5); gap: var(--cq-space-5); }
  .cq-radio__cabecera { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: var(--cq-space-5); }
  .cq-radio__cabecera > .cq-icono { width: var(--cq-text-40); height: var(--cq-text-40); }
  .cq-radio__cabecera > .cq-seccion-titulo { grid-row: 2; grid-column: 1 / -1; }
  .cq-radio__marca { grid-column: 2; grid-row: 1; }
  .cq-duracion { margin-top: auto; }
}
/* Traé lo tuyo: material legible y decisiones explícitas. */
.cq-zona-archivo--activa, .cq-zona-archivo:focus-within { border-color: var(--cq-accent); background: var(--cq-accent-tint); }
.cq-importacion--leida { gap: var(--cq-space-4); }
.cq-adjunto-previa { white-space: pre-wrap; font-family: var(--cq-font-script); font-size: var(--cq-text-14); line-height: 1.5; max-height: calc(var(--cq-text-14) * 9 + var(--cq-space-5) * 2); overflow: hidden; margin-block: 0; }
.cq-adjunto-leido h2 { overflow-wrap: anywhere; }
.cq-pieza-chip { position: relative; display: inline-flex; align-items: center; gap: var(--cq-space-2); min-height: var(--cq-touch); padding: var(--cq-space-2) var(--cq-space-3); border: 1px solid var(--cq-line); border-radius: var(--cq-radius-pill); cursor: pointer; }
.cq-pieza-chip:has(input:checked) { border-color: var(--cq-accent); background: var(--cq-accent-tint); }
.cq-pieza-chip:focus-within { box-shadow: var(--cq-focus-ring); }
.cq-pieza-chip input { accent-color: var(--cq-accent); margin: 0; }
.cq-diagnostico-resumen { white-space: pre-line; }
.cq-diagnostico-lista li + li { margin-top: var(--cq-space-2); }
.cq-diagnostico .cq-chip { white-space: normal; }
.cq-diagnostico-observaciones > summary { min-height: var(--cq-touch); cursor: pointer; align-content: center; }
.cq-diagnostico-observaciones > * + * { margin-top: var(--cq-space-3); }
.cq-salida { border-color: var(--cq-ai); }
.cq-salida > .cq-button { margin-top: auto; }
.cq-salida__titulo { display: flex; align-items: center; gap: var(--cq-space-2); }
.cq-diagnostico .cq-propuesta > h2 { display: none; }
.cq-diagnostico .cq-propuesta > .cq-seccion-titulo { margin-top: var(--cq-space-2); }
.cq-brief { min-height: calc(var(--cq-space-7) * 4); }
.cq-contador { max-width: none; text-align: right; margin-top: calc(var(--cq-space-4) * -1); }
.cq-brief-conv { display: flex; flex-direction: column; gap: var(--cq-space-4); min-width: 0; }
.cq-brief-conv__barra { display: flex; align-items: center; justify-content: space-between; gap: var(--cq-space-2); }
.cq-brief-conv__principal { display: flex; flex-direction: column; align-items: stretch; gap: var(--cq-space-3); min-width: 0; }
.cq-brief-conv__principal > .cq-button { align-self: flex-start; }
.cq-brief-conv__resumen { display: flex; flex-direction: column; min-width: 0; }
.cq-brief-conv__resumen:not(:has(button)) { display: none; }
.cq-brief-conv__resumen > .cq-seccion-titulo { margin-bottom: var(--cq-space-2); }
.cq-brief-conv__respuesta { display: flex; flex-direction: column; min-height: var(--cq-touch); padding: var(--cq-space-2) 0; border: 0; border-bottom: 1px solid var(--cq-line); background: none; color: var(--cq-ink); text-align: left; overflow-wrap: anywhere; }
.cq-brief-conv .cq-pie-edicion { order: 5; }
/* C2: lo que falta se dice junto al campo, con ícono y texto (A12). */
.cq-crear-aviso:empty { display: none; }
.cq-crear-aviso > .cq-error { display: flex; align-items: flex-start; gap: var(--cq-space-2); }
.cq-crear-aviso > .cq-error > .cq-icono { flex-shrink: 0; margin-top: calc(var(--cq-space-1) / 2); }
.cq-campo[aria-invalid] { border-color: var(--cq-bad); }
.cq-importacion__material { display: flex; flex-direction: column; gap: var(--cq-space-4); }
.cq-importacion select.cq-campo { appearance: auto; }
.cq-zona-archivo > .cq-icono { width: var(--cq-text-24); height: var(--cq-text-24); }
.cq-adjunto-leido__cabecera { display: flex; align-items: center; justify-content: space-between; gap: var(--cq-space-3); min-width: 0; }
.cq-adjunto-leido__cabecera > h2 { min-width: 0; }
.cq-brief__copia:empty { display: none; }
.cq-brief__recuperar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cq-space-3); }
.cq-brief__recuperar:empty { display: none; }
.cq-brief__recuperar > p { flex: 1 1 100%; }