
.lleva_imagen_fondo .row{ position: absolute;bottom: 80px;left: 0;right: 0;margin: 0 auto;max-width: 1100px;}
p{color:#726635 ;}
#nosotros .callout-1{background: #fff; padding: 50px 0 30px;}
#nosotros .callout-1 h2{margin: 40px 0 20px;}
#nosotros .callout-1 li img{ border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }

#nosotros .callout-2{background: #fff; padding: 30px 0 0; }
#nosotros .callout-2 h3{padding: 0 0 30px;font-size:25px;line-height:35px;}
#nosotros .callout-2 .large-3{padding: 0 10px;}

#nosotros .callout-3{background: url('../img/fondo_home_32.png') center center no-repeat;background-size: cover; }
#nosotros .callout-3 .row { padding: 150px 0 160px;}
#nosotros .callout-3 h3{max-width: 800px;margin:  0 auto 90px;}

#nosotros .callout-3 h4{margin: -100px 0 30px;}
#nosotros .callout-3 ._contiene{padding: 80px 60px 50px;
                         box-shadow:   15px 18px 40px -12px rgba(0, 0, 0, 0.12);
                        border-radius: 45px;}
#nosotros .callout-3 ._contiene p{font-size: 16px;line-height: 26px;min-height: 182px;}

#nosotros .callout-4{background: #fff; padding: 30px 0 60px; }
#nosotros .callout-4 h3{font-size:20px;line-height:25px;}
#nosotros .callout-4 ._valores{  max-width: 250px;margin: 0 auto 30px;}
#nosotros .callout-4 ._valores p{ margin-top:10px;min-height: 80px; padding-left: 10px;}
._encabeza {display: flex;
    align-items: center;       /* Centra verticalmente */    
    gap: 15px; text-align: left;}

._encabeza img {width: 90px;height: auto;display: block;}
._encabeza h3 {margin: 0;}


#nosotros .callout-5{background: #fff; padding: 30px 0 60px; }
#nosotros .callout-5 ._content_plant{     display: flex;align-items: center;background: #EBDFC2; padding: 0px 0 60px; border-radius: 0 40px 40px 0 ; -webkit-border-radius: 0 40px 40px 0 ; -moz-border-radius: 0 40px 40px 0 ; -ms-border-radius: 0 40px 40px 0 ; -o-border-radius: 0 40px 40px 0 ; }
#nosotros .callout-5 ._content_plant img{  margin-top: -100px;}
#nosotros .callout-5 h3{font-size:45px;line-height:55px;max-width: 550px;margin-left: 100px;margin-top: 20px;}

#nosotros .callout-6{background: #fff; padding: 30px 0 60px; }
#nosotros .callout-6 h3{ padding: 10px 0 50px; }



/* Invertir posiciones: contenido arriba, tabs abajo */
#nosotros .callout-1 .tabs-content {order: 1; color: #726635; text-align: justify;}
#nosotros .callout-1 .tabs {order: 2;background: #eddfc2;padding: 10px;border-radius: 10px;border: 0;}
#nosotros .callout-1 .tabs-title a {display: block;padding: 10px 15px;background: #726635; color: #fff;  border-radius: 8px;transition: 0.2s ease-in-out;}
#nosotros .callout-1 .tabs-title a:hover {background: #5b5330;}
#nosotros .callout-1 .tabs.vertical .tabs-title:first-child a {border-top-left-radius: 12px;border-top-right-radius: 12px;}
#nosotros .callout-1 .tabs.vertical .tabs-title:last-child a {border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
#nosotros .callout-1 .tabs-panel {border: 0;padding: 20px;border-radius: 12px;}
#nosotros .callout-1 .tabs-content.vertical{border: 0;}

/* Fondo del encabezado */
#nosotros .callout-1 .bottom-tabs {
  background: #F8F5EC;
  padding: 8px 12px 4px;
  border-radius: 35px;
  /*NUEVO:;
  convertirelulenfilaycentrar*/display: flex;
  flex-direction: row;
  justify-content: center;
  /*centrahorizontal*/align-items: center;
  gap: 20px;
  /*separaciónentrelostabs*/overflow-x: auto;
  /*scrollenmóvil*/white-space: nowrap;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
}



