/*
 * Estilos base del sitio. Se cargan después de Bootstrap.
 * Estructura:
 *   css/app.css           → variables de marca y ajustes globales
 *   css/layout/*.css      → header, footer y piezas del layout
 *   css/pages/*.css       → estilos propios de una página (@push('styles'))
 */

/* Paleta de marca: cambiar aquí actualiza todo el sitio. */
:root {
    --vc-primario: #611232;
    --vc-primario-rgb: 97, 18, 50;
    --vc-primario-oscuro: #3a0b1e;
    --vc-acento: #d9bb8a;
    --vc-acento-claro: #f6eee1;
    --vc-acento-fuerte: #a8803f; /* dorado oscurecido: estrellas legibles sobre blanco */

    --bs-link-color: var(--vc-primario);
    --bs-link-color-rgb: var(--vc-primario-rgb);
    --bs-link-hover-color: var(--vc-primario-oscuro);
    --bs-link-hover-color-rgb: 58, 11, 30;
    --bs-focus-ring-color: rgba(var(--vc-primario-rgb), 0.25);
}

body {
    background-color: #f8f9fa;
}

.breadcrumb {
    --bs-breadcrumb-font-size: 0.875rem;
}

.error-codigo {
    color: var(--vc-primario);
}

/* Botones de marca */
.btn-vc-primario {
    --bs-btn-bg: var(--vc-primario);
    --bs-btn-border-color: var(--vc-primario);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--vc-primario-oscuro);
    --bs-btn-hover-border-color: var(--vc-primario-oscuro);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--vc-primario-oscuro);
    --bs-btn-active-border-color: var(--vc-primario-oscuro);
    --bs-btn-active-color: #fff;
    border-bottom: 3px solid var(--vc-acento);
}

.btn-vc-outline {
    --bs-btn-color: var(--vc-primario);
    --bs-btn-border-color: var(--vc-primario);
    --bs-btn-hover-bg: var(--vc-primario);
    --bs-btn-hover-border-color: var(--vc-primario);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--vc-primario-oscuro);
    --bs-btn-active-border-color: var(--vc-primario-oscuro);
    --bs-btn-active-color: #fff;
}