/*
 * Paleta institucional · Municipalidad de Puerto Montt
 * Referencia: colores globales del sitio oficial puertomontt.cl
 *
 *   Principal   #67CEB0  verde menta   → acento (mis reservas, franja superior)
 *   Secundario  #2061E1  azul          → color primario (botones, enlaces, navegación)
 *   Texto       #3579E1  azul claro    → reservas de terceros
 *   Énfasis     #3A31B0  índigo        → hover / activo
 */
:root {
  --pm-principal: #67ceb0;
  --pm-secundario: #2061e1;
  --pm-texto: #3579e1;
  --pm-enfasis: #3a31b0;
}

/* body[data-bs-theme] gana en especificidad a [data-bs-theme='default'] de librebooking.css */
body[data-bs-theme] {
  --primary: var(--pm-secundario);
  --primary-hover: var(--pm-enfasis);
  --primary-disabled: color-mix(in oklab, var(--pm-secundario) 40%, white);
  --text-color-btn: #ffffff;

  /* Utilidades de Bootstrap (text-primary, bg-primary, badges, focus) */
  --bs-primary: var(--pm-secundario);
  --bs-primary-rgb: 32, 97, 225;
  --bs-link-color: var(--pm-secundario);
  --bs-link-color-rgb: 32, 97, 225;
  --bs-link-hover-color: var(--pm-enfasis);
  --bs-link-hover-color-rgb: 58, 49, 176;
  --bs-focus-ring-color: rgba(32, 97, 225, 0.25);

  /* Calendario de reservas */
  --reserved: var(--pm-texto);
  --reservedMine: var(--pm-principal);
}

/* Franja institucional sobre la barra de navegación */
.navbar.sticky-top {
  border-top: 4px solid var(--pm-principal);
}

/* Enlaces de recursos en la tabla de horarios (tenían azul fijo) */
table.reservations td.resourcename a {
  color: var(--pm-secundario);
}

table.reservations td.resourcename a:hover {
  color: var(--pm-enfasis);
}

/* Columna "hoy" en el calendario */
table.reservations tr.today td.resdate,
table.reservations td.today,
#reservations .mobile td.today {
  background-color: var(--pm-principal);
}

/* Reserva seleccionada */
.reserved.clicked {
  background-color: var(--pm-enfasis);
}

/* Controles de formulario al recibir foco */
.form-control:focus,
.form-select:focus {
  border-color: var(--pm-texto);
  box-shadow: 0 0 0 0.25rem rgba(32, 97, 225, 0.25);
}

/* =========================================================
 * Look "Modernist" · aplicado a todo el sitio
 * Base: mockup "Gestionar reservas" (Claude Design, sep-2026)
 * Tipografía Archivo, esquinas rectas, separadores de 2px.
 * ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');

body {
  font-family: 'Archivo', 'Hind', system-ui, sans-serif;
}

/* Esquinas rectas en toda la UI (radio 0 del sistema Modernist) */
.btn,
.form-control,
.form-select,
.card,
.dropdown-menu,
.accordion-item,
.accordion-button,
.modal-content,
.alert,
.badge,
.nav-tabs .nav-link {
  border-radius: 0 !important;
}

/* Separadores de sección más marcados (2px en vez de 1px) */
.card,
.accordion-item,
hr,
.border-bottom,
.border-top {
  border-width: 2px !important;
}

/* Encabezados de página con un poco más de peso, al estilo del mockup */
h1, .h1 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Línea de acento mint bajo los ítems del menú principal al pasar el mouse (prueba) */
.navbar-nav .nav-link {
  border-bottom: 2px solid transparent;
}

.navbar-nav .nav-link:hover {
  border-bottom-color: var(--pm-principal);
}