#nosotros .callout-1 .bottom-tabs .tabs-title a {background: transparent ;color: #726635;  }
#nosotros .callout-1 .bottom-tabs .tabs-title a:hover {opacity: 0.85;}
#nosotros .callout-1 .bottom-tabs .tabs-title.is-active a {background: #726635;font-weight: 800;color: #fff;padding: 10px 15px;display: block;border-radius: 10px;margin-bottom: 6px;transition: 0.2s;text-align: center;}
#nosotros .callout-1 .bottom-tabs .tabs-title:first-child a {border-radius: 12px 0 0 12px;}
#nosotros .callout-1 .bottom-tabs .tabs-title:last-child a {border-radius: 0 12px 12px 0;}
#nosotros .callout-1 .bottom-tabs::-webkit-scrollbar {height: 6px;}
#nosotros .callout-1 .bottom-tabs::-webkit-scrollbar-thumb {background: #999;border-radius: 6px;}






@media only screen and (max-width: 40em){ /*small*/
    #nosotros .callout-1 {padding: 0;}
    #nosotros .callout-1 h2 {margin: 40px 0 0px; padding-left: 25px; max-width: 350px;}
    #nosotros .callout-1 h2 span{display:block;}
    #nosotros .callout-1 ._historia .small-12{padding:0;} 

    #nosotros .callout-2 h3 {  padding: 0 0 0px; font-size: 17px; line-height: 24px; padding-left: 30px;}
    #nosotros .callout-2 .lleva_imagen_fondo .row {bottom: 60px;}
    .lleva_imagen_fondo .row {bottom: 60px;}

    #nosotros .callout-3{background: url('../img/fondo_home_3_mobil.png')   no-repeat; }
    #nosotros .callout-3 .row {padding: 100px 0 60px;}
    #nosotros .callout-3 h3 {max-width: 200px;margin: 40px auto 140px;font-size: 30px;line-height: 40px;}
    #nosotros .callout-3 ._contiene p {min-height: auto;}
    #nosotros .callout-3 ._contiene {padding: 80px 15px 30px;margin: 30px 0 30px;border-radius: 45px;}
    #nosotros .callout-3 h4 {margin: -100px 0 30px;font-size: 30px;line-height: 30px;}
    #nosotros .callout-4 ._valores {max-width: 170px;}

    #nosotros .callout-4 .small-12 ._valores {max-width: 200px;}
    #nosotros .callout-4 .small-12 ._encabeza {justify-content: center;}

    #nosotros .callout-4 h3 {font-size: 13px;line-height: 20px;}
    ._encabeza {justify-content: flex-start;    gap: 7px}
    ._encabeza img {width: 50px;height: auto;display: block;}
    #nosotros .callout-4 .large-10 .large-4{padding:0 7px;}
    #nosotros .callout-4 ._valores p {font-size: 13px;line-height: 20px;}
    #nosotros .callout-5 h3 {font-size: 30px;line-height: 35px;max-width: 250px; margin: 20px auto;}
    #nosotros .callout-6 h3 {padding: 0px 0 50px;max-width: 200px;margin: 0 auto;}
    ._api_google_comentarios {padding: 0 20px;}

    #nosotros .callout-5 ._content_plant {width: 90%;display: block;}

}


@media only screen and (max-width: 380px){ /*small*/
    #nosotros .callout-4 .small-6{width: 100%;}

}



/* MOBILE: scroll horizontal del encabezado */
@media (max-width: 640px) {
  #nosotros .callout-1 .bottom-tabs {  display: flex;  flex-direction: row;  overflow-x: auto;  white-space: nowrap;gap: 10px;}
  #nosotros .callout-1 .bottom-tabs .tabs-title {display: inline-block;margin-right: 10px;}
  #nosotros .callout-1 .bottom-tabs .tabs-title a {margin-bottom: 0;    }
}
