/*
 * Identidad de marca — Cámara de Comercio y la Producción de Puno.
 * Sobreescribe el color de acento del tema (venía en morado, preset
 * "blue" de Aquary) por la paleta institucional real: azul marino +
 * verde del escudo CCPP. Se carga en todos los layouts del sistema
 * (panel admin, portal del asociado, login, landing pública) para que
 * el color de marca sea uno solo en todo el sitio.
 */

:root {
    --ccpp-azul: #0b2b52;
    --ccpp-azul-claro: #123a6b;
    --ccpp-verde: #1a7a4c;
    --ccpp-verde-suave: #e8f4ee;
    --ccpp-rojo: #a83b3b;
    --ccpp-rojo-suave: #fbebe9;
    --ccpp-fondo: #f7f5f1;
    --ccpp-texto: #1c2530;

    --bs-primary: var(--ccpp-azul-claro);
    --bs-primary-rgb: 18, 58, 107;
    --bs-link-color: var(--ccpp-azul-claro);
    --bs-link-color-rgb: 18, 58, 107;
    --bs-link-hover-color: var(--ccpp-azul);
    --bs-link-hover-color-rgb: 11, 43, 82;
}

/* Color de selección de texto: el tema no lo define vía variable, así que
   se sobreescribe directamente para que coincida con la marca. */
::selection {
    background-color: var(--ccpp-azul-claro);
    color: #fff;
}

/* Bordes de campos de formulario: el tema los define casi del mismo tono
   que el fondo claro, así que se pierden visualmente. Se marca un borde
   visible y, al enfocar, el azul institucional en vez del morado. */
.form-control,
.form-select {
    border: 1px solid #d8d4c9 !important;
    background-color: #fff !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--ccpp-azul-claro) !important;
    box-shadow: 0 0 0 0.2rem rgba(18, 58, 107, 0.15) !important;
}

/* Select2 a veces calcula mal el ancho inicial (queda angosto, mostrando
   solo la flecha) cuando se inicializa sobre un <select class="form-select">
   de Bootstrap 5 sin su tema de integración. Se fuerza el ancho completo
   del contenedor padre en vez de confiar en el cálculo del plugin. */
.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
    border: 1px solid #d8d4c9 !important;
    display: flex;
    align-items: center;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
    line-height: normal;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
}