/*
Theme Name: habilidadesblandas
Author: Bluecastor
Author URI: https://bluecastor.com
Description: Plantilla desarrollada por Bluecastor para habilidadesblandastop.com
Version: 1.0
*/



header {
    display: flex;
    padding: 2%;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-family: 'Comic Neue';
    font-weight: 600;
}


body{
    font-family: 'Comic Neue';
}

#logo img{
    width: 130px;
}

.menu_list{
    display: flex;
    width: 695px;
    background-color: #3C8491;
    justify-content: center;
    border-radius: 25px;
    color: white;
    font-size: 22px;
}

.menu_list a{
    text-decoration: none;
    color: white;
}

.primer_item_menu{
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    padding-right: 15px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.ultimo_item_menu{
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 15px;
    padding-right: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.item_menu{
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.item_menu:hover, .primer_item_menu:hover, .ultimo_item_menu:hover{
    background-color: #F6CB2D;
    color: #3C8491;
}

.social{
    display: flex;
    font-size: 32px;
    gap: 24px;
    color: #3C8491;
    width: 250px;
    height: 100px;
    justify-content: center;
    align-items: center;
    background-image: url(../img/Rectángulo\ 47.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: -80px;
}

.social a{
    color: #3C8491;
}

#figura-1{
    width: 300px;
    margin-top: -200px;
}

/*ALINEACIÓN Y ESPACIADO DEL HEADER*/
#menu{
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: end;
    gap: 22px;
    font-size: 22px;
}


/*-------SLIDER PRINCIPAL-----------*/

.slider_items{
    height: 100vh;
    background-size: cover;
    display: flex;
    align-items: center;
}

.titulo_slider_principal{
    font-family: 'Gluten';
    text-align: start;
    font-size: 50px;
    width: 720px;
    color: white;
    text-shadow:
    1px 1px 2px rgba(0, 0, 0, 0.817),
    0 0 1em rgba(0, 0, 0, 0.428),
    0 0 0.2em rgba(0, 0, 0, 0.14);
    padding: 140px;
} 

/*------------ fn SLIDER PRINCIPAL --------------*/

/*--------------- ACERCA DE ----------------*/
.acerca_de{
    font-family: 'Comic Neue';
    display:flex;
    flex-direction: column;
    padding: 30px;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
    gap: 45px;
}

.acerca_de .parrafo_centrado{
    display: flex;
    font-size: 30px;
    width: 70%;
    color: #3C8491;
    text-align: center;
}

#quienes-somos {
    overflow:hidden;
}
/*
#parrafo_acerca_de {
  animation-fill-mode: both;
  animation-duration: 3s;
  animation-name: slidein;
}



@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}*/

.tarjetas-1{
    display: flex;
    padding-left: 30px;
    padding-right: 30px;
    gap: 45px;
    font-size: 20px;
}

.tarjeta{
    border-style: solid;
    border-width: 5px;
    padding: 30px;
    border-radius: 15px;
    width: 100%;
    color: #3C8491;
}

.tarjeta i{
    font-size: 45px;
}

#primera-tarjeta{
    border-color: #F6CB2C;
    color:#3C8491;
}

#segunda-tarjeta{
    border-color:#3C8491;
    color:#3C8491;
}

#tercera-tarjeta{
    border-color: #6D973F;
    color:#3C8491;
}

#cuarta-tarjeta{
    border-color: #E59600;
    color:#3C8491;
}

/* #quinta-tarjeta{
    border-color:#6D973F;
} */
/*--------------- fn ACERCA DE -------------*/


/* VALORES */

.nuestros_valores{
    display: flex;
    flex-direction: column;
    text-align: center;
    color:#3C8491;
    font-family: 'Gluten';
    font-size: 45px;
    line-height: 42px;
    padding-top: 40px;
    padding-inline: 80px;
    justify-content: space-around;
    padding-bottom: 60px;
}

.nuestros_valores h2{
    font-size: 43px !important;
    line-height: 42px !important;
}

