*{
    margin: 0;
    font-family: "Monserrat", sans-serif;
    box-sizing: border-box;
}

html{
}

img{
    vertical-align: middle;
}

a{
    text-decoration: none;
}

body{
    width: 100%;
    margin: 0;
    display: block;
    background-image: url("D:/Ferreyros/fondo.jpg");
    background-position: top center;
    background-repeat: repeat-y;
    background-size: 100%;
    overflow-x: hidden;
}

.tab-activo{
    background-color: #ffd434 !important;
    transition: all 0.5s ease;
}


.cabecera{
    display: flex;
    background-color: #ffd434;
    align-items: center;
    justify-content: center;
    padding: 30px 0 30px 0;
    position: relative;
}

.cabecera .img-detalle:first-child{
    position: absolute;
    top: 175px;
    left: -35px;
    pointer-events: none;
}

.cabecera .img-detalle:last-child{
    position: absolute;
    top: -80px;
    right: -50px;
    pointer-events: none;
}

.cabecera .logo{
    mix-blend-mode: multiply;
}

.cabecera p{
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    margin-left: 60px;
}

.cuerpo{
    padding: 80px 0 40px 0;
    height: auto;
}

.cuerpo .tabs{
    display: flex;
    align-items: center;
    justify-content: center;
}

.cuerpo .tabs div{
    font-weight: 600;
    text-align: center;
    width: 270px;
    padding: 25px 0;
    box-shadow: 0 0 15px 0px #00000040;
    cursor: pointer;
}

.cuerpo .tabs div{
    background-color: #fff;
    transition: all 0.5s ease;
}

.cuerpo .tabs div:hover{
    background-color: #ffd434;
    transition: all 0.5s ease;
}

.cuerpo .tabs div:last-child{
    margin-left: 200px;
}


.listado{
    width: 1140px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0 auto;
}

