:root {
    --color-home-bg: #ffffff;
    --color-video-parallax-bg: rgba(0, 93, 165, 0.3);
    --color-services-bg: #BEBDBE;
    --color-about-bg: #BEBDBE;
    --color-image-parallax-bg: rgba(0, 93, 165, 0.3);
    --color-partners-bg: #ffffff;
    --color-projects-bg: #ffffff;
    --color-faq-bg: #BEBDBE;
    --color-contact-bg: #BEBDBE;
    --primary-btn-bg: #005DA5;
    --secondary-btn-bg: #0095DF;
    --primary-text: #333333;
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Roboto', sans-serif;
}
h1, h2, h3 { font-family: var(--font-primary); font-weight: 600; }
p, li, a, input, textarea, button { font-family: var(--font-secondary); font-weight: 400; }
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
p, li, a { font-size: 1rem; }
#home { background-color: var(--color-home-bg); }
#video-parallax { 
    height: 600px; 
    position: relative; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: #fff; 
    text-align: center; 
    text-shadow: 0 2px 4px rgba(0,0,0,0.5); 
}
#video-parallax video { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    z-index: -1; 
}
.h2-img {width:50px; margin-top:-10px;}
.block-sabe {padding-top:140px!important; padding-bottom:100px!important;}
.nav-link {color:#ffffff!important;}
#services { background-color: var(--color-services-bg); padding: 100px 0; }
#about { background-color: var(--color-about-bg); padding: 100px 0; }
.img-alianza {width:170px;}
#image-parallax { 
    background: url('../assets/img/parallax-1.jpg') no-repeat center center; 
    background-size: cover; 
    background-attachment: fixed; 
    height: 600px; 
    position: relative; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: #fff; 
    text-align: center; 
}
#image-parallax::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}
#image-parallax > div {
    position: relative;
    z-index: 2;
}



#alianzas { background-color: var(--color-partners-bg); padding: 100px 0; }
#projects { background-color: var(--color-projects-bg); padding: 100px 0; }
#faq { background-color: var(--color-faq-bg); padding: 100px 0; }
#contact { background-color: var(--color-contact-bg); padding: 100px 0; }
.swiper-slide img { height: 750px; object-fit: cover; width: 100%; }
.card { 
    height: 500px; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    align-items: center; 
    text-align: center; 
    padding: 20px; 
}
.card-body { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    flex-grow: 1; 
}
.compact-collapse { padding: 10px; font-size: 0.9rem; }
.btn-primary { background-color: var(--primary-btn-bg); border-color: var(--primary-btn-bg); }
.btn-outline-secondary { border-color: var(--secondary-btn-bg); color: var(--secondary-btn-bg); }
.partner-logo { display: flex; justify-content: center; align-items: center; height: 100px; }
@media (max-width: 768px) {
    #video-parallax, #image-parallax { background-attachment: scroll; }
}
@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu { display: block; }
    .dropdown-menu { margin-top: 0; }
}
@media (max-width: 991px) {
    .navbar-brand img.header-logo {
        * width: 120px !important; *
    }
    .navbar-toggler {
        margin-left: auto;
    }
}
.dropdown-menu { display: none; }
.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 1000;
}