.valor_item img{
    max-width: 220px;
    padding-bottom: 20px;
}

.valor_item{
    max-width: 350px;
    padding-inline: 30px;
}

.valor_item i{
    font-size: 35px;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.items_valores{
    padding-top: 50px;
    display:grid;
    grid-template-columns: 25% 25% 25% 25%;
}

.parrafo_valores{
    font-size: 20px;
    font-family: 'Comic Neue';
    line-height: 20px;
    display: none;
    flex-direction: column;
}

.parrafo_valores i{
    font-size: 35px;
}



/*--------------- NUESTROS SERVICIOS -------------*/
.encabezado-1{
    display: flex;
    background-color: #3C8491;
    padding: 60px;
    padding-left: 80px;
    padding-right: 80px;
    align-items: center;
}
.titulo-1{
    color: #F6CB2C;
    font-family: 'Gluten';
    font-size: 35px;
    line-height: 42px;
    text-align: right;
}

.separador-blanco{
    width: 2px;
    height: 220px;
    background-color: white;
    margin-right: 40px;
    margin-left: 40px;
}

.descripcion-1{
    color:white;
    font-size: 22px;
    font-family: 'Comic Neue';
}

/*--------------- TARJETAS DE SERVICIOS -------------*/

.servicios-section{
    display: flex;
    flex-direction: column;
}

.servicios-row{
    display: grid;
    grid-template-columns: 42% 42%;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    gap: 120px;
    align-items: center;
}

.img_servicio img{
    width: 620px;
}

/*--------------- TARJETA 1 -------------*/

#tarjeta-servicio-1{
    background-color: #F6CB2C;
    height:fit-content;
    padding: 40px;
    border-radius: 35px;
    border-bottom-right-radius: 100px;
    transform: rotate(-3deg);
}

.tarjeta-titulo-1{
    font-family: 'Gluten';
    font-size: 35px;
    line-height: 40px;
}

.tarjeta-separador-1{
    width: 320px;
    background-color: #3C8491;
    height: 20px;
    border-radius: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tarjeta-descripcion-1{
    font-family: 'Comic Neue';
    font-size: 22px;
}

.tarjeta-boton-1{
    margin-top: 20px;
    background-color: #3C8491;
    color: white;
    font-family: 'Comic Neue';
    border-width: 0px;
    padding: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-radius: 30px;
}

/*--------------- TARJETA 2 -------------*/

#figuras-ws1{
    display: flex;
    justify-content: end;
}

#figuras-1{
    padding-bottom: 25px;
    width: 85%;
}

#tarjeta-servicio-2{
    background-color:#3C8491;
    height:fit-content;
    padding: 40px;
    border-radius: 35px;
    border-bottom-right-radius: 100px;
    transform: rotate(3deg);
}

.tarjeta-titulo-2{
    font-family: 'Gluten';
    font-size: 35px;
    line-height: 40px;
    color: white;
}

.tarjeta-separador-2{
    width: 320px;
    background-color:#F6CB2C;
    height: 20px;
    border-radius: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tarjeta-descripcion-2{
    font-family: 'Comic Neue';
    font-size: 22px;
    color: white;
}

.tarjeta-boton-2{
    margin-top: 20px;
    background-color:#F6CB2C;
    color:#3C8491;
    font-family: 'Comic Neue';
    border-width: 0px;
    padding: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-radius: 30px;
}

/*--------------- TARJETA 3 -------------*/

#figuras-ws2{
    display: flex;
    justify-content:start;
}

#figuras-2{
    padding-bottom: 25px;
    width: 85%;
}

#tarjeta-servicio-3{
    background-color:#6D973F;
    height:fit-content;
    padding: 40px;
    border-radius: 35px;
    border-bottom-right-radius: 100px;
    transform: rotate(-3deg);
}

.tarjeta-titulo-3{
    font-family: 'Gluten';
    font-size: 35px;
    line-height: 40px;
    color: white;
}

