.texto-naranja {
    color: #fab428;
}
.texto-blanco {
    color: white;
}
.texto-morado {
    color: #864B78;
}
.fondo-morado {
    background-color: #f1eaf1;
}
.fondo-gris {
    background-color: #eeeeee;
}
/**************/
.babyfiv h1 {
    font-family: GothamRounded-Medium;
}
.babyfiv .logo img {
    max-height: 80px;
}
.babyfiv .banner {
    background-image: url('../img/baby-fiv-clinica-fiv.png'), linear-gradient(0deg, #f1eaf1,  #f1eaf1 50%, #fff 50%, #fff 100%);
    background-repeat: no-repeat;
    background-size: 115% auto;
    background-position: 35% 0;
}
.babyfiv .banner img {
    max-width: 100%;
}
.babyfiv .banner h1 {
    position: absolute;
    top: 15%;
    left: 10%;
}
.babyfiv .banner .grande {
    font-size: 200%;
}
.babyfiv .banner .grande2 {
    font-size: 200%;
    font-style: italic;
    font-family:NoticiaText-Regular
}
.icono-clinica-fiv div {
    position: absolute;
    top: 20%;
    left: 30%;
    width: 60%;
    color: #864B78;
}
.icono-clinica-fiv div b {
    font-family: GothamRounded-Medium;
}
.icono-clinica-fiv img {
    max-width: 100%;
}
.icono-clinica-fiv {
    background-repeat: no-repeat;
    background-size: auto 80%, 100% auto;
    background-position: 5% 35%, 0 0;
}
.icono-clinica-fiv-01 {
    background-image:  url('../img/icono-clinica-fiv-01.svg'), url('../img/fondo-iconos.png');
}
.icono-clinica-fiv-02 {
    background-image:  url('../img/icono-clinica-fiv-02.svg'), url('../img/fondo-iconos.png');
}
.icono-clinica-fiv-03 {
    background-image:  url('../img/icono-clinica-fiv-03.svg'), url('../img/fondo-iconos.png');
}
/***********/
.babyfiv form {
    margin: 1rem;
    padding: 1rem;
    background-color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.babyfiv .titulo {
    font-size: 150%;
    font-weight: bold;
}
.babyfiv form input,
.babyfiv form select {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.babyfiv form button {
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.babyfiv .aviso-legal a {
    color: blue;
}
.babyfiv .ovo img {
    width: 50%;
    max-width: 110px;
    margin-bottom: 1rem;
}
.babyfiv .ovo .titulo {
    font-size: 150%;
    font-weight: bold;
}
.babyfiv ul.garantia li {
    margin-top: 1rem;
}
.babyfiv .como-funciona .titulo {
    font-size: 120%;
    font-weight: bold;
}
/********/
.babyfiv .testimonios .slick-slide{
    width: 48%;
}
.babyfiv .testimonios img {
    max-width: 100%;
}
.babyfiv .testimonios li {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}
.babyfiv .testimonios li.testimonio-0 {
    background-image:  url('../img/testimonios-0.png');
}
.babyfiv .testimonios li.testimonio-1 {
    background-image:  url('../img/testimonios-1.png');
}
.babyfiv .testimonios .titulo {
    position: absolute;
    top: 20%;
    left: 30%;
    width: 60%;
    font-weight: bold;
    font-size: 100%;
}
.babyfiv .testimonios .estrellas {
    position: absolute;
    top: 30%;
    left: 30%;
    width: 60%;
}
.babyfiv .testimonios .texto {
    position: absolute;
    bottom: 10%;
    left: 10%;
    width: 80%;
    max-height: 40%;
    overflow: auto;
    font-size: 80%;
}
/********/
.babyfiv .pie {
    background-image:  url('../img/baby-fiv-consulta-gratuita-clinica-fiv.png');
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: 0 0;
    min-height: 200px;
}
.babyfiv .pie img {
    max-width: 100%;
}
.babyfiv .pie .titulo {
    position: absolute;
    top: 15%;
    left: 20%;
    width: 60%;
    color: white;
    font-weight: bold;
    font-size: 150%;
    text-align: center;
}
.babyfiv .pie .texto {
    position: absolute;
    top: 40%;
    left: 20%;
    width: 60%;
    color: white;
    text-align: center;
}
.babyfiv .pie a {
    position: absolute;
    bottom: 5%;
    left: 25%;
    width: 50%;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
@media screen and (max-width: 850px) {
    h2 {
        font-size: 150%;
    }
    .babyfiv .pie .titulo {
        top: 10%;
        left: 5%;
        width: 90%;
        line-height: 100%;
    }
    .babyfiv .pie .texto {
        top: 40%;
        left: 5%;
        width: 90%;
        line-height: 100%;
    }
}
@media screen and (max-width: 400px) {
    body .babyfiv {
        font-size: 14px;
    }
    .babyfiv h1 {
        font-size: 130%;
    }
    .babyfiv .pie .titulo {
        font-size: 100%;
    }
    .babyfiv .pie .texto {
        font-size: 80%;
    }
    .babyfiv .pie a {
        left: 5%;
        width: 90%;
    }
    .babyfiv form {
        margin: 0.5rem;
        padding: 0.5rem;
    }
}