header .navbar-fixed{
    background-color: #232469 !important;
}

header .btn-academica{
    background: transparent !important;
    color: #000 !important;
    text-transform: none !important;
}

.navbar .attr-right .attr-nav li.button a.btn-academica{
    padding: 12px 14px !important;
}

header .btn-academica img{
    filter: none !important;
}

header .btn-academica::before,
header .btn-academica::after{
    background: #fff !important;
}

header .btn-academica:hover::before,
header .btn-academica:hover::after{
    background: #fafafa !important;
}

header nav.navbar.validnavs .navbar-toggle{
    color: #fff !important;
}

header nav.navbar.validnavs #navbar-menu.show .navbar-toggle{
    color: #232469 !important;
}

footer.bg-dark {
    background-color: #232469 !important;
}

footer.bg-dark .footer-bottom.style-one{
    background-color: #232469 !important;
}

footer ul.contact-list-two li i{
    background-color: #E9E9FD !important;
}

footer ul.contact-list-two li i.fa-facebook{
    color: #22396A;
}

footer ul.contact-list-two li i.fa-instagram{
    color: #22396A;
}

footer ul.contact-list-two li i.fa-tiktok{
    color: #22396A;
}

footer ul.contact-list-two li i.fa-phone-alt{
    color: #22396A;
}

footer ul.contact-list-two li i.fa-envelope{
    color: #22396A;
}

footer .contact-list-two h6{
    line-height: 1;
    margin-bottom: 6px;
}

.gab-breadcrumb{
    background: #232469 !important;
}

.gab-breadcrumb h1{
    color: #fff !important;
}

.gab-home-colegio-photo{
    height: 80vh !important;
}

@media (max-width: 320px) {
    .gab-home-colegio-photo {
        height: 116vh !important;
    }
}

@media (min-width: 321px) and (max-width: 375px) {
    .gab-home-colegio-photo {
        height: 95vh !important;
    }
}