.tarjeta-separador-3{
    width: 320px;
    background-color:#F6CB2C;
    height: 20px;
    border-radius: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tarjeta-descripcion-3{
    font-family: 'Comic Neue';
    font-size: 22px;
    color: white;
}

.tarjeta-boton-3{
    margin-top: 20px;
    background-color:#F6CB2C;
    color:#6D973F;
    font-family: 'Comic Neue';
    border-width: 0px;
    padding: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-radius: 30px;
}

/*--------------- TARJETA 4 -------------*/

#figuras-ws3{
    display: flex;
    justify-content:end;
}

#figuras-3{
    padding-bottom: 25px;
    width: 85%;
}

#tarjeta-servicio-4{
    background-color:#F6CB2C;
    height:fit-content;
    padding: 40px;
    border-radius: 35px;
    border-bottom-right-radius: 100px;
    transform: rotate(3deg);
    /* margin-bottom: 100px; */
}

.tarjeta-titulo-4{
    font-family: 'Gluten';
    font-size: 35px;
    line-height: 40px;
}

.tarjeta-separador-4{
    width: 320px;
    background-color:#3C8491;
    height: 20px;
    border-radius: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tarjeta-descripcion-4{
    font-family: 'Comic Neue';
    font-size: 22px;
}

.tarjeta-boton-4{
    margin-top: 20px;
    background-color:#3C8491;
    color:white;
    font-family: 'Comic Neue';
    border-width: 0px;
    padding: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-radius: 30px;
}

/*--------------- TARJETA 5 -------------*/

#servicios_row_5 {
    margin-bottom: 100px;
}


/* TESTIMONIOS */

.testimonio_title{
color:#F6CB2D;
text-align: center;
font-size: 24px;
font-family: 'Comic Neue';
}

.item_testimonio{
    padding-inline: 80px;
}

.item_testimonio p{
    color: white;
    text-align: center;
    font-size: 20px;
    font-family: 'Comic Neue';
}


/*------- CLIENTES -----------*/

.clientes{
    display: flex;
    height: 300px;
    background-color: white;
}

.carousel_multiple{
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    gap: 30px;
    height: 250px;
    justify-content: center;
}

.carousel_multiple_2{
    display: grid;
    grid-template-columns: 40% 40%;
    gap: 20px;
    height: 150px;
    justify-content: center;
}

.carousel_multiple_2 img{
    width:80px;
}



.item_carousel_2{
    width: 100%;
    height: 220px;
    background-position: center;
    background-size: cover !important;
    border-radius: 25px;
    border-style: solid;
    border-width: 0;
}

/* .carousel-inner{
    padding-inline: 30px;
} */

.galeria_1{
    background-color: #3C8491;
    padding-bottom: 50px;
}

.nuestros_clientes{
    display: flex;
    flex-direction: column;
    padding-top: 90px;
    padding-inline: 80px;
    justify-content: center;
}

.nuestros_clientes h2{
    text-align: center;
    color: #3C8491;
    font-family: 'Gluten';
    font-size: 45px;
    font-weight: 300;
    padding-bottom: 25px;
}

/*------- NIVELES DE SATISFACCIÓN -----------*/

.niveles_de_satisfaccion{
    display: flex;
    flex-direction: column;
    background-color: #3C8491;
    padding-block: 50px;
    justify-content: center;
    align-items: center;
}

.niveles_de_satisfaccion h2{
    color: white;
    font-family: 'Gluten';
    font-size: 45px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 40px;
}

.niveles{
    display: grid;
    grid-template-columns:20% 20% 20% 20%;
    justify-content:space-between;
    gap:15px;
}

.contenedor{
    text-align: center;
    background-color: #F6CB2C;
    border-radius: 45px;
    padding: 15px;
    width: 250px;
}

.contenedor h3{
    color: #3C8491;
    font-family: 'Comic Neue';
    font-size: 24px;
    font-weight: 700;
}

.contenedor img{
    height: 120px;
}

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

