/* ============ Identidad AABAN (base compartida) ============ */
:root {
  --azul: #29ABE2;          /* azul logo */
  --azul-oscuro: #1F8FD8;   /* azul con contraste para datos */
  --tinta: #2B2640;         /* banda navy de los informes */
  --tinta-suave: #4A4463;
  --fondo: #F5F7FA;
  --blanco: #FFFFFF;
  --borde: #E2E7EE;
  --error: #B3282D;
  --ok: #2F9E64;
  /* paleta categórica validada (orden fijo) */
  --c1: #1F8FD8; --c2: #7B4EA3; --c3: #2F9E64; --c4: #D97812;
  --c5: #D4457E; --c6: #0E9AA7; --c7: #B3282D;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Montserrat", "Segoe UI", system-ui, sans-serif;
  color: var(--tinta);
  background: var(--fondo);
  line-height: 1.55;
  font-size: 16px;
}
img { max-width: 100%; }
a { color: var(--azul-oscuro); }

/* cabecera oscura simple (gracias / cerrada) */
.topbar {
  background: var(--tinta);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.topbar img { height: 44px; background: var(--blanco); border-radius: 8px; padding: 5px 10px; }
.topbar .t { color: #fff; font-weight: 600; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; opacity: .9; }

/* tarjeta centrada (gracias / cerrada / avisos) */
.centro {
  max-width: 560px; margin: 8vh auto; padding: 40px 30px; text-align: center;
  background: var(--blanco); border: 1px solid var(--borde); border-radius: 18px;
}
.centro .icono { font-size: 52px; line-height: 1; }
.centro h1 { font-size: 24px; font-weight: 800; margin: 16px 0 8px; }
.centro p { color: var(--tinta-suave); font-size: 15px; }

/* botón principal compartido */
.btn-primario {
  background: var(--azul-oscuro); color: #fff; border: none; border-radius: 12px;
  font: inherit; font-size: 17px; font-weight: 700; padding: 16px 42px; cursor: pointer;
  box-shadow: 0 6px 18px rgba(31,143,216,.35);
  transition: transform .12s, box-shadow .12s;
}
.btn-primario:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(31,143,216,.4); }
.btn-primario:disabled { opacity: .6; cursor: wait; transform: none; }