/* Ajustes propios de Umovil sobre Bootstrap (cargado por CDN).
   Colores extraídos directamente del logo/ícono oficial. */

:root {
    --umovil-blue: #0071F7;
    --umovil-teal: #01D4CD;
    --umovil-teal-strong: #00A99D; /* variante más oscura, para texto/botones legibles */
    --umovil-navy: #002C6A;

    /* Reemplaza la paleta "primary" de Bootstrap 5.3 (usa variables CSS) */
    --bs-primary: var(--umovil-blue);
    --bs-primary-rgb: 0, 113, 247;
    --bs-primary-text-emphasis: var(--umovil-navy);
    --bs-primary-bg-subtle: #d9ecff;
    --bs-primary-border-subtle: #a8d2ff;

    --bs-link-color: var(--umovil-blue);
    --bs-link-color-rgb: 0, 113, 247;
    --bs-link-hover-color: var(--umovil-navy);
    --bs-link-hover-color-rgb: 0, 44, 106;

    /* El verde "success" de Bootstrap pasa a ser el turquesa de la marca */
    --bs-success: var(--umovil-teal-strong);
    --bs-success-rgb: 0, 169, 157;
}

body {
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

.navbar-brand img {
    height: 32px;
    width: auto;
}

/* Degradado de marca (azul -> turquesa), usado en la portada y otros bloques destacados */
.brand-gradient {
    background: linear-gradient(135deg, var(--umovil-blue) 0%, var(--umovil-teal) 100%);
}

.text-brand-navy {
    color: var(--umovil-navy) !important;
}

.certificate-box {
    border-color: var(--umovil-blue) !important;
}