/* ===================================================================
   CIAE Retiros Anticipados
   Manual de Marca CIAE:
   Azul Institucional #0D1B2E · Dorado Neutro #B8A27A
   Beige Claro #E8E1D5 · Gris Profesional #5C5C5C · Blanco Marfil #FAF9F6
   Tipografías: Montserrat (títulos) / Open Sans (texto)
   Todo queda scopeado bajo .ciae-ra para no filtrar estilos a la página.
   =================================================================== */

.ciae-ra{
  --ciae-azul: #0D1B2E;
  --ciae-dorado: #B8A27A;
  --ciae-beige: #E8E1D5;
  --ciae-gris: #5C5C5C;
  --ciae-marfil: #FAF9F6;

  font-family:'Open Sans', -apple-system, sans-serif;
  color:var(--ciae-azul);
}

.ciae-ra h1, .ciae-ra h2, .ciae-ra h3, .ciae-ra h4{
  font-family:'Montserrat', sans-serif;
  color:var(--ciae-azul);
  font-weight:600;
}

.ciae-ra .ciae-card{
  background:#fff;border:1px solid #EFEBE2;border-radius:16px;padding:20px 22px;margin:14px 0;
  box-shadow:0 1px 3px rgba(13,27,46,.06);
}
.ciae-ra .ciae-card h3{
  margin-top:0;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--ciae-dorado);font-size:16.5px;
}

.ciae-ra .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ciae-ra .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}

.ciae-ra label{
  display:block;font-family:'Montserrat', sans-serif;font-weight:600;font-size:12.5px;
  color:var(--ciae-gris);margin:10px 0 6px;
}
.ciae-ra input, .ciae-ra textarea, .ciae-ra select{
  width:100%;padding:10px 12px;border:1px solid #DDD7C9;border-radius:10px;background:#fff;
  font-family:'Open Sans', sans-serif;font-size:14px;color:var(--ciae-azul);
  box-sizing:border-box;transition:border-color .15s ease, box-shadow .15s ease;
}
.ciae-ra input:focus, .ciae-ra textarea:focus, .ciae-ra select:focus{
  outline:none;border-color:var(--ciae-dorado);box-shadow:0 0 0 3px rgba(184,162,122,.2);
}
.ciae-ra input[readonly]{background:var(--ciae-beige);color:var(--ciae-gris)}

.ciae-ra .btn{
  font-family:'Montserrat', sans-serif;font-weight:600;font-size:13px;
  border:1px solid #DDD7C9;border-radius:10px;padding:9px 16px;background:#fff;color:var(--ciae-azul);
  cursor:pointer;transition:all .15s ease;
}
.ciae-ra .btn:hover{border-color:var(--ciae-dorado);background:var(--ciae-beige)}
.ciae-ra .btn.btn-light{background:var(--ciae-marfil);border-color:#E4E0D8;color:var(--ciae-gris)}
.ciae-ra .btn.btn-light:hover{color:var(--ciae-azul);border-color:var(--ciae-dorado)}
.ciae-ra .btn.btn-danger{background:#fff;border-color:#E0B9BE;color:#8A2E3A}
.ciae-ra .btn.btn-danger:hover{background:#F6E5E6;border-color:#8A2E3A}

.ciae-ra .btn-primary{
  font-family:'Montserrat', sans-serif;font-weight:600;font-size:13.5px;
  background:var(--ciae-azul);color:var(--ciae-marfil);border:none;border-radius:10px;
  padding:11px 18px;cursor:pointer;transition:background .15s ease;
}
.ciae-ra .btn-primary:hover{background:#16273e}
.ciae-ra .btn-primary:disabled, .ciae-ra .btn:disabled{opacity:.5;cursor:not-allowed}

.ciae-ra .muted{color:var(--ciae-gris);font-size:12px}

.ciae-ra .ciae-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:13.5px}
.ciae-ra .ciae-table th{
  font-family:'Montserrat', sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--ciae-gris);text-align:left;padding:0 12px;
}
.ciae-ra .ciae-table td{
  background:var(--ciae-marfil);padding:12px;border-top:1px solid #EFEBE2;border-bottom:1px solid #EFEBE2;
}
.ciae-ra .ciae-table td:first-child{border-left:1px solid #EFEBE2;border-radius:10px 0 0 10px}
.ciae-ra .ciae-table td:last-child{border-right:1px solid #EFEBE2;border-radius:0 10px 10px 0}

.ciae-ra .badge{
  display:inline-block;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:600;
  font-family:'Montserrat', sans-serif;
}
.ciae-ra .badge-pending{background:#F3EBDC;border:1px solid var(--ciae-dorado);color:#7A6743}
.ciae-ra .badge-authorized{background:#E7F0E8;border:1px solid #8FBF97;color:#1F5132}
.ciae-ra .badge-released{background:var(--ciae-azul);border:1px solid var(--ciae-azul);color:#fff}
.ciae-ra .badge-expired{background:#F6E5E6;border:1px solid #D79AA1;color:#7A2530}

.ciae-ra .filters{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}

.ciae-ra .ciae-alert{padding:14px 16px;border-radius:12px;font-size:13.5px}
.ciae-ra .ciae-alert-warn{background:#F3EBDC;border:1px solid var(--ciae-dorado);color:var(--ciae-azul)}

/* Subcard (opciones rápidas) */
.ciae-ra .ciae-subcard{
  background:var(--ciae-beige);
  border:1px solid #DDD7C9;
  border-radius:14px;
  padding:16px;
}
.ciae-ra .ciae-subcard strong{font-family:'Montserrat', sans-serif;color:var(--ciae-azul)}

#page-indicator{font-size:12.5px;color:var(--ciae-gris);font-family:'Montserrat', sans-serif}

@media (max-width: 780px){
  .ciae-ra .grid2, .ciae-ra .grid3{grid-template-columns:1fr}
}