/* ============================================================
   Mi certificado — Consulta pública del estado de la garantía.
   Complementa averias.css (stepper/cards/paneles/spinner) con los
   elementos propios del paso 3 (resultado): vigencia, piezas, tabla
   de siniestros y acciones de PDF.
   ============================================================ */

/* Bloques del resultado */
.cert-block { margin-top: 26px; }
.cert-block-title {
  font-size: 15px; font-weight: 600; color: #212121;
  margin-bottom: 12px;
  padding-bottom: 8px; border-bottom: 1px solid #f0f0f0;
}

/* Tarjeta de vigencia (panel neutro) */
.cert-vigencia { background: #fafbff; border: 1px solid #e8eaf6; }
.cert-vigencia .averia-panel-head { color: #283593; }
.cert-vigencia .averia-panel-head span:not(.cert-estado-chip) { flex: 1; }

/* Aviso de carencia */
.cert-carencia .averia-panel-head span:not(.cert-estado-chip) { flex: 1; }
.cert-carencia p { margin: 6px 0 0; }
/* Nota de la carencia por km: en negro para que sea bien visible */
#cert-carencia-km-note { color: #212121; font-size: 13px; }

/* Chip de estado (VIGENTE / CADUCADO / estado de siniestro) */
.cert-estado-chip {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11.5px; font-weight: 600; letter-spacing: .3px;
  text-transform: uppercase;
  background: #eceff1; color: #546e7a;
  white-space: nowrap;
}
.cert-estado-chip.ok { background: #e8f5e9; color: #2e7d32; }
.cert-estado-chip.ko { background: #ffebee; color: #c62828; }
.cert-estado-chip.sm { font-size: 10.5px; padding: 2px 8px; }

/* Acciones de PDF */
.cert-pdf-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }

/* Piezas cubiertas — HTML de cobertura servido por la intranet */
#cert-piezas h3, #cert-piezas h4 {
  font-size: 13.5px; font-weight: 600; color: #3f51b5;
  margin: 16px 0 6px;
}
#cert-piezas h3:first-child, #cert-piezas h4:first-child { margin-top: 0; }
#cert-piezas p { font-size: 13.5px; line-height: 1.6; color: #5f6368; margin: 0 0 8px; }
#cert-piezas ul, #cert-piezas ol { margin: 0 0 10px; padding-left: 20px; }
#cert-piezas li { font-size: 13.5px; line-height: 1.6; color: #5f6368; margin-bottom: 4px; }

/* Piezas cubiertas — alternativa estructurada {grupo, items} */
.cert-pieza-grupo { margin-bottom: 14px; }
.cert-pieza-grupo-title { font-size: 13px; font-weight: 600; color: #3f51b5; margin-bottom: 6px; }
.cert-pieza-items { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cert-pieza-items li {
  list-style: none;
  background: #f5f6f8; border: 1px solid #ececec; border-radius: 7px;
  padding: 6px 11px; font-size: 13px; color: #3a3a3a;
}

/* Tabla de siniestros */
.cert-table-wrap { overflow-x: auto; }
.cert-table { border-collapse: collapse; width: 100%; }
.cert-table th, .cert-table td {
  padding: 10px 12px; font-size: 13px; text-align: left;
  border-bottom: 1px solid #f0f0f0; white-space: nowrap;
}
.cert-table th { color: #7d8590; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .3px; }
.cert-table td { color: #3a3a3a; }
.cert-table tbody tr:hover { background: #fafbff; }
/* La avería es texto plano; se permite que envuelva en varias líneas */
.cert-averia-cell { white-space: normal; max-width: 320px; }

/* Cómo declarar una avería */
.cert-como { margin-top: 26px; }
.cert-como p { margin: 8px 0 14px; }

/* Salir */
.cert-salir { margin-top: 24px; text-align: center; }

/* Aviso fail-closed sin contacto */
#otp-no-contact { display: flex; align-items: flex-start; }
#otp-no-contact i.material-icons { margin-top: 1px; }