@charset "UTF-8";
/* CSS Document */
body{background-color: #ba1e4f;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";text-decoration: none;
display: flex;
flex-direction: column;}
section.imagenes
{width: 100%;
height: auto;}
section.botonera
{width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	align-content: center;
}
.contiene
{align-content: center;
	display: grid;
	grid-template-columns: auto;
}
.arriba
{align-content: center; height: auto;font-size: .8em; color: #cd4e92;
display: grid;
grid-template-columns: auto auto auto auto;
text-align: center;}
.arriba img
{max-width: 50px; vertical-align: middle;}
.logo
{z-index: 100;}
.logo img
{max-width: 60%; margin-left: 20%;}
.derecha
{align-content: flex-start; height: auto;font-size: .8em; color: #cd4e92;
display: grid;
grid-template-columns: auto auto;
text-align: center;}
.derecha img
{max-width: 50px;}
section.novedades
{width: 100%; height: auto;padding-top: 20px;
display: grid;
grid-template-columns: auto;
grid-column-gap: 1%;}
.revista
{
	max-width: 80vw;padding-top: 5%;font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; color: #fff;}
.revista h1
{font-size: 1.2em; color: #fff;text-align: center;}
.revista h2
{font-size: 1.2em; color: #000;text-align: center;}
.comprar
{background-color: #ba1e4f; height: auto;max-width: 100vw;}
.comprar h1
{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; color: #fff;text-align: center;}
.comprar p
{
	color: #fff;
}
section.consejos
{width: 100%; height: auto;padding: 10px;
	background-color:#fff;
	display: flex;
flex-direction: column;

}
.acon
{padding-top: 0px;
padding-left: 10px;
max-width: 100%;
}
.acon h1
{font-size: 1.2em; color: #ba1e4f;text-align: center;}
.acon h2
{font-size: 1em; color: #ba1e4f;text-align: center;font-style: italic;}
section.contacto
{background-color: #000;width: 100vw;	height: 150px;bottom: 0; padding: 1%;color: #fff;
	font-size: 1em;
	display: grid;
	grid-template-columns: auto;
align-content: center;}

@media (min-width:1025px)
{section.botonera
	{height: 120px;}
	section.imagenes
{height: 90%;bottom: 50px;}
	.contiene
	{grid-template-columns: auto auto auto;}
	.arriba
	{padding-bottom: 220px;}
	.arriba img
	{width: 40px;}
	.logo img
	{margin-left: 30%}
	section.novedades
{padding-top: 120px;
grid-template-columns: auto auto auto auto;}
	.comprar{width: 40vw;}
	section.consejos
{width: 100%; height: auto;padding-top: 80px;
	background-color:#fff;
	display: flex;
flex-direction: row;
}
.acon
{padding-top: 50px;
padding-left: 30px;
flex-basis: 25%;}
	section.contacto
	{top: 800px; height: 50px; grid-template-columns: auto auto auto auto;}
}
@media (width:1024px)
{section.botonera
	{height: 100px;}
	.contiene
	{grid-template-columns: auto auto auto;}
	.arriba
	{padding-bottom: 200px;}
	.arriba img
	{width: 50px;}
	.logo img
	{margin-left: 15%; max-width: 25vw;}
	section.novedades
{
grid-template-columns: auto auto;}
	.comprar{width: 40vw;}
	section.consejos
{padding-top: 10px;
	flex-basis: row;
}
.acon
{
flex-basis: 50%;}
	section.contacto
	{margin-top: 130px; height: 50px; grid-template-columns: auto auto auto;}
}
@media screen and (max-width: 1023px) and (min-width: 671px)
{
	section.botonera
	{height: 100px;}
	.contiene
	{grid-template-columns: auto auto auto;}
	.arriba
	{padding-bottom: 80px; width: 35vw;}
	.arriba img
	{max-width: 40px;}
	.logo
	{max-width: 30vw;}
	.logo img
	{max-width: 90%; margin-left: 5%;}
	section.novedades
	{grid-template-columns: auto auto;}
	section.consejos
{padding-top: 10px;
}
.acon
{
flex-basis: 50%;}
	section.contacto
	{margin-top: 130px; height: 100px; grid-template-columns: auto auto;}
}