/* Principal */
* {
    margin: 0;
    padding: 0;
    
}

body{
  
    padding-top: 4rem;    
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
    overflow-y: scroll;
}


/* menu */
.navbar-brand{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.9rem;
}

nav{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3rem;
}


.navbar-nav .active{
    color: #EBBC48 !important;
  }


.lineamenu{
    border-color: #ffffff;
}

.fa-times{
    color: #ff0000;
}

.fa-check{
    color: #d8950f;
}

/* SECCION 1 *********************** */
.slider-1{
    height: 100%;
    width: auto;

    padding: 1.875rem;
    text-align: center;
    color: #ffffff;
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../images/background-perla-negra.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
}

.numero1{
    font-family: 'Poiret One', cursive;
    text-shadow: 0.125rem 0.125rem 0.125rem rgb(27, 27, 27);
    font-size: 2rem;
    line-height: 1;
}

.numero2{
    font-family: 'Poiret One', cursive;
    text-shadow: 0.125rem 0.125rem 0.125rem rgb(27, 27, 27);
    font-size: 2rem;
    line-height: 1;
}


.ofertaunica{
font-size: 4rem;
}


.bg-perla{
    background-color: #ffe607a1;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;

    text-shadow: 0.125rem 0.125rem 0.125rem rgb(27, 27, 27);
    box-shadow: 0rem 0rem 0.438rem 0rem rgba(0,0,0,0.84);
    -webkit-box-shadow: 0rem 0rem 0.438rem 0rem rgba(0,0,0,0.84);
    -moz-box-shadow: 0rem 0rem 0.438rem 0rem rgba(0,0,0,0.84);
}

.bg-registro{
    background-color: #ebbc48;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;

    text-shadow: 0.125rem 0.125rem 0.125rem rgb(27, 27, 27);
    box-shadow: 0rem 0rem 0.438rem 0rem rgba(0,0,0,0.84);
    -webkit-box-shadow: 0rem 0rem 0.438rem 0rem rgba(0,0,0,0.84);
    -moz-box-shadow: 0rem 0rem 0.438rem 0rem rgba(0,0,0,0.84);
}
.perlatitulo1{
    font-size: 3rem;
}

.perlasubtitulo1{
    font-size: 2.5rem;
}


.tamaño-texto1-se1{
    font-size: 2.5rem;
}

.tamaño-texto2-se1{
    font-size: 2.8rem;

    text-shadow: 0.125rem 0.125rem 0.125rem rgb(216, 149, 15);
}

.tamaño-texto3-se1{
    font-size: 1.375rem;
    text-shadow: 0.125rem 0.125rem 0.125rem rgb(27, 27, 27);
}

.conten-img img{
    padding: 0.188rem;
}

.conten-img{
    background: #ffffff6b;
    padding: 0.188rem;
}

.imagenseg-1{
 width: 10rem;
 height: auto;
}

.imagenseg-2{
 width: 10rem;
 height: auto;
}

.imagenseg-3{
 width: 10rem;
 height: auto;
}

.imagenseg-4{
 width: 10rem;
 height: auto;
}

.imagenseg-5{
 width: 10rem;
 height: auto;
}
.imagenseg-6{
    width: 50rem;
    height: auto;
   }


/* SECCION 2 *********************** */

.slider-2{
	height: 100%;
    width: auto;

    padding: 2.5rem;
    text-align: center;
    
}

#beneficios h1{
    font-family: 'Roboto Condensed', sans-serif;
    
    color: #302e2e;
}

#beneficios h5{
    color: #494747d2;
}

#beneficios h2 h3 h4{
    color: #302e2e;
}

#beneficios p{
    color: #494747d2;
}

.slider-2 h3{
    font-size: 1.563rem;
    margin-bottom: 0rem;
    color: #d8950f;
}

.imagenesnaturales{
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.75);
}


/* SECCION 3 *********************** */
.slider-3{
    height: 100%;
    width: auto;

    padding: 5rem;
    text-align: center;
    background: #b8b8b81e;
}

.circulo-font{
    color: #d8950f;
}




/* SECCION 4 *********************** */
.slider-4{
    height: 100%;
    width: auto;


    padding: 2.5rem;
	background: #eeeeee;
}



/* SECCION 5 *********************** */
.slider-5{
    height: 100%;
    width: auto;

    padding-top: 2.5rem;
    text-align: center;
}

/* testimonial */
.contenedor{
    width: 80%;
    height: 25rem;
    overflow: hidden;
    margin: auto;
}

.slider-contenedor{
    display: flex;
    height: 100%;
    align-items: center;
}

.slider-test{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 80%;
    width: 100%;
    flex-shrink: 0;
    align-items: center;
}

.img-testimonial{
    width: 9.4rem;
    height: 9.4rem;
    object-fit: cover;
    border-radius: 100%;
}

.texto-testimonial{
    font-size: 1.5rem;
}


/* footer */

.circulo-font-footer{
    color: #d8950f;
}

.lista-footer{
    list-style: none;
}

.estilo-link{
    text-decoration: none;
    color: #ffffff;
}

.estilo-link:hover{
    color: #d8950f;
    text-decoration: none;
}



.bg-testimonial{
    padding-top: 0.75rem;

    text-shadow: 1px 1px 1px rgb(27, 27, 27);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.84);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.84);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.84);
}


/* inicio enviado */
.enviado{
    
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;

}

.enviado{
    height: 100%;
    width: auto;
    text-align: center;
   margin-top: 2rem;

}


    .section-enviado{
        min-height: calc(100vh - 55px - 152px);

		}
/* fin enviado */


.disolweb{
    font-family: 'Poiret One', cursive;
    color: #ffffff;
    margin-left: 10rem;
    margin-top: 5rem;
    text-decoration: none;
}

.disolweb:hover{
    color: #ddc80f;
    text-decoration: none;
    transition: ease-in-out;
}

.boton-perla{
    background-color: #ebbc48;
    color: #ffffff;
    border: 3px solid #ce7539;
    border-radius: 10px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}


.boton-detox{
    background-color: #12BB05;
    color: #0019AF;
    border: none;
    border-radius: 10px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}


.contenedor-footer{
        width: 100%;
        height: 152px;
}


ul li i{
    color: #5092ce;
}


@keyframes shake {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0eg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
  }