.gab-home-colegio-photo .gab-photo{
    background-image: linear-gradient(180deg, rgba(35,36,105,0.7) 0%,
    rgba(19,20,79,0.7) 100%), url('/assets/img/foto_colegio_gabriela.png');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* ==========================
   Title Gab
========================== */
.gab-home-colegio-photo .title-gab {
    line-height: 1.2;
    font-size: 60px;
}

@media (min-width: 768px) { /* md */
    .gab-home-colegio-photo .title-gab {
        font-size: 65px;
    }
}

@media (min-width: 992px) { /* lg */
    .gab-home-colegio-photo .title-gab {
        font-size: 65px;
    }
}

@media (min-width: 1200px) { /* xl */
    .gab-home-colegio-photo .title-gab {
        font-size: 75px;
    }
}

.gab-home-colegio-photo .title-gab .inline-svg {
    display: inline-block;
    height: 0.8em; /* Escala el SVG al tamaño del texto */
    width: auto;
    vertical-align: baseline; /* o 'middle' según la posición */
    margin-left: 0.1em; /* pequeño espacio entre texto y SVG */
}


/* ==========================
   Lema
========================== */
.gab-home-colegio-photo .lema {
    font-size: 20px;
    margin-top: 30px;
}


.gab-home-colegio-photo .fundado{
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}

.gab-home-colegio-photo .matricula{
    font-size: 40px;
}

@media (min-width: 768px) { /* md */
    .gab-home-colegio-photo .lema {
        font-size: 22px;
        margin-top: 32px;
    }
}

@media (min-width: 992px) { /* lg */
    .gab-home-colegio-photo .lema {
        font-size: 24px;
        margin-top: 30px;
    }
}

@media (min-width: 1200px) { /* xl */
    .gab-home-colegio-photo .lema {
        font-size: 28px;
        margin-top: 30px;
    }
}

.gab-home-colegio-photo .desc-gab {
    font-size: 18px;
    margin-top: 18px;
}


@media (min-width: 768px) { /* md */
    .gab-home-colegio-photo .desc-gab {
        font-size: 19px;
        margin-top: 20px;
    }
}

@media (min-width: 992px) { /* lg */
    .gab-home-colegio-photo .desc-gab {
        font-size: 20px;
        margin-top: 25px;
    }
}

@media (min-width: 1200px) { /* xl */
    .gab-home-colegio-photo .desc-gab {
        font-size: 20px;
        margin-top: 15px;
    }
}


.valores-desc{
    color: #000 !important;
    font-size: 22px;
    line-height: 1.25 !important;
    font-weight: 400;
    text-align: justify;
}

.holder-valores .info .author{
    font-size: 33px;
    font-weight: 600;
    color: #000 !important;
    margin-bottom: 8px;
}

.holder-valores .info p{
    color: #484848 !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2 !important;
    text-align: justify;
}

.holder-valores  .thumb img{
    object-position: unset !important;
}

.holder-valores .tab-innovacion-gab .thumb img{
    object-position: right !important;
}

.gab-sec-study-us{
    background: #D7D8FF !important;
    padding-bottom: 40px;
    padding-top: 40px;
}

.gab-sec-study-us .thumb-style-four .fun-fact{
    padding: 20px !important;
}

.gab-sec-study-us .info .medium{
    font-size: 18px !important;
    line-height: 0.1 !important;
}

.gab-sec-study-us .study-us{
    color: #000 !important;
    font-weight: 400 !important;
    text-align: justify;
}

.gab-sec-study-us .sub-title{
    border: 1px solid #232469;
    border-radius: 8px;
    text-transform: none !important;
    margin-top: 10px;
}

.gab-sec-study-us .btn-nuestros-planes{
    border-radius: 100px;
}

.gab-documentos-int h4{
    font-size: 28px !important;
}

.gab-documentos-int .box-document{
    padding: 20px;
    border: 2px solid #232469;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 20px;
}

.gab-documentos-int .box-document h5{
    font-size: 28px;
    font-weight: 600;
}

.gab-documentos-int .box-document .icon{
    padding-top: 30px;
    padding-bottom: 34px;
}

.gab-documentos-int .box-document .btn{
    font-size: 20px;
    font-weight: 400;
    background: #FFF;
    color: #24266E;
    border: 3px solid #232469;
    padding: 10px 30px;
}

.gab-aplica-us{
    background: #232469 !important;
}

.gab-calendar-hour{
    background: #fff !important;
    border: 1px solid #232469 !important;
    display: block;
}

.gab-calendar-hour .info{
    margin-left: 14px;
}

.gab-calendar-hour .info span{
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    background: none !important;
    -webkit-text-fill-color: #000 !important;
    text-transform: none !important;
}

.gab-calendar-hour .info p{
    color: #484848 !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

.gab-historia p{
    color:#3A3A3A !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 1.2;
    text-align: justify;
}

.gab-mision{
    padding: 20px 40px;
    border: 2px solid #232469;
    background: #232469;
    color: #FFF;
    height: 100%;
}

.gab-mision h2{
    margin-top: 18px !important;
}

.gab-mision p{
    text-align: justify;
}

.gab-vision{
    padding: 20px 40px;
    border: 2px solid #232469;
    background: #fff;
    color: #000000 !important;
}

.gab-vision h2{
    color: #000000 !important;
    margin-top: 10px !important;
}

.gab-vision p{
    color: #3A3A3A !important;
    text-align: justify;
}

.gab-personal .advisor-style-two-item .info{
    padding: 8px;
}

.gab-personal .advisor-style-two-item .info h4{
    font-size: 18px !important;
}

.gab-contact.contact-style-one-area::after{
    background: #232469 !important;
}

.gab-contact-info .item-single{
    border-color: #232469 !important;
    border-radius: 0px !important;
    border-width: 2px !important;

}

/*** Oferta academica ***/

.gab-oferta .desc-oferta{
    background-color: #232469;
    border-radius: 16px;
    color: #fff;
    padding: 16px;
    text-align: justify;
}

.gab-oferta .pricing-style-one-item{
    border-color: #232469 !important;
}

.gab-oferta .pricing-style-one-item .info .icon{
    background: #B1B1DC !important;
}

.gab-oferta .pricing-style-one-item .btn-dark{
    background-color: #232469 !important;
}

.gab-oferta .pricing-style-one-item .bachiller {
    grid-column: 1 / -1; /* ocupa todas las columnas del grid padre */
    display: grid;
    grid-template-columns: auto 1fr auto; /* content | espacio | botón */
    align-items: center;
    width: 100%;
}
.gab-oferta .pricing-style-one-item .bachiller .price{
    flex: 1; /* ocupa todo el espacio restante */
}

/**  whatssap **/
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 2px 4px 12px rgba(0,0,0,0.4);
    background-color: #20ba5a;
}

.whatsapp-float i {
    line-height: 0;
}