.contenedor_porcentaje{
    color: white;
    font-family: 'Comic Neue';
    font-size: 30px;
    background-color: #3C8491;
    padding: 10px;
    padding-inline: 20px;
    width: 50%;
    border-radius: 35px;
    margin-top: 20px;
}


/*------- BLOG -----------*/

/*------- Encabezado -----------*/
.encabezado-2{
    display: flex;
    background-color: white;
    padding: 60px;
    padding-left: 180px;
    padding-right: 180px;
    align-items: center;
}
.encabezado-2 .titulo-2{
    color:#6D973F;
    font-family: 'Gluten';
    font-size: 35px;
    line-height: 42px;
    text-align: right;
}

.separador-verde{
    width: 2px;
    height: 220px;
    background-color:#3C8491;
    margin-right: 40px;
    margin-left: 40px;
}

.descripcion-2{
    color:#898989;
    font-size: 25px;
    font-family: 'Comic Neue';
}

/*------- Posts -----------*/

.blog_b2c{
    display: flex;
    font-family: 'Comic Neue';
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 60px;
    gap:60px;
    justify-content: center;
}

.post_item{
    width: 350px;
}
.post_item img{
    width:350px;
    border-radius: 25px;
}
.post_item h2{
    color: #3C8491;
    font-weight: 600;
    padding-top: 15px;
    font-size: 22px;
}
.post_item h3{
    color: #afafaf;
    font-size: 18px;
}
.post_item p{
    color: #898989;
    font-size:18px;
}
.post_item a{
    font-size: 20px;
    font-weight:700;
    text-decoration: none;
    color: #3C8491;
}
.post_item a:hover{
    font-size: 22px;
}


/*post individual*/

.imagen_post{
    border-radius:25px;
    max-width:1200px;
}



/*------- FOOTER -----------*/
footer{
    background-color: #3C8491;
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 180px;
    padding-right: 180px;
}

.footer_column{
    color: white;
    max-width: 340px;
}
.footer_social{
    display: flex;
    font-size: 25px;
    gap: 15px;
    align-items: center;
}
.footer_social a{
    color: white;
}

.footer_title{
    color: #F6CB2C;
    font-family: 'Gluten';
    font-size: 24px;
}

.footer_list{
    display: flex;
    flex-direction: column;
    color: white;
}

.footer_list a{
    text-decoration: none;
    color: white;
}

.footer_list i{
    font-family: 'Comic Neue';
    font-size: 20px;
    font-style: normal;
}

/*----BOTÓN DE WHATSAPP-----*/

.btn_whatsapp{
    display: flex;
    width: 80px;
    position: fixed;
    top: auto;
    bottom: 10px;
    right: 10px;
}

.btn_whatsapp:hover{
    transform: scale(0.9);
}


#menu_workshops_desktop{
    display:flex;
}

#menu_workshops_movil{
    display:none;
}



/* Libro de reclamaciones */

#libro img{
    margin-top: 15px;
    width: 150px;
    border-radius: 15px;
}


/* RESPONSIVE */


@media (width>=1920px){
    .slider_items{
        height: 120vh;
    }
    .acerca_de .parrafo_centrado{
        width: 50%!important;
    }
    footer{
        padding-inline: 120px!important;
    }
} 

@media (width>=1280px){
    .slider_items{
        height: 70vh!important;
    }
    .acerca_de .parrafo_centrado{
        width: 75%;
    }
    footer{
        padding-inline: 55px;
    }
}

@media(max-width: 800px){
#logo img{
    width: 80px;
}

#menu{
    gap: 0;
}

.social{
    gap: 10px;
    width: 160px;
    height: 70px;
    margin-top: -25px;
}

#facebook, #instagram, #linkedin, #youtube{
    font-size: 20px;
}

#figura-1{
    width: 90px;
    padding-right: 10px;
    margin-top: -80px;
}

.menu_list{
    display: none;
}
#menu_btn_movil{
    display: flex !important;
    background-color: rgb(249, 249, 249);
    padding-inline: 10px;
    padding-block: 5px;
    border-radius: 5px;
    margin-right: 15px;
}

