:root {
    --primary-color:        #00ADD7;
    --primary-hover-color:  #0078A7;
    --primary-active-color: #0078A7;
    --primary-disabled-bg:  #A2E3EE;  /* un tono claro de primary para estados deshabilitados */
    --secondary-color:      #0078A7;
}

/* Texto principal */
.text-primary {
    color: var(--primary-color) !important;
}

/* Logo de la navbar */
.navbar-logo img {
    content: url("https://masivo.itmsas.com/img/logomenu.png");
}

/* Botón primario */
.btn-primary {
    --bs-btn-color:                  #fff;
    --bs-btn-bg:                     var(--primary-color);
    --bs-btn-border-color:           var(--primary-color);

    --bs-btn-hover-color:            #fff;
    --bs-btn-hover-bg:               var(--primary-hover-color);
    --bs-btn-hover-border-color:     var(--primary-hover-color);

    --bs-btn-focus-shadow-rgb:       0, 173, 215;

    --bs-btn-active-color:           #fff;
    --bs-btn-active-bg:              var(--primary-active-color);
    --bs-btn-active-border-color:    var(--primary-active-color);
    --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color:         #fff;
    --bs-btn-disabled-bg:            var(--primary-disabled-bg);
    --bs-btn-disabled-border-color:  var(--primary-disabled-bg);
}

/* Botón outlined primario */
.btn-outline-primary {
    --bs-btn-color:                  var(--primary-color);
    --bs-btn-border-color:           var(--primary-color);

    --bs-btn-hover-color:            #fff;
    --bs-btn-hover-bg:               var(--primary-color);
    --bs-btn-hover-border-color:     var(--primary-color);

    --bs-btn-focus-shadow-rgb:       0, 173, 215;

    --bs-btn-active-color:           #fff;
    --bs-btn-active-bg:              var(--primary-hover-color);
    --bs-btn-active-border-color:    var(--primary-hover-color);
    --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color:         var(--primary-color);
    --bs-btn-disabled-bg:            transparent;
    --bs-btn-disabled-border-color:  var(--primary-color);

    --bs-gradient: none;
}

/* Full-height helper */
.h-100 {
    height: 100vh !important;
}

/* Enlaces */
a {
    color: var(--secondary-color);
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
}

/* Nav pills */
.nav-pills {
    --bs-nav-pills-border-radius:      0.375rem;
    --bs-nav-pills-link-active-color:  #fff;
    --bs-nav-pills-link-active-bg:     var(--primary-color);
}