@font-face { font-family: 'DMSans'; src: url('fonts/DMSans-VariableFont.ttf'); }
@font-face { font-family: 'DMSans-Italic'; src: url('fonts/DMSans-Italic-VariableFont.ttf'); }
@font-face { font-family: 'Glock Grotesque Medium'; src: url('fonts/GlockGrotesque-Medium.ttf'); }
@font-face { font-family: 'Glock Grotesque'; src: url('fonts/GlockGrotesque2-Regular.otf'); }

.font_base{ font-family: 'DMSans'; letter-spacing: -1px; line-height: 0.9; }
.font_pop{ font-family: 'Glock Grotesque Medium'; line-height: 1; }
.font_acento{ font-family: 'Glock Grotesque'; line-height: 0.8; }
.font_clara, body{ color: #eee9df; }
.font_oscura{ color: #3c3c3b; }
.font_color, .modal-title{ color: #ff751f; }

h1.font_pop{ font-size: 5rem;}
h2.font_pop{ font-size: 4.5rem; }
h3.font_pop{ font-size: 4rem; }
h4.font_pop{ font-size: 3.5rem; }
h5.font_pop{ font-size: 3rem; }

h1.font_base{ font-size: 3.4rem; }
h2.font_base{ font-size: 2.99rem; }
h3.font_base{ font-size: 2.62rem; }
h4.font_base{ font-size: 2.34rem; }
h5.font_base{ font-size: 2.24rem; }
h6.font_base{ font-size: 2.15rem; }
p.font_base{ font-size: 1.87rem; }
    

.w100{ width: 100%; }
.pb2{ padding-bottom: 2rem; }
.pb4{ padding-bottom: 4rem; }
.pb6{ padding-bottom: 6rem; }
.mb2{ margin-bottom: 2rem; }

.navbar{ background-image: url('header.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; padding: 1rem .5rem 2.5rem; }
.logo{ width: 20%; }
.banner{ background-image: url('seccion1.png'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 23px 23px 0 0; height: 900px; margin-top: -21px; z-index: 9999; position: relative; }
.banner .container{ padding-top: 14rem; }
.secc-2{ background-image: url('seccion2.png'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 900px; }
.secc-2 h2{ font-size: 4rem; }
.secc-3{ background-image: url('seccion3.png'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 900px; }
/* .secc-4{ background-image: url('seccion4.png'); background-size: 100% auto; background-repeat: no-repeat; height: 800px; } */
.secc-4{ background-color: #3C3C3B; border-radius: 23px 23px 0 0; padding-top: 4rem; margin-top: -1.5rem; height: 900px; }

.socios-estrategicos{ background-color: #545454; border-radius: 15px; padding: 30px 20px 20px; }
.socios-estrategicos img{ width: 100px; }
.socios-estrategicos h6{ font-weight: 800; padding: 2rem 0; }
.socios-estrategicos h4{ font-size: 1.9rem; }

.secc-5{ background-image: url('seccion5.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; height: 900px; }
.secc-6{ background-image: url('seccion6.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; height: 900px; }

.secc-6 h3{ font-weight: 800; padding-bottom: 2rem; }
.secc-6 p{ font-size: 1.55rem; text-align: center; padding-top: 2rem; }
.carousel-item{ padding: 1rem 3rem 3rem; }
.carousel-indicators{ bottom: -10px; }
.carousel-control-next, .carousel-control-prev{ opacity: 1 !important; }

.secc-7{ background-image: url('seccion7.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; height: 900px; }
.secc-7 h1{ font-weight: 800; }
.mision, .vision{ border-left: 3px solid #EE7D3A; padding: 1rem 11rem 4rem 1rem; }

.secc-8{ background-image: url('seccion8.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; height: 650px; border-radius: 23px 23px 0 0; margin-top: -21px; position: relative; z-index: 999; }
.footer{ background-image: url('footer.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; height: 215px; }
.logo-contacto{ width: 55%; }
.slogan-contacto{ width: 35%; }
input.form-control{ height: 55px; }
.form-control{ border-radius: 18px; border: none; padding: .575rem 1.5rem; }
input::placeholder, textarea::placeholder{ color: #EE7D3A !important; opacity: 0.5; font-family: 'DMSans'; font-weight: 500; font-size: 1.2rem; }
.enviar_form{ width: 100%; background-color: #42190C; border: none; border-radius: 18px; height: 3rem; color: #fff; font-family: 'DMSans'; font-size: 1.3rem; }


@media (min-width: 768px) {
    .middle-esp{ width: 54% !important; }
    .middle-esp-2{ width: 42% !important; }
    .socios-estrategicos{ width: 32% !important; }
}

@media (max-width: 767px){ 
    h1.font_pop{ font-size: 2.3rem; }
    h2.font_pop{ font-size: 1.9rem; }
    h3.font_pop{ font-size: 2rem; }
    h4.font_pop{ font-size: 1.9rem; }
    h5.font_pop{ font-size: 1.8rem; }

    h1.font_base{ font-size: 3rem; }
    h2.font_base{ font-size: 2.1rem; }
    h3.font_base{ font-size: 2rem; }
    h4.font_base{ font-size: 1.52rem; }
    h5.font_base{ font-size: 1.8rem; }
    h6.font_base{ font-size: 1.9rem; }
    p.font_base{ font-size: 1.7rem; }

    .pb3m{ padding-bottom: 3rem; }
    .pd0m{ padding: 0; }
    .logo{ width: 60%; }
    .socios-estrategicos{ margin-bottom: 1.5rem; }
    .socios-estrategicos h4{ font-size: 1.86rem; }
    .secc-6 h3{ text-align: center; }
    .secc-6 p{ width: 85%; margin: 0 auto; }
    .secc-7 h4{ width: 90%; font-size: 2.4rem; }
    .mision, .vision{ padding: 1rem 1rem 3rem 1rem; margin-bottom: 3rem; }

    .banner{ background-image: url('banner_mov.png'); }
    .banner .container { padding-top: 22rem; }
    .secc-6{ padding: 6rem 0 0; }
    .secc-6 .col-md-3{ padding: 0 15px 5rem; }
    .logos{ min-height: 270px; padding-top: 3.5rem; }
    .banner{ padding-bottom: 2rem; }
    .secc-2, .secc-3, .secc-5{ height: 600px; }
    .secc-4{ height: fit-content; padding-bottom: 4rem; }
    .secc-7{ padding-top: 6rem; }
    .secc-8, .secc-7, .secc-6{ height: fit-content; }
    
    .secc-3 h2.font_pop{ font-size: 2.1rem; }
    .secc-3 h2.font_base{ font-size: 1.8rem; }
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{ display: block !important; }
    
    .slogan-contacto{ width: 100%; }
    .secc-2{ background-image: url('seccion2-mov.png'); }
    .secc-3{ background-image: url('seccion3-mov.png'); }
    .secc-5{ background-image: url('seccion5-mov.png'); }
    .secc-6{ background-image: url('seccion6-mov.png'); }
    .secc-7{ background-image: url('seccion7-mov.png'); }

}

@media (min-width: 768px) and (max-width: 1024px){ 
    h1.font_pop{ font-size: 2.5rem; }
    h2.font_pop{ font-size: 2.4rem; }
    h3.font_pop{ font-size: 2.3rem; }
    h4.font_pop{ font-size: 1.9rem; }
    h5.font_pop{ font-size: 1.6rem; }

    h1.font_base{ font-size: 1.7rem; }
    h2.font_base{ font-size: 1.5rem; }
    h3.font_base{ font-size: 1.4rem; }
    h4.font_base{ font-size: 1.3rem; }
    h5.font_base{ font-size: 1.25rem; }
    h6.font_base{ font-size: 1.2rem; }
    p.font_base{ font-size: 1.1rem; }

    .logo{ width: 30%; }
    .banner .col-md-9{ width: 80% !important; }
    .banner .col-md-5{ width: 45% !important; }
    .socios-estrategicos img{ width: 80px; }
    .socios-estrategicos h4{ font-size: 1rem; }
    .secc-6 h3{ text-align: center;}
    .secc-6 .col-md-3{ width: 30%; }
    .mision, .vision{ padding: 1rem 4.5rem 3rem 1rem; }
    .banner .container{ padding-top: 22rem; }
    .banner, .secc-2, .secc-3, .secc-4, .secc-5, .secc-6, .secc-7{ height: 700px; }
}

@media (min-width: 2560px){
    .logos{ min-height: 370px; }
    .banner{ height: 1400px; }
    .secc-2, .secc-3, .secc-4, .secc-5, .secc-6, .secc-7{ min-height: 1200px; background-position: center; }
}