/* ================================
  Sección Empresas
===================================*/
#empresas {
    scroll-margin-top: 90px;
}

#mision-vision {
    scroll-margin-top: 30px;
}

.empresas_wrap {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 5%;
}

.logo_empresas {
    display: flex;
    justify-content: center;
}

.logo_empresas img {
    width: 25%;
}

.row_1_empresas,
.row_2_empresas {
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.row_1_empresas a,
.row_2_empresas a {
    width: 14%;
    transition: all 0.2s ease-in-out;
}

.row_1_empresas a:hover,
.row_2_empresas a:hover {
    transform: scale(1.02);
}

/* Movil */

@media screen and (max-width: 430px) {

    .row_1_empresas,
    .row_2_empresas {
        display: flex;
        flex-direction: column;
    }

    .row_1_empresas a,
    .row_2_empresas a {
        width: 60%;
        margin: 20px 0;
    }

    .logo_empresas img {
        width: 59%;
    }
}

/* ================================
  Sección Misión y Visión 
===================================*/

.mis_vis_wrap {
    width: 100%;
    height: 50vw;
    background-image: url(https://frasangroup.com/img/new/background_3_frasangroup.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mis_vis_up h1 {
    color: #145381;
    text-shadow: -2px 4px 6px white;
    font-size: 4vw;
    font-family: Segoe UI;
    font-weight: 700;
    margin-left: 10%;
    padding-top: 4%;
}

.mis_vis_wrap {
    display: grid;
    grid-template: 50% 50% / 100%;
}

.mis_vis_down {
    margin: auto;
    width: 85%;
    display: flex;
    justify-content: space-between;
}

.mis_vis_card_1,
.mis_vis_card_2 {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    width: 45%;
    box-sizing: border-box;
    padding: 1.4vw 2vw;
}

.card_mis,
.card_vis {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5vw;
}

.mis_p p,
.vis_p p {
    color: #000;
    text-align: center;
    font-size: 1.3vw;
    font-family: Segoe UI;
    line-height: 122%;
}

.mis_pleca,
.vis_pleca {
    background-color: black;
    border-radius: 6px;
}

.mis_pleca h2,
.vis_pleca h2 {
    color: #FFF;
    text-shadow: -3px 4px 2px 0px #000;
    font-size: 2vw;
    font-family: Segoe UI;
    font-weight: 700;
    padding: .6vw 4vw;
    margin-top: 6px;
}

/* Movil */

@media screen and (max-width: 430px) {
    .mis_vis_wrap {
        width: 100%;
        height: 150vw;
    }

    .mis_vis_up h1 {
        margin-left: 0;
        padding-top: 10%;
        display: flex;
        justify-content: center;
    }

    .mis_vis_wrap {
        grid-template: 10% 90% / 100%;
    }

    .mis_vis_down {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .mis_vis_card_1,
    .mis_vis_card_2 {
        width: 75%;
        height: 48%;
    }

    .mis_p p,
    .vis_p p {
        font-size: 3.7vw;
        line-height: 122%;
    }

    .mis_pleca h2,
    .vis_pleca h2 {
        font-size: 4.5vw;
        margin-top: 8px;
    }

    .mis_vis_up h1 {
        font-size: 6vw;
        padding-top: 18px;
        margin: 0;
    }

    .mis_pleca,
    .vis_pleca {
        margin-top: 10px;
    }

}

/* ================================
  Sección Valores
===================================*/
@media screen and (min-width: 431px) {
    #valores {
        background-image: url(https://frasangroup.com/img/new/backgrpound_1.jpg);
        background-position: center;
        background-repeat: no-repeat;background-size: cover;
    }
    .val_row_1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 16vh;
    }

    .val_row_1 h1 {
        color: #145381;
        font-size: 3.1vw;
        font-family: Segoe UI;
        font-weight: 700;
        letter-spacing: 2.76px;
    }

    .val_row_2,
    .val_row_3 {
        width: 85%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 2%;
    }

    .val_row_3 {
        justify-content: space-evenly;
    }

    .val_card {
        width: 25%;
    }

    .val_card h2 {
        color: #145381;
        font-size: 2vw;
        font-family: Segoe UI;
        font-weight: 700;
        padding: 1% 0;
    }

    .val_card p {
        color: #000;
        font-size: 1vw;
        font-family: Arial;
        line-height: 1.5vw;
        letter-spacing: 0.84px;
    }
}

/* Movil */
@media screen and (max-width: 430px) {

    .val_row_1 h1,
    .val_card h2,
    .val_card p {
        text-align: center;
    }

    .val_row_1 h1 {
        color: #145381;
        font-size: 9.5vw;
        font-family: Segoe UI;
        font-weight: 700;
        letter-spacing: 2.76px;
        padding: 4% 0;
    }

    .val_card {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .val_card img {
        width: 90%;
    }

    .val_card h2 {
        color: #145381;
        font-size: 9vw;
        font-family: Segoe UI;
        font-weight: 700;
    }

    .val_card p {
        width: 90%;
        color: #000;
        font-size: 3.8vw;
        font-family: Arial;
        line-height: 5vw;
        letter-spacing: 0.84px;
    }
}

/* ================================
  Sección Nuestro Trabajo
===================================*/

/* Escritorio y tablet */

@media (min-width: 431px) {
    .trab_wrap {
        background-image: url(https://frasangroup.com/img/new/backgrpound_2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 130vh;
        display: grid;
        grid-template: 100% / 50% 50%;
    }

    .trab_left {
        display: grid;
        grid-template: 50% 50% / 100%;
    }

    .trab_left_top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        box-sizing: border-box;
        padding-top: 20vh;
        padding-left: 5vw;
    }

    .trab_left_top h1 {
        color: #FFF;
        font-size: 3vw;
        font-family: Segoe UI;
        font-weight: 600;
    }

    .trab_left_top p {
        color: #FFF;
        font-size: 1.3vw;
        font-family: Segoe UI;
        font-weight: 400;
    }

    .trab_left_bottom {
        display: grid;
        grid-template: 50% 50% / 50% 50%;
        box-sizing: border-box;
        padding: 8%;
    }

    .trab_left_bottom img {
        width: 16%;
    }

    .trab_icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10%;
    }

    .trab_icon h3 {
        color: #FFF;
        font-size: 1.4vw;
        font-family: Segoe UI;
        font-weight: 600;
    }
}

/* Movil */

@media (max-width: 430px) {
    .trab_wrap {
        position: relative;
        background-image: url(https://frasangroup.com/img/new/backgrpound_2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 90%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
        .trab_wrap::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: hsla(0, 0%, 0%, 0.75);
        }
        
        .trab_left {
            z-index: 1;
        }   
        .trab_left_bottom img {
            width: 16%;
        }
        
        .trab_left_bottom .trab_icon {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .trab_icon {
            margin: 8% 0;
        }
        
        .trab_icon h3 {
            color: #FFF;
        font-size: 7.4vw;
        font-family: Segoe UI;
        font-weight: 600;
        margin-top: 6%;
    }
    
    .trab_left_top p {
        color: #FFF;
        font-size: 5vw;
        text-align: center;
        font-family: Segoe UI;
        font-weight: 400;
        padding: 0 5%;
    }
    
    .trab_left_top h1 {
        color: #FFF;
        font-size: 8vw;
        text-align: center;
        font-family: Segoe UI;
        font-weight: 600;
        margin: 6% 0;
    }
    }