@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    height: 2000px;
    box-sizing: border-box;
}

a {
    color: #935D8C;
    font-weight: 600;
}
a:hover {
    text-decoration: none;
    color: #935D8C;
    font-weight: 500;
}

p {
    font-size: 1rem;
}
.bolder {
    font-weight: 800;
}
.bold {
    font-weight: 700;
}

.normal {
    font-weight: 400 !important;
}


.color-naranja {
    color: #BB4F38;
}
.color-gris {
    color: #909090;
}


.display-4 {
    font-size: 2.8rem;
    margin-bottom: 30px;
}

.titulos {
    font-size: 2rem;
}

.titulos span {
    font-size: 3rem;
    
}


#fondo-navegacion {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.fondo-navegacion {
    background-color: #ffffff;
}
.logo {
    width: 90px !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    
}

.fondo-navegacion .logo {
    width: 80px !important;
}


.color_verde {
    color: #a0d2bc;
}

.color_morado {
    color: #c19dc9;

}

.fondo-verde {
    background-color: #a0d2bc;
}
.fondo-gris {
    background-color: rgba(190, 152, 199, 0.28);
}

.color_blanco {
    color: #fff;
}

.bolder {
    font-weight: bolder !important;
}


a.color_blanco:hover {
    color: #a3a3a3;
    cursor: pointer !important;

}

.fondo_morado {
    background-color: #c19dc9;
}

.pleca_morada {
    height: 10px;
    width: 100%;
    background-color: #c19dc9;
}

