html{
height: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
*,
*:before,
*:after{
box-sizing: inherit;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
}
body{
margin: 0;
min-height: 100%;
position: relative;
padding-bottom: 9.4rem;
font-family: 'Roboto', sans-serif;
background: #1a1a1a;
}
#contenedor{
background: -webkit-linear-gradient(#7f2aff, #ff9955);
background: -ms-linear-gradient(#7f2aff, #ff9955);
background: -moz-linear-gradient(#7f2aff, #ff9955);
background: -o-linear-gradient(#7f2aff, #ff9955);
position: relative; /*borrar para uso de */
text-align: center;
padding-bottom: 3%;
}
header{
padding-left: 3%;
padding-right: 3%;
padding-top: 2%;
padding-bottom: 3%;
background: #1a1a1a;
text-align: left;
}
.logoMini{
}
.leyenda{
width: 35%;
}
footer{
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
text-align: center;
color: gray;
background: #1a1a1a;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#footerContenedor{
display: table;
margin: 0 auto;
}
#separador{
float: left;
width: 100px;
padding: 0px;
}
#mid{
float: left;
padding: 0 20px 0 20px;
}
hr{
border-color: gray;
}
/********************************/
#divLogo{
background: -webkit-linear-gradient(--color1, -color2);
background: -ms-linear-gradient(--color1, -color2);
background: -moz-linear-gradient(--color1, -color2);
background: -o-linear-gradient(--color1, -color2);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
}
#contenedorLogo{
display: inline-block;
text-align: center;
}
.logo{
max-width: 100%;
}
#boton{
text-decoration: none;
padding: 1rem;
}
.btGooglePlay{
display: block;
background: black;
color: white;
margin-top: 3%;
margin-left: auto;
margin-right: auto;
width: 150px;
}
.logoGooglePlay{
width: 250px;
}
.sectionPolicy{
background: #1a1a1a;
text-align: center;
padding: 3rem;
}
.btPolitica{
display: inline-block;
background: #fd9758;
color: #1a1a1a;
border-radius: 5px;
}
.link{
text-decoration: underline;
color: gray;
}
#waveDiv{
width: 100%;
position: absolute;
}
.waveImage{
object-fit: cover;
width: 100%;
display: block;
}
/* .splide__slide img {
width: 70%;
height: auto;
} */
.containerPictureSlider{
display: flex;
align-items: center;
width: 60%;
margin: auto;
}
.fixed-item{
width: 30%;
height: auto;
}
.flex-item{
width: 70%;
text-align: left;
color: #ffffff;
padding-left: 5%;
}
.sliderPicture{
width: 100%;
}
.downloadInfo{
color: #00000099;
}
.downloadLink{
margin-top: 2rem;
}
/********************************/
@media screen and (max-width: 600px) {
header{
padding-left: 3%;
padding-right: 3%;
padding-top: 3%;
padding-bottom: 2%;
background: #1a1a1a;
text-align: center;
}
#separador{
float: left;
width: 75px;
padding: 0px;
}
.leyenda{
width: 80%;
height: auto;
}
/* .splide__slide img {
width: 82%;
height: auto;
padding-top: 8%;
padding-bottom: 10%;
} */
.sectionPolicy{
background: #1a1a1a;
text-align: center;
padding: 2rem;
}
.containerPictureSlider{
display: block;
width: 100%;
padding-top: 8%;
margin-bottom: 14%;
}
.sliderPicture{
width: 100%;
}
.fixed-item{
width: 50%;
margin: auto;
}
.flex-item{
width: 85%;
color: #ffffff;
margin: auto;
/* border: 2px solid #000000; */
padding: 0;
}
.downloadInfo{
color: #00000099;
}
.downloadLink{
text-align: center;
}
}