@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
:root{
	--primario:#31194f;
	--secundario:#e11f25;
}
*{font-family: 'Open Sans', sans-serif;  }
strong{font-family: inherit;}
p{text-align: justify;}
body { background:  var(--primario) !important; color: white;}
section {padding: 20px 0;}
section .col-lg-6 {align-self: center; }
h1,h2,h3 {font-family: 'Dancing Script', cursive;}
.fondo { background: url(../img/fondo.jpg) no-repeat; background-size: cover; background-position: center center; padding: 100px 0; text-align: center;      margin-bottom: 50px;}
.linea-curva {
    border-radius: 3000px / 200px;
    background: #31194f;
    width: 100%;
    height: 200px;
    margin-top: -100px;
    box-shadow: inset 0px 8px 8px 0px rgba(0,0,0,0.3);
}
.linea-curva-invertida {
    border-radius: 3000px / 200px;
    background: #31194f;
    width: 100%;
    height: 200px;
    margin-top: -150px;
    box-shadow: inset 0px -8px 8px 0px rgba(0,0,0,0.3);
}
section.soraya {
    margin-top: -100px;
}
.fondo p{text-align: center;}
.fondo h1 { font-size: 60px; margin-bottom: 20px}
.fondo h3 { margin-top: 20px;}
.fondo p { margin-bottom: 40px }
.morado a , .rosa a{ color:white; padding: 6px 20px; }
.morado a:hover , .rosa a:hover { text-decoration: none;   
 }
.peque p{    text-align: center;}
.morado, .rosa {
    margin-bottom: 20px;
    transition: all 1s ease-in;
    color: white;
    border-radius: 40px;
    font-size: 26px;
    font-weight: bold;
    border: purple 1px solid;

}
.ventajas ul {
    list-style: none;
    padding: 0;
    margin: 15px;
}
.peque .morado a ,.peque .rosa a{padding: 6px 6px; }
.morado:hover, .rosa:hover { transition: all 1s ease-out;}
.morado {background: #5b09b8;}
.rosa {background: #bb12a8;}
.soraya img {
    padding: 8px;
    background: white;
    border-radius: 2000px;
    max-width: 250px;
    margin: 0 auto;
    display: grid;
    align-items: center;
}
.felicidad { background:  #020202;}
.felicidad img{ width: 100%; }
.ventajas li i {
    color: #bb12a8;
    margin-right: 20px;
}
strong{color: #bb12a8;}
footer { padding: 20px 0 }
footer p{ text-align: center; }
footer a{color: #e11f25;}
.promo {font-size: 20px;text-shadow: 1px 1px 1px black;}
.promo strong{color:#e87ad5;}
.promo span{ font-size: 30px }
@media (max-width:1200px ){
    .morado, .rosa {
         font-size: 22px;
    } 
}
@media (max-width: 990px){
    section.ventajas {
        text-align: center;
    }
}
@media (max-width: 480px){
    .fondo h1 { font-size: 36px;}
    }
    .fondo {padding: 50px 0 100px 0;}
}