#menu_btn_movil:hover{
    cursor:pointer;
}

#menu_btn_movil i{
font-size: 30px;
color: #3C8491;
font-family: 'Comic Neue';
}

.menu_movil{
    display: flex;
    font-family: 'Comic Neue';
    flex-direction: column;
    position: absolute;
    z-index: 2;
    background-color: white;
    padding: 10px;
    width: 100%;
}


.menu_movil a{
    color:#3C8491;
    text-decoration: none;
    font-size: 18px;
    padding-inline: 10px;
    border-radius: 15px;
}

.menu_movil a:hover{
    background-color: #F6CB2C;
    cursor:pointer;
}

/* SLIDER */

.slider_items{
    height: 40vh;
    background-size: cover;
    display: flex;
    align-items: center;
}

.titulo_slider_principal{
    font-family: 'Gluten';
    text-align: start;
    font-size: 20px;
    width: 250px;
    color: white;
    text-shadow:
    1px 1px 2px rgba(0, 0, 0, 0.817),
    0 0 1em rgba(0, 0, 0, 0.428),
    0 0 0.2em rgba(0, 0, 0, 0.14);
    padding: 40px;
} 

/* ACERCA DE */

.acerca_de{
    font-family: 'Comic Neue';
    display:flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-inline: 20px;
    gap: 45px;
}

.acerca_de .parrafo_centrado{
    font-size: 20px;
    width: 90%;
}

.tarjetas-1{
    display: flex;
    flex-direction: column;
    padding-inline: 20px;
    gap: 45px;
    font-size: 20px;
}

.nuestros_valores h2{
    font-size: 30px !important;
    line-height: 42px !important;
}


.items_valores{
    padding-top: 50px;
    display:grid;
    grid-template-columns: 100%;
    gap: 30px;
}


/* SERVICIOS */


.servicios-row{
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    gap: 70px;
}


.encabezado-1{
    display: flex;
    flex-direction: column;
    background-color: #3C8491;
    padding: 30px;
    padding-block: 50px;
    align-items: start;
    gap: 10px;
}
.titulo-1{
    color: #F6CB2C;
    font-family: 'Gluten';
    font-size: 30px;
    line-height: 42px;
    text-align: center;
}

.separador-blanco{
    display: none;
}

.descripcion-1{
    color:white;
    font-size: 22px;
    font-family: 'Comic Neue';
    text-align: left;
}

/* TARJETAS DE SERVICIOS */

.img_servicio img{
    width: 320px;
}

.servicios-section{
    padding-inline: 15px;
}

/*--------------- TARJETA 1 -------------*/

#servicios_row_1{
  flex-direction: column-reverse;
}

#tarjeta-servicio-1{
    padding: 24px;
    border-bottom-right-radius: 80px;
}

.tarjeta-titulo-1{
    font-size: 23px;
    line-height: 23px;
}

.tarjeta-separador-1{
    width: 150px;
    height: 12px;
    border-radius: 25px;
}

.tarjeta-descripcion-1{
    font-size: 17px;
}

.tarjeta-boton-1{
    font-size: 14px;
    border-radius: 30px;
}

/* tarjeta 2 */
  
  #tarjeta-servicio-2{
      padding: 24px;
      border-bottom-right-radius: 80px;
  }
  
  .tarjeta-titulo-2{
      font-size: 23px;
      line-height: 23px;
  }
  
  .tarjeta-separador-2{
      width: 150px;
      height: 12px;
      border-radius: 25px;
  }
  
  .tarjeta-descripcion-2{
      font-size: 17px;
  }
  
  .tarjeta-boton-2{
      font-size: 14px;
      border-radius: 30px;
  }

/* tarjeta 3 */

#servicios_row_3{
    flex-direction: column-reverse;
  } 
  
#tarjeta-servicio-3{
    padding: 24px;
    border-bottom-right-radius: 80px;
}

.tarjeta-titulo-3{
    font-size: 23px;
    line-height: 23px;
}

