*{ margin: 0; padding: 0; box-sizing: border-box; width: auto;}
@font-face { font-family: 'etnofuente'; src: url('./images/etnofuente.otf') format('opentype');font-weight: normal; font-style: normal;}
section.header{ background-color: #A4EEF4;position: relative; height: 55em; padding: 9em 0em 0em 0em;
background-image: url(./images/fondo-header.jpg); background-repeat: no-repeat ; background-size: cover;
background-position: center;}
.header h1, .header h2{font-family: "etnofuente"; color: #16242F; letter-spacing: -1px;}
.header h1, .header h2, .header h3, .header p{text-align: center; }
.header h1{font-size: 6em;}
.header h2{font-size: 3.7em;}
.header h2 span{background-color: #FFF8EB; color: #F07112;}
.header h3 {font-family: "Montserrat", sans-serif; font-size: 1.8em; font-weight: 700; line-height: 170%; 
    margin-top: .6em; color: #217e7e; letter-spacing: -1px;}
.header h3 strong{color: #16242F;}
.header p{font-family: "Montserrat", sans-serif;color: #16242F; font-size: 1.4em;}
/**/
section.simispace{
    background: rgb(22,36,47);
    background: radial-gradient(circle, rgba(22,36,47,1) 0%, rgba(22,36,47,1) 25%, rgba(20,25,32,1) 57%, rgba(20,25,32,1) 100%);
    padding: 6em 0em 10em 0em;position: relative;}
form.formsimispace{background: linear-gradient(to right, #ffe7bf, rgba(255, 246, 207, 0.5));
border: .5em solid white; border-radius: 2em;
padding: 5em 2em 3em 2em; position: relative; z-index: 200;}
.formsimispace label{font-size: .8em;font-family: "Montserrat", sans-serif; text-align: left; font-weight: 700; color: #0e1768;}
.display-simispace{display: inline-flex;}
.display-simispace label{width: 15em; align-items: center;}
.display-simispace input , .display-simispace select{height: 2.5em; border: none; border-radius: 5em;}
.textarea-simispace textarea{border: none; border-radius: 1em;}
input::placeholder , textarea::placeholder , select{ color: #888;font-style: italic; font-family: "Montserrat", sans-serif;font-size: .8em;}
.estrella{text-align: center;}
.estrella img{width: 8em; margin: 0em 0em 2em 0em}
.comentarios{border: 3px solid white; padding: 1em 2em 1em 2em; border-radius: 1em; }
.comentarios h4{font-family: "Montserrat", sans-serif; color: #ffffff; text-align: center; font-size: 1.2em; 
padding: 0em 0em 0em 0em; line-height: 180%; font-weight: 300; }
.simispace h4 strong{font-weight: 700;}
.astrosimi{text-align: center;}
.astrosimi img{width: 90%; margin: 2em 0em 0em 0em;}
img.estrella-fugaz{position: absolute; bottom: 0; right: 5em;width: 20em; z-index: 0;}
img.orbe-estrellas{position: absolute; top: -4em; right: 1em;width: 30em;z-index: 0;}
img.estrella-inferior{position: absolute; bottom: 8em; left: 15em;width: 8em;z-index: 0;}
button.btn-boton{background-color: #0e1768; color: white; width: 10em;font-family: "Montserrat", sans-serif; font-weight: 700;}
button.btn-boton:hover{background-color: #ef8635;}

section.thankyou{ background-color: #A4EEF4;position: relative; height: 55em; padding:16em 0em 0em 0em;
    background-image: url(./images/fondo-header-noche.jpg); background-repeat: no-repeat ; background-size: cover;
    background-position: center;}
.thankyou h1{text-align: center; color: #FFA84A; font-family: "etnofuente"; font-size: 4em;}
.thankyou h2 {text-align: center; color: #A4EEF4;font-family: "etnofuente"; font-size: 2.1em;}
.thankyou p{text-align: center; font-family: "Montserrat", sans-serif;}
.thankyou p.ganadores{color: white; font-weight: 600;
font-size: 1.9em;}
.thankyou p span {background-color: #FFF3DC; font-size: 2em; padding: 0em 2em 0em 2em; color: #0e1768;
font-weight: 800;}

@media(max-width:700px){
    section.header{height: 37em; padding: 9em 0em 0em 0em; background-image: url(./images/fondo-header-movil.jpg);}
    section.thankyou{height: 45em; padding: 12em 0em 0em 0em; background-image: url(./images/fondo-header-movil-noche.jpg);}
    .header h1{font-size: 2em;}
    .header h2{font-size: 1.3em;}
    .header h3 {font-size: 1em; line-height: 150%; padding: 0em 1em 0em 1em;}
    .header p{font-size: .8em;}
    .thankyou h1{font-size: 1.5em;}
    .thankyou h2 { font-size: 1.6em; line-height: 150%;}
    .thankyou p.ganadores{font-size: 1.3em;}
    .thankyou p span { font-size: 2em; padding: 0em 2em 0em 2em;}
    .simispace h4{font-size: 1.4em;  padding: 0em .5em 0em .5em;}
    .estrella{text-align: left;}
    .estrella img{width: 3em;}
    img.estrella-fugaz{bottom: 0; right: 1em;width: 20em; z-index: 0;}
    img.orbe-estrellas{top: 1em; right: 1em;width: 10em;}
    img.estrella-inferior{ bottom: 8em; left: 15em;width: 4em;z-index: 0;}
    .astrosimi img{width: 80%; padding: 2em 0em 2em 0em;}
    form.formsimispace{ border: .3em solid white; border-radius: 1em;padding: 3em 1em 3em 1em; }
    .display-simispace{display: inline-block;}
    .formsimispace label{font-size: 1em;}
    .display-simispace label{width: 100%;}
}
@media(max-width:321px){
    .header h1{font-size: 1.8em;}
    .header h2{font-size: 1.2em;}
    .header h3 {font-size: .9em; line-height: 150%;padding: 0em .2em 0em .2em;}
    .header p{font-size: .9em;}
    .thankyou h1{font-size: 1.4em;}
    .thankyou h2 { font-size: 1.2em; line-height: 150%;}
    .thankyou p.ganadores{font-size: 1em;}
    .thankyou p span { font-size: 1.5em; padding: 0em 2em 0em 2em;}


}