/* ============================================================
   css/tema.css
   HOJA DE CONFIGURACIÓN DE COLORES DEL AYUNTAMIENTO
   (páginas de proveedores y contratistas; el panel de administración no la usa)

   Los colores primario y secundario YA NO se cambian aquí: se toman de
   municipio/configuracion.php (sección 3). Los valores de abajo solo
   son de respaldo. Botones, ventanas de aviso, pestañas, títulos y
   barra superior toman esos colores automáticamente.
   ============================================================ */

/* ---------- 1. COLORES (primario y secundario: ver municipio/configuracion.php) ---------- */
:root {
  --color-primario: #8a0071;   /* rosa / guinda: barra superior y botones principales (guardar, enviar, aceptar) */
  --color-secundario: #0f2c73; /* azul: botones secundarios (adjuntar, editar, buscar, cancelar) */
  --color-primario-rgb: 138, 0, 113; /* el mismo primario en números (para transparencias) */
  --color-exito: #28a745;      /* verde: palomitas de "completo" */
  --color-texto: #323232;      /* texto general */
  --color-fondo: #f4f4f4;      /* fondo de las páginas */
  --color-blanco: #ffffff;

  /* Nombres que ya usan style.css y style-modales.css (no modificar) */
  --guinda: var(--color-primario);
  --dorado: var(--color-secundario);
  --rojo-boton: var(--color-primario);
  --verde: var(--color-exito);
  --gris-oscuro: var(--color-texto);
  --gris-claro: var(--color-fondo);
  --blanco: var(--color-blanco);
}

/* ---------- 2. BOTONES: solo dos colores en toda la plataforma ---------- */
/* Principal (rosa): también cuando está desactivado, enfocado o presionado */
.btn-guardar-datos,
.btn-guardar-datos:hover,
.btn-guardar-datos:focus,
.btn-guardar-datos:active,
.btn-guardar-datos:disabled {
  background-color: var(--color-primario) !important;
  border-color: var(--color-primario) !important;
  color: var(--color-blanco) !important;
}

/* Secundario (azul) */
.btn-buscar, .btn-buscar:hover, .btn-buscar:focus, .btn-buscar:active, .btn-buscar:disabled,
.btn-nueva, .btn-nueva:hover, .btn-nueva:focus, .btn-nueva:active, .btn-nueva:disabled,
.btn-adjuntar, .btn-adjuntar:hover, .btn-adjuntar:focus, .btn-adjuntar:active, .btn-adjuntar:disabled,
.btn-editar, .btn-editar:hover, .btn-editar:focus, .btn-editar:active, .btn-editar:disabled {
  background-color: var(--color-secundario) !important;
  border-color: var(--color-secundario) !important;
  color: var(--color-blanco) !important;
}

/* Botones de Bootstrap: azul claro y gris se reemplazan por los del ayuntamiento */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--color-primario);
  border-color: var(--color-primario);
  color: var(--color-blanco);
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:disabled,
.btn-secondary:not(:disabled):not(.disabled):active {
  background-color: var(--color-secundario);
  border-color: var(--color-secundario);
  color: var(--color-blanco);
}

.btn:focus,
.btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

/* ---------- 3. VENTANAS DE AVISO (todas con el mismo diseño) ---------- */
.swal2-popup {
  font-family: "Montserrat", sans-serif;
  border-top: 6px solid var(--color-primario);
  border-radius: 12px;
}

.swal2-title {
  color: var(--color-texto);
  font-weight: 700;
}

.swal2-html-container {
  color: var(--color-texto);
}

/* Aceptar / confirmar: rosa · Cancelar: azul */
.swal2-styled.swal2-confirm {
  background-color: var(--color-primario) !important;
  border-radius: 8px;
  font-weight: 600;
}

.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
  background-color: var(--color-secundario) !important;
  border-radius: 8px;
  font-weight: 600;
}

.swal2-styled:focus {
  box-shadow: none !important;
}

/* Íconos de pregunta, advertencia e información en azul */
.swal2-icon.swal2-question,
.swal2-icon.swal2-warning,
.swal2-icon.swal2-info {
  border-color: var(--color-secundario) !important;
  color: var(--color-secundario) !important;
}

/* ---------- 4. PAGINACIÓN (directorio público) ---------- */
.page-link {
  color: var(--color-secundario);
}

.page-item.active .page-link {
  background-color: var(--color-primario);
  border-color: var(--color-primario);
  color: var(--color-blanco);
}

/* Títulos y encabezados con el color del ayuntamiento (catálogo de giros) */
.texto-primario {
  color: var(--color-primario);
  font-weight: bold;
}

.encabezado-primario {
  background-color: var(--color-primario);
  color: var(--color-blanco);
}