.contenedor_morado {
    width: 100%;
    background-image: url(../img/capsula-placenta-embarazo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    ;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
 
.carousel-indicators li {
    margin-bottom: 30px;
}


.boton_morado {
    background-color: #c19dc9;
    border: #c19dc9;
    color: white;

}

.boton_morado:hover {
    background-color: #ad7eb8;
    border: #ad7eb8;
    color: white;
}

.boton_morado:active {
    background-color: #ad7eb8;
    border: #ad7eb8;
    color: white;
}

.boton_morado:focus {
    background-color: #ad7eb8;
    border: #ad7eb8;
    color: white;
}

.boton_morado:visited {
    background-color: #ad7eb8;
    border: #ad7eb8;
    color: white;
}



.font-size_testimonios {
    font-size: 12px;
}

.textarea {
    height: 150px !important;
}

.lo-especial-placenta p {
    font-size: 13px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #fff;
}
a.nav-link {
    font-weight: 500 !important;
}
/* Larger than mobile */
@media (min-width: 319px) {

}



@media (min-width: 768px) {

}

@media (min-width: 1020px) {

p {
    font-size: 1rem;
}


}

@media (min-width: 1350px) {
   

}

/*
* Nuevos estilos
*/
.titleBorder {
    position: relative;
    margin-bottom: 20px;
}
.titleBorder::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 340px;
    border: 1.5px solid #60A380;
}

.botonPurple {
    background: #935D8C 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 10px;
    border-radius: 25px;
    color: white;
    margin: 0.5rem;
    font-weight: 500;
}
.paddig-text {
    padding: 4rem 18rem;
}
.bold-ligth{
    font-weight: 600;
}
.greenFont {
    color: #3C7B5F;
}
.greenDarkFont {
    color: #3C7B5F;
}
.blackFont {
    color: #000000;
}
.blackFont:hover{
    color: #000000;
}
.whiteFont{
    color: #fff !important;
}
.purpleFont{
    color: #A8729D !important;
}
.purpleDarkFont{
    color: #935D8C !important;
}
.morado-bg {
    background: #F7EDFD 0% 0% no-repeat padding-box;
}
.purple-bg{
    background: #BB9FC6 0% 0% no-repeat padding-box;
}
.green-bg{
    background-color: #A9D1BD;
}
.containerGrid{
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  grid-auto-flow: dense;
  grid-auto-rows: 22rem;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}
.containerGrid .box{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.iconResponsive{
width: 112px;
height: 141px;
}

.contacto {
    width: 100%;
}
.contacto {
    background-image: url(../img/footer/24.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.recupera_tu_placenta{
    background-image: url(../img/recomendaciones/18.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2rem 0;
    margin: 0;
}
.boton-enviar2 {
    width: 130px;
    height: 43px;
    background: #935D8C 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 25px;
    color: white;
    margin: 0.5rem;
}
.boton-enviar2:hover {
    background: #A9D1BD 0% 0% no-repeat padding-box;
    color: #fff;
}
.form-control{
    border-radius: 15px;
    color: #3C7B5F !important;
}
.form-control:focus{
    border-color: #3C7B5F !important;
    box-shadow: 0 0 0 0.2rem #3c7b5f2b !important;
}
.carousel-marquet{
    position: relative;
    padding-top: 3rem;
    padding-bottom: 1rem;
}
.carousel-marquet::after{
    content: url("./../img/home/testimonios/Comillas-inicio.svg");
    position: absolute;
    top: -50px;
    left: 0;
    width: 100px;
    height: 100px;
}
.carousel-marquet::before{
    content: url("./../img/home/testimonios/Comillas-final.svg");
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 100px;
    height: 100px;
}
/** Inicio mamifero*/
.mamifero .morado-bg {
    padding-bottom: 4rem;
}
.mamifero .mamifero-tarjeta{
    max-width: 440px;
    margin: 2rem;
}
.mamifero .mamifero-tarjeta .mamifero-tarjeta-img img {
    width: 100%;
    height: auto;
    max-width: 440px;
    margin: 0;
}
.mamifero .mamifero-tarjeta .mamifero-tarjeta-img figure {
    margin: 0;
}
.mamifero .mamifero-tarjeta  .mamifero-tarjeta-text {
    border-bottom: 2px solid #A8729D;
    border-left: 2px solid #A8729D;
    border-right: 2px solid #A8729D;
    border-radius: 0 0 25px 25px;
    padding: 2rem 3rem;
    text-align: center;
    min-height: 470px;
    position: relative;
}
.mamifero .mamifero-tarjeta  .mamifero-tarjeta-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #935D8C;
    margin-bottom: 1rem;
}
.mamifero .mamifero-tarjeta  .mamifero-tarjeta-caption  a {
    color: #935D8C;
}
.mamifero .mamifero-tarjeta  .mamifero-tarjeta-caption  a:hover {
    color: #191117;
    font-weight: 600;
}
/*
* Fin mamifero
*/
/*
* Inicio parauqe-sirve
**/
.paraque-sirve{
    padding: 4rem 0;
}
.paraque-sirve .paraque-sirve-grid{
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    grid-auto-flow: dense;
    grid-auto-rows: 22rem;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.paraque-sirve .paraque-sirve-box{
    margin: 3rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}
.paraque-sirve .img-responsive{
    width: 100%;
    height: auto;
    max-width: 150px;
}
/*
* fin  parauqe-sirve
**/
/*
* Inicio parauqe-sirve
**/
.cinta-grey{
    padding: 3rem 0 0 0;
    background: #E3E3E3 0% 0% no-repeat padding-box;
}
.cinta{
    padding: 3rem 0;
    background: #935D8C 0% 0% no-repeat padding-box;
}
.cinta h2{
    color: white;
    text-align: center;
}
/*
* fin parauqe-sirve
**/
/*
* Inicio lo-especial
**/
.lo-especial{
    margin: 0;
    padding: 0 0 0 0;
    background: #F3F3F3 0% 0% no-repeat padding-box;
}
.lo-especial .text-box{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}
.lo-especial .text-box h4,
.lo-especial .text-box h1{
    margin: 1rem 0;
}

.lo-especial .text-box p {
    width: 400px;
}
.lo-especial .text-box h5{
    width: 450px;
}
.lo-especial .foto_bebe_placenta{
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
    padding: 0;
}

/*
* Fin lo-especial
**/
/*
* Inicio algunas_investigaciones
**/
.algunas_investigaciones {
    width: 100%;
    position: relative;
}
.algunas_investigaciones::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background: #61A380 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 0px 150px;
    opacity: 1;
}
.link_investigaciones{
    position: relative;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 6px #04040526;
    overflow: hidden;
}
.link_investigaciones::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 8vw;
    background-color: #3C7B5F;
    height: 0.2rem;
}
.link_investigaciones .margen_neg_arriba{
   margin: 1rem;
   transition: transform ease 1s;
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;
}
.link_investigaciones:hover .margen_neg_arriba{
    transform: translateY(30px);
 }

.link_investigaciones .img-responsive{
    width: 100%;
    height: auto;
    max-width: 350px;
    transition: transform ease 1s;
}
.link_investigaciones:hover .img-responsive{
    transform: scale(1.3);
 }
/*
* fin algunas_investigaciones
**/
 .card-recomendacion{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 6px #04040526;
    border-radius: 61px;
    padding: 6rem 1rem 1rem 1rem;
    margin: 7rem 0 1rem 0;
    width: 278px;
    height: 389px;
    position: relative;
 }
 .ccard-recomendacion-img{
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    width: 160px;
    height: 160px;
 }
.cccard-recomendacion-text{
    text-align: center;
    padding: 0;
 }
 .recuperar-plazenta .img-responsive{
    width: 100%;
    height: auto;
 }
 .recuperar-plazenta figure{
    margin: 0 !important;
}
/*
* Inicio formas-usar-plazenta
**/
.formas-usar-plazenta {
    margin: 0 0 2rem 0;
}
.formas-usar-plazenta .card-formas{
    box-shadow: 7px 7px 6px #04040526;
    padding: 1rem;
    border-radius: 0px 0px 48px 48px;
    margin: 1rem 0 1rem 0;
    width: 300px;
    height: 400px;
    background: #F1F1F1 0% 0% no-repeat padding-box;
    opacity: 0.67;
    position: relative;
    text-align: center;
}
.formas-usar-plazenta .card-formas .card-formas-img .img-responsive{
    width: 100%;
    height: auto;
    max-width: 138px;
}
.formas-usar-plazenta .card-formas .card-formas-img{
    position: relative;
    margin-top: 0.5rem;
}
.formas-usar-plazenta .card-formas .card-formas-img::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 165px;
    width: 165px;
    border-radius: 100%;
    border: 3px solid #935D8C;
}
.formas-usar-plazenta .card-formas .card-formas-text{
    text-align: center;
    padding: 0;
    margin-top: 2rem;
}
.formas-usar-plazenta .card-formas .card-formas-caption{
    background: #61A380 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 48px 48px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0.5rem 0;
}
/*
* Fin formas-usar-plazenta
**
/*
* Inicio resultado-proceso
**/
.resultado-proceso{
    position: relative;
    margin: 0 0 1rem 0;
    padding: 4rem 0;
    background: #F1F1EE 0% 0% no-repeat padding-box;
}
.resultado-proceso::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40vw;
    background-color: #3C7B5F;
    height: 0.2rem;
}
.resultado-proceso .img-responsive{
    width: 100%;
    height: auto;
    max-width: 500px;
}
/*
* Fin resultado-proceso
**/
/*
* Inicio liofilazion
**/
.proceso-liofilazion{
    background: #935D8C 0% 0% no-repeat padding-box;
}
.proceso-liofilazion .title{
    margin: 3rem 0 0 0;
}
.proceso-liofilazion-box{
    margin: 1rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    padding: 0rem 0;
}
.proceso-liofilazion-box .img-responsive{
    width: 100%;
    height: auto;
    max-width: 30px;
}
.proceso-liofilazion-box p{
    width: 15rem;
    text-align: center;
}
/*
* Fin liofilazion
**/
/*
* Inicio liofilazion-vs-Deshidratacion
**/
.liofilazion-vs-Deshidratacion{
    background: #F1F1EE 0% 0% no-repeat padding-box;
    padding: 0 0 6rem 0;
    position: relative;
}
.liofilazion-vs-Deshidratacion .title{
    margin: 4rem 0 0 0;
}
.liofilazion-vs-Deshidratacion::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 270px;
    background: #61A380 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 0px 150px;
    opacity: 1;
}
.liofilazion-vs-Deshidratacion .img-responsive{
    width: 100%;
    height: auto;
    max-width: 350px;
}
.liofilazion-vs-Deshidratacion .img-responsive-icon{
    width: 100%;
    height: auto;
    max-width: 100px;
}
.liofilazion-vs-Deshidratacion p{
    padding: 1rem;
}
.liofilazion-vs-Deshidratacion .liofilazion-vs-Deshidratacion-card{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    width: 350px;
    height: 990px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 6px #04040526;
    position: relative;
    text-align: center;
}
/*
* Fin liofilazion-vs-Deshidratacion
**/
/*
* Inicio lpropiedades
**/
.propiedades{
    padding: 6rem 0 6rem 0;
    background: #E9E9E9 0% 0% no-repeat padding-box;
}
.propiedades .title{
    margin: 1.5rem 0;
}
.propiedades .propiedades-content{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.propiedades .propiedades-content .propiedades-box{
    text-align: center;
    width: 240px;
    height: 240px;
    padding: 1rem;
    background: #F9F9F9 0% 0% no-repeat padding-box;
}
.propiedades .propiedades-content .propiedades-img .img-responsive{
    width: 100%;
    height: auto;
    max-width: 130px;
}
.propiedades .propiedades-content .propiedades-img{
    position: relative;
    margin: 1rem 0;
}
.propiedades .propiedades-content .propiedades-img figure{ 
    margin: 0;
}
.propiedades .propiedades-content .propiedades-img::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; 
    margin: auto;
    height: 140px;
    width: 140px;
    border-radius: 100%;
    border: 3px solid #61A380;
}
/*
* Fin lpropiedades
**/
/** Inicio cinta-card**/
.cinta-card {
    background-image: url(../img/home/Img-4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5rem 0;
    
}
.cinta-card .cinta-card-tarjeta {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 100%;
    max-width: 850px;
    padding: 2rem;
    margin-top: -120px;
    border-radius: 35px;
}
.cinta-card .cinta-card-tarjeta .title{
    position: relative;
    margin: 2rem 0;
}
.cinta-card .cinta-card-tarjeta .title::before{
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 15rem;
    background-color: #935D8C;
    height: 0.2rem;
}
.cinta-card .containerGrid {
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    grid-auto-flow: dense;
    grid-auto-rows: 22rem;
    grid-template-columns: 17rem 17rem ;
}
.cinta-card .containerGrid .texto{
    height: 280px;
    border-bottom: 2px solid #61A380;
    border-top: 2px solid #61A380;
    display: flex;
    justify-content: start;
    align-items: start;
    padding-top: 1rem;
}
.cinta-card .containerGrid{
    margin-top: 2rem;
    gap: 3rem;
}
/** Fin cinta-card**/
/*hormonas-tap
* Inicio controls
**/
.botones_tabs {
    margin: 4rem 0;
}
.botones_tabs img{
    width: 100%;
    height: auto;
    max-width: 250px;
    transition: transform ease 1s;
}
.botones_tabs img:hover{
    transform: scale(1.2);
}
.hiden-box .response-imagen{
    margin: 0;  
}
.hiden-box .response-imagen img{
    width: 100%;
    height: auto;
}
.hiden-box .beneficios {
    background: #E3E3E3 0% 0% no-repeat padding-box;
}
.hiden-box .ayuda-content {
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    grid-auto-flow: dense;
    grid-auto-rows: 22rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
.hiden-box .ayuda-content .ayuda-box{
    margin: 3rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}
.hiden-box .ayuda-content .ayuda-box .img-responsive{
    width: 100%;
    height: auto;
    max-width: 300px;
}
.hiden-box .hormonas-tap {
    background-image: url(../img/home/taps/ayuda/26.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 15rem 2rem;
}
.hiden-box .hormonas-solid {
    background: #E3E3E3 0% 0% no-repeat padding-box;
}
.hiden-box .hormonas-solid .response-imagen {
    margin-top: -140px;
    margin-bottom: 2rem;
}
.hiden-box .hormonas-solid .tarjeta {
    margin: 2rem 0;
    margin-top: -400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 10px #04040526;
    border-radius: 57px;
    opacity: 1;
    padding: 2rem;
    width: 100%;
    max-width: 420px;
}
.hiden-box .hormonas-solid .tarjeta-contenido .title {
    margin: 2rem 0;
    padding: 0.2rem;
    position: relative;
}
.hiden-box .hormonas-solid .tarjeta-contenido .title::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    margin: 0 auto;
    width: 340px;
    border: 1.5px solid #60A380;
}
/*
* Fin controls
**/
/*
  TODO: inicio botones
*/
.boton_morado {
    background-color: #F1F1F1;
    border: 2px solid #935D8C;
    color: #935D8C;
    border-radius: 15px;
    transition: background-color ease 1s;
}

.boton_morado:hover {
    background-color: #935D8C;
    border: #935D8C;
    color: #fff;
}

.boton_morado:active {
    background-color: #ad7eb8;
    border: #ad7eb8;
    color: white;
}

.boton_morado:focus {
    background-color: #F1F1F1;
    border: 2px solid #935D8C;
    color: #935D8C;
    border-radius: 15px;
}

.boton_morado:visited {
    background-color: #ad7eb8;
    border: #ad7eb8;
    color: white;
}
.response-video {
    width: 100%;
    height: auto;
    max-width: 250px;
}

.boton_verde {
    background-color: #61A380;
    border: 2px solid #61A380;
    color: #fff;
    border-radius: 15px;
    transition: background-color ease 1s;
}
/*
  TODO: Fin botones
*/
/*
*Estilos banner movil y banner web
*/
.carrousel-web {
    display: block;
}
.carrousel-movil {
    display: none !important;
}
/*
* Fiu Estilos banner movil y banner web
*/
@media screen and (max-width: 650px) {
        /*
    * Inicio lo-especial movil
    **/
    .lo-especial .text-box p {
        width: 300px;
    }
    .lo-especial .text-box h5{
        width: 340px;
    }
    /*
    * Fin lo-especial movil
    **/

    /*
    *Estilos banner movil y banner web
    */
    .carrousel-web {
        display: none !important;
    }
    .carrousel-movil {
        display: block !important;
    }
    /*
    * Fiu Estilos banner movil y banner web
    */
    /*
    * Inicio mamifero
    */
    .mamifero .mamifero-tarjeta{
        margin: 10px 10px 10px 10px;
    }
    .mamifero .mamifero-tarjeta  .mamifero-tarjeta-text {
        padding: 0  1rem;
    }
    .mamifero .mamifero-tarjeta  .mamifero-tarjeta-text h6 {
        margin: 1rem  0;
    }
    /*
    * Fin mamifero
    */
    .hiden-box .hormonas-solid .tarjeta-contenido .title::before{
        width: 100%;
    }
    .paraque-sirve .paraque-sirve-grid{
        grid-auto-rows: 15rem;
    }
    .paraque-sirve .paraque-sirve-box{
        margin: 1rem 0;
    }
    .hiden-box .hormonas-solid .tarjeta {
        margin: 0;
        margin-top: -50px;
    }
    .hiden-box .hormonas-solid .response-imagen {
        margin-top: 0;
    }
    .paddig-text{
        padding: 3rem 1rem !important;
    }
    .paddig-text-caption{
        padding: 3rem 1rem !important;
    }
    .liofilazion-vs-Deshidratacion::before {
        border-radius: 0px 0px 0px 0px !important;
    }
    .algunas_investigaciones::before {
        border-radius: 0px 0px 0px 0px !important;
    }
    .link_investigaciones{
        height: 520px;
        margin: 1rem 0;
    }
    .link_investigaciones::before{
        content: "";
        position: absolute;
        bottom: 0;
        width: 40vw;
        background-color: #3C7B5F;
        height: 0.2rem;
    }
    .link_investigaciones:hover .img-responsive{
        transform: scale(1);
     }
     .link_investigaciones:hover .margen_neg_arriba{
        transform: translateY(0);
     }
     .recuperar-plazenta-text{
        padding: 5rem 0;
     }
     .proceso-liofilazion-box{
        flex-flow: column nowrap;
    }

    /**Inicio Plencenta el menojor**/
    .hiden-box .hormonas-tap {
        padding: 2rem 0;
        text-align: center;
        margin: 0 !important;
    }
    .hiden-box .hormonas-tap h2 {
        text-align: center;
    }
    .hiden-box .hormonas-solid {
        padding: 2rem 0;
        margin: 0 !important;
        background: #E3E3E3 0% 0% no-repeat padding-box;
    }
    .hiden-box .hormonas-solid .response-imagen {
        margin: 2rem auto;
    }
    .hiden-box .hormonas-solid .tarjeta {
        margin: 2rem auto;
        margin-top: 0;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 7px 7px 10px #04040526;
        border-radius: 57px;
        opacity: 1;
        padding: 2rem;
        width: 100%;
        max-width: 340px;
    }
    .hiden-box .hormonas-solid .tarjeta-contenido .title {
        margin: 2rem 0;
        padding: 0.2rem;
        position: relative;
    }
    .hiden-box .hormonas-solid .tarjeta-contenido .title::before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        margin: 0 auto;
        width: 250px;
        border: 1.5px solid #60A380;
    }
    /**Fin Plencenta el menojor**/

    /** Inicio cinta-card**/
.cinta-card .cinta-card-tarjeta {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 100%;
    max-width: 850px;
    padding: 2rem;
    margin-top: -120px;
    border-radius: 35px;
}
.cinta-card .cinta-card-tarjeta .title{
    position: relative;
    margin: 2rem 0;
}
.cinta-card .cinta-card-tarjeta .title::before{
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 15rem;
    background-color: #935D8C;
    height: 0.2rem;
}
.cinta-card .containerGrid .texto{
    height: 340px;
    border-bottom: 2px solid #61A380;
    border-top: 2px solid #61A380;
    display: flex;
    justify-content: start;
    align-items: start;
    padding-top: 1rem;
    margin: 2rem;
}
.cinta-card .containerGrid{
    margin-top: 2rem;
    gap: 3rem;
}
.cinta-card .containerGrid .box.movil{
   display: none;
  }
  .cinta-card .containerGrid {
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    grid-auto-flow: dense;
    grid-auto-rows: 22rem;
    grid-template-columns: 17rem  ;
}
.cinta-card .containerGrid .box.texto {
    margin-left: 0;
    margin-right: 0;
    justify-content: center;
    align-items: flex-start;
}
.cinta-card .containerGrid .box.texto:nth-child(2) {
    border-top: 0;
    justify-content: flex-start;
}
/** Fin cinta-card**/
/** Inicio mamifero*/
.mamifero .morado-bg {
    padding-bottom: 4rem;
}
/** Fin mamifero*/
/** Inicio beneficios 2*/
#factores .beneficios .paddig-text-caption{
    margin: 1rem 0;
    padding: 1rem 0 !important;
}
/** Fin beneficios 2*/
}