.listado .listado-item{
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.listado .listado-item{
    margin-top: 60px;
}

.listado .listado-item > div > div{
    text-transform: uppercase;
}

.listado .listado-titulo{
    width: 200px;
    text-align: center;
    background-color: #ffd434;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    padding: 15px 0;
    margin-bottom: -23.5px;
    z-index: 1;
}

.listado .titulo-largo{
    width: 300px !important;
}

.listado .titulo-break{
    height: 47px;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.listado .listado-img{
    background-color: #fff;
    box-shadow: 0 0 15px 0px #00000040;
    text-align: center;
    padding: 30px;
}

.listado .listado-img img{
    width: 280px;
    height: 150px;
    object-fit: scale-down;
}

.listado-vermas a{
    text-transform: uppercase;
    background-color: #ff9d03;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 12.5px 30px;
    margin-top: -20.5px;
    border: 1px solid #ff9d03;
    transition: all 0.25s ease;
}

.listado-vermas a:hover{
    background-color: #fff;
    border: 1px solid #ff9d03;
    color: #ff9d03;
    transition: all 0.25s ease;
}

/*INTERNA*/

.cuerpo .interna{
    width: 1140px;
    margin:  auto;
    display: flex;
    flex-direction: column;
}

.cuerpo .interna .regresar{
    color: #ff9d03;
    font-size: 18px;
    margin-left: 20px;
    font-weight: bold;
}

.cuerpo .interna > .sec-regresar{
    margin-left: -40px;
}
.cuerpo .interna .sec-regresar a{
    align-items: center;
    display: flex;
}

.cuerpo .interna .sec-regresar div{
    line-height: 0;
}

.cuerpo .interna .sec-regresar svg path {
    fill:rgb(255, 157,3) !important;
}

.cuerpo .interna svg{
    width: 20px;
    line-height: 0;
}

.sec-contenido{
    display: flex;
    margin-top: 40px;
}

.sec-contenido .contenido-izq{
    margin-right: 70px;
    width: 60%;
}

.sec-contenido .contenido-drch{
    margin-right: 30px;
    width: 40%;
}

.sec-contenido .contenido-izq .sub-contenido-izq{
    margin-bottom: -28.5px;
}

.sec-contenido .contenido-izq .interna-titulo{
    background-color: #ffd434;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    padding: 20px 60px;
    display: inline-block;
}

.sec-contenido .contenido-izq .interna-descripcion{
    background-color: #ffe899;
    font-size: 15px;
    padding: 58.5px 30px 30px 30px;
    line-height: 22px;
    text-align: justify;
}

.sec-contenido .sub-contenido-item{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.sub-contenido-item > div:first-child{
    width: 100%;
    text-align: justify;
}

.sub-contenido-item > div:last-child{
    margin-top: 30px;
    width: 100%;
    text-align: justify;
}

.sec-contenido .sub-contenido-item .sub-contenido-item-titulo{
    margin-bottom: -20px;
    text-align: center;

}

.sec-contenido .sub-contenido-item .sub-contenido-item-titulo ul{
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.sec-contenido .sub-contenido-item .sub-contenido-item-titulo > div{
    font-size: 16px;
    background-color: #ffc600;
    display: inline-block;
    font-weight: 600;
    padding: 20px 40px;
}

.sec-contenido .sub-contenido-item .sub-contenido-item-descripcion{
    background-color: #fff;
    box-shadow: 0 0 15px 0px #00000040;
    padding: 50px 30px 30px 30px;
    line-height: 22px;
}

.sec-contenido .sub-contenido-item .sub-contenido-item-descripcion ul{
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.video{
    margin-top: 40px;
}

.video img{
    width: 100%;
    height: 300px;
}

.video embed{
    width: 100%;
    height: 300px;
}

.video iframe{
    width: 100%;
    height: 300px;
}

.testimonio-img img{
    box-shadow: 0 0 15px 0px #00000040;
    width: 100%;
}

.testimonio-contenido{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.testimonio-contenido > div:first-child{
    font-size: 21px;
    font-weight: bold;
    color: #ffd133;
}

.testimonio-contenido > div:last-child{
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}

.testimonio-contenido span{
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #000;
}

.testimonio-contenido p{
    text-align: justify;
}

.testimonio-sabermas{
    margin-top: 30px;
}

.testimonio-sabermas > div{
    font-size: 18px;
    font-weight: normal;
    color: #ffd133;
}

.testimonio-sabermas .btn-conocemas{
    margin-top: 15px;
    display: flex;
    align-items: center;
    background-color: #ff9d03;
    padding: 18px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    justify-content: center;
    border: 1px solid #ff9d03;
    transition: all 0.5s ease;
}

.testimonio-sabermas .btn-conocemas:hover{
    background-color: #fff;
    border: 1px solid #ff9d03;
    color: #ff9d03;
    transition: all 0.5s ease;
}

.testimonio-sabermas .btn-conocemas > span{
    margin-left: 15px;
}


@media only screen and (max-width: 1200px){
    .cabecera{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px 0 30px 0;
    }

    .cabecera p{
        margin: 30px 50px 0 50px !important;
    }

    .cuerpo .tabs{
        flex-direction: column;
    }

    .cuerpo .tabs div{
        font-weight: 600;
        text-align: center;
        width: 100%;
        padding: 25px 0;
        box-shadow: 0 0 15px 0px #00000040;
        cursor: pointer;
    }

    .cuerpo{
        padding-left: 20px;
        padding-right: 20px;
    }

    .cuerpo .tabs div:last-child{
        margin-top: 40px;
        margin-left: 0;
    }

    .listado{
        width: auto;
        flex-direction: column;
    }

    .listado-vermas a{
        padding: 12.5px 20px;
    }

    .cuerpo .interna{
        width: auto;
    }

    .sec-contenido {
        flex-direction: column;
    }

    .sec-contenido .contenido-izq{
        margin: 0 !important;
        width: 100% !important;
    }

    .sec-contenido .contenido-izq .sub-contenido-izq{
        text-align: center;
    }

    .sec-contenido .contenido-izq .interna-titulo{
        padding: 20px 30px !important;
    }

    .sec-contenido .sub-contenido-item{
        flex-direction: column;
        margin: 0 !important;
    }

    .sub-contenido-item > div:first-child{
        margin: 30px 0 0 0;
    }

    .sub-contenido-item > div:last-child{
        margin: 30px 0 0 0;
    }

    .contenido-drch .testimonio-img img{
        margin-top: 30px;
        width: 100%;
    }

    .cuerpo .interna > .sec-regresar{
        margin: 0;
    }
    
    .cabecera .img-detalle:first-child{
        display: none;
    }

    .cabecera .img-detalle:last-child{
        display: none;
    }

    .contenido-drch{
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    .contenido-drch .testimonio-img{
        margin-top: 30px;
        order: 2;
    }

    .contenido-drch .testimonio-img img{
        margin-top: 0;
        width: 100%;
    }

    .contenido-drch .testimonio-contenido{
        order: 1;
    }

    .contenido-drch .testimonio-sabermas{
        order: 3;
    }
}