@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

html{
    font-family: "Raleway", sans-serif !important;
    background-color: #fff;
    width: 100% !important;
    overflow-x: hidden;
    font-weight: normal !important;
}

body{
    font-family: "Raleway", sans-serif !important;
    font-weight: normal !important; 
    width: 100% !important;
    overflow-x: hidden;
}

.nav-cocoin{
    background-color: #FFFFFF;
    border: 1px solid #70707019 !important;
    opacity: 1;
}

.nav-link{
    color: #295C96 !important;
    font-weight: 500 !important;
}

.active{
    font-weight: bold !important;
}

.desc-slide-home{
    background-color: #2F7BDA !important;
    opacity: 0.91 !important;
}

.title1{
    color: #00272B !important;
    font-weight: 700;
}

.btn-vermas{
    background-color: #017DDA !important;
    color: #FEFEFE !important;
}

.btn-vermas2{
    background-color: #09202A !important;
    color: #FEFEFE !important;
}

#servicios-home{
    background-color: #017DDA;
}

#forces{
    background-color: #09202A;
}

#tractor{
    background-color: #295C96;
}

#copy{
    background-color: #2F7BDA;
    color: #FEFEFE;
}

.carousel-indicators {
    margin-bottom: -3rem !important;
}

.text-endCenter{
    text-align: end;
}

#about-fort{
    background-color: #FEFEFE;
}

.text-verde{
    color: #00272B;
}

.text-gray2{
    color: #6F6D71;
}

#mision{
    background-color: #5D93E2;
}

#vision{
    background-color: #2F7BDA;
}

#process{
    background-color: #D5D5D1;
}

#process > div > .row > .col > .card{
    transition: background-color 0.3s, color 0.3s;
    background-color: transparent !important;
}
#process > div > .row > .col > .card:hover {
    background-color: #5D93E2 !important; 
}

#process > div > .row > .col > .card:hover > h1{
    background-color: #2F7BDA !important; 
}

#process > div > .row > .col > .card:hover > p, h1 {
    color: #FEFEFE !important;
}

#servicios-home > div > div > .row2 > .col-md {
    transition: background-color 0.3s, color 0.3s;
}
#servicios-home > div > div > .row2 > .col-md img {
    transition: width 0.3s, content 0.3s;
}

#servicios-home > div > div > .row2 > .col-md .hiddenV{
    display: none;
}

#servicios-home > div > div > .row2 > .col-md:hover .hiddenV{
    display: block;
}

#servicios-home > div > div > .row2 > .col-md:hover {
    background-color: #00272B;
}
#servicios-home > div > div > .row2 > .col-1:hover img {
    content: url('../img/asfalto_azul.svg?v=1');
}
#servicios-home > div > div > .row2 > .col-2:hover img {
    content: url('../img/infraestructura_azul.svg');
}
#servicios-home > div > div > .row2 > .col-3:hover img {
    content: url('../img/movimientos_azul.svg');
}
#servicios-home > div > div > .row2 > .col-4:hover img {
    content: url('../img/trituracion_azul.svg?v=2');
}
#servicios-home > div > div > .row2 > .col-5:hover img {
    content: url('../img/concretos_azul.svg');
}
#servicios-home > div > div > .row2 > .col-6:hover img {
    content: url('../img/perfo_azul.svg');
}
#servicios-home > div > div > .row2 > .col-md:hover p.fw-bold {
    color: white;
}

#map{
    background-color: #2F3E48;
}

.img-map{
    margin-top: -40%;
}

.mt-6{
    margin-top: 6rem !important;
}

.wh100{
    width: 100% !important;
}

#construct{
    background-color: #EBEAE7;
}

.w-con{
    display: flex;
    flex-direction: row !important;
}

.pyP13{
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.blue{
    background-color: #285C97 !important;
    color: white !important;
}

.nav-tabs {
    --bs-nav-tabs-border-color: none !important;
}

#map div nav .active{
    background-color: #0294FF !important;
}

#forces div div .nav .active{
    background-color: #017DDA !important;
}

.card-blue {
    background: rgba(48, 123, 218, 0.61) !important; /* Color azul con opacidad aplicada al fondo */
    border-radius: 0px 28px 28px 28px;
}

ul li {
    opacity: 1; /* Se asegura de que el texto no tenga opacidad */
}

.bwhite{
    background-color: #FEFEFE !important;
    color: #295C96;
    border: 2px solid #295C96 !important;
}

.bblue{
    background-color: transparent !important;
    color: #FEFEFE !important;
    border: 2px solid #017DDA !important;
}

#about-fort div div div .active{
    background-color: #295C96 !important;
    color: #FFFFFF !important;
}

.principios{
    background: #2F7BDA 0% 0% no-repeat padding-box;
}

.blue2{
    background-color: #2F3E48 !important;
    color: #FEFEFE !important;
}

#principios nav div .active{
    background-color: #2F7BDA !important;
}

.card-blue{
    width: 50%;
}

@media (max-width: 3060px) {
}

@media (max-width: 1280px) {
}

/* LG */
@media (max-width: 1199px) {
}

/* MD */
@media (max-width: 991px) {
    
}

@media (min-width: 1400px) {
    .img-map{
        margin-top: -20%;
    }
}

/* SM */
@media (max-width: 767px) {
    .img-100{
        width: 100% !important;
        margin-top: -40% !important;
    }
    .center-phone, .text-endCenter{
        text-align: center !important;
    }
    .wh100{
        min-height:200px !important; 
        max-height:50vh; 
        width: 200% !important;
        margin-left: -50%;
    }
    #servicios-home > div > div > .row2 > .col-md {
        width: 100% !important;
    }
    .img-map{
        margin-top: 30%;
        margin-bottom: 40%;
    }
    .mt-6{
        margin-top: 0 !important;
    }
    .showPhone{
        display: block !important;
    }
    .hiddenPhone{
        display: none !important;
    }
    
    .w-con{
        display: flex;
        flex-direction:column-reverse !important;
    }
    #process > div > .row > .col {
        flex: revert !important;
    }
    .logoph{
        width: 200px;
    }
    h4{
        font-size: 1.1rem !important;
    }
    .pxP{
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .ptrans{
        background-color: #F9F9F9 !important;
    }
    .h2pac{
        font-size: 0.8rem !important;
        text-align: start !important;
    }
    .h5pac{
        font-size: 0.5rem !important;
        text-align: start !important;
    }
    .pyP13{
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .card-blue{
        top: 18% !important;
        width: 95% !important;
        max-height: 35% !important;
    }
}

/* XS */
@media (max-width: 575px) {}

/* XS */
@media (max-width: 330px) {}