.tarjeta-separador-3{
    width: 150px;
    height: 12px;
    border-radius: 25px;
}

.tarjeta-descripcion-3{
    font-size: 17px;
}

.tarjeta-boton-3{
    font-size: 14px;
    border-radius: 30px;
}

/* tarjeta 4 */
  
#tarjeta-servicio-4{
    padding: 24px;
    border-bottom-right-radius: 80px;
}

.tarjeta-titulo-4{
    font-size: 23px;
    line-height: 23px;
}

.tarjeta-separador-4{
    width: 150px;
    height: 12px;
    border-radius: 25px;
}

.tarjeta-descripcion-4{
    font-size: 17px;
}
    

.tarjeta-boton-4{
    font-size: 14px;
    border-radius: 30px;
}

/* tarjeta 5 */

#servicios_row_5{
    flex-direction: column-reverse;
}

/* TESTIMONIOS */

#titulo_testimonios{
    display: flex;
    justify-content: center;
    line-height: 30px;
}

.testimonio_title{
    color:#F6CB2D;
    text-align: center;
    font-size: 24px;
    font-family: 'Comic Neue';
    }
    
    .item_testimonio{
        padding-inline: 20px;
    }
    
    .item_testimonio p{
        color: white;
        text-align: center;
        font-size: 18px;
        font-family: 'Comic Neue';
    }
    

/* GALERÍA */

#carouselExampleAutoplaying2{
    display: none;
}
#carouselExampleAutoplaying4{
    display: flex !important;
    padding-inline: 20px;
}


/* NUESTROS CLIENTES */

#carouselExampleAutoplaying3{
    display: none;
}

#carouselExampleAutoplaying5{
    display: grid !important;
}

/*
.nuestros_clientes{
    padding-top: 50px;
    padding-inline: 20px;
    align-items: center;
    justify-content: center;
}

*/

.nuestros_clientes{
    padding-top:50px;
    display:flex;
    padding-inline: 20px;
    width:100%;
}

.nuestros_clientes h2{
    text-align: center;
    color: #3C8491;
    font-family: 'Gluten';
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 25px;
    width: 100%;
}



/* NIVLES DE SATISFACCIÓN */


.niveles_de_satisfaccion h2{
    color: white;
    font-family: 'Gluten';
    font-size: 30px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: center;
}

.niveles{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* BLOG */

.encabezado-2{
    display: flex;
    flex-direction: column;
    background-color: white;
    padding-block: 50px;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center;
}
.encabezado-2 .titulo-2{
    font-size: 30px;
    line-height: 42px;
    text-align: left;
}

.separador-verde{
    display: none;
}

.descripcion-2{
    color:#898989;
    font-size: 20px;
    font-family: 'Comic Neue';
}

/* blog posts */

.blog_b2c{
    display: flex;
    flex-direction: column;
    font-family: 'Comic Neue';
    padding-inline: 20px;
    padding-bottom: 50px;
    gap:50px;
    justify-content: center;
}



.post_item{
    width: 100%;
}
.post_item img{
    width:100%;
    border-radius: 25px;
}


/*post individual*/

.imagen_post{
    border-radius:35px;
    width:100%;
    height:100%;
}




/* footer */

footer{
    background-color: #3C8491;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: 50px;
    padding-left: 20px;
    padding-right: 20px;
    gap: 20px;
}

/* botón de whatsapp */

.btn_whatsapp{
    display: flex;
    width: 80px;
    position: fixed;
    top: auto;
    bottom: 20px;
    right: 10px;
}


.nuestros_valores{
    display: flex;
    flex-direction: column;
    text-align: center;
    color:#3C8491;
    font-family: 'Gluten';
    font-size: 45px;
    line-height: 42px;
    padding-top: 40px;
    padding-inline: 20px;
    justify-content: space-around;
    padding-bottom: 60px;
}

#menu_workshops_desktop{
    display:none;
}

#menu_workshops_movil{
    display:flex;
}


}