@charset "utf-8";
/* CSS Document */
/*----------Estilos generales----------------------------*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body{
	background-color: #000000;
	padding-bottom: 75px;
}
.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}

/*--------------------Menú de navegación------------*/
.fuenteExtraGrande {
    font-size: 24px !important;
}
.fuenteGrande{
    font-size: 18px !important;
}
.sideBar {
    height:auto;
    width: 200px;
    background-color:rgba(0,0,0,0.65);
    position: fixed !important;
    z-index: 4;
	overflow: auto;
}
.bloqueMenu .bloqueMenuItem {
    width: 100%;
    display: block;
    padding: 16px 16px;
    text-align:left;
    border: none;
	border-bottom: solid rgba(170,170,170,1.00) 1px;
    white-space: normal;
    float: none;
    outline: 0;
}
.buttonSideBar {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
	color: #ffffff !important;	
}
.buttonSideBar:hover{
	background-color:rgba(0,0,0,0.85);
}
.barraDeNavegacion{
    color: #fff !important;
    background-color: rgba(0,0,0,0.65) !important;
}

#botonCerrarSideBar{
	background-color:#000000;
	color: #FFFFFF;
	cursor: pointer;
}
/*--------------------Modulo index portada------------*/
#indexPortada{
	display:flex;
	height: 505px;
}
#ContenedorRelativoPortada{
	position:relative;
	width: 100%;
	height: auto;
}
#logo{
	position:absolute;
	z-index: 3;
	width: 100%;
	margin: 0, auto;
	text-align: center;
	padding-top: 70px;
}
#logoInt{
	filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9));
	min-width: 280px;
}
#imgPortada{
	position:absolute;
	top:0;
	left: 0;
	z-index: 1;
	height: 500px;
	overflow: hidden;
	width: 100%;
}
#bienvenida{
	position: absolute;
	top: 60%;
	width: 100%;
	text-align: center;
	font-size: calc(1vw + 1vh + 2vmin);
	font-weight: 800;
	color: white;
	z-index: 2;
	padding:0px 30px ;
	text-shadow: 3px 2px 5px rgba(0,0,0,0.94);
	height: 500px;
}
#intImgPortada{
	max-width: 100%;
	bottom: 0;
	position: absolute;
}
#videoPortada{
	position:absolute;
	overflow: hidden;
	width: 100%;
	height: 500px;
}
/*-----------------------------------------*/
#playeras{
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: center;
}
.itemProducto{
	width:20%;
	padding: 10px;
	font-family: "Open Sans", sans-serif;
	color: white;
}
.linkProducto{
	text-decoration:none;
	color: white;
}
.imgProducto{
	width: 100%;
}
.precioProducto{
	color: white;
}
@media only screen and (max-width: 1400px) {
.itemProducto{
	width:33.3%;
	padding: 15px;
}
}
@media only screen and (max-width: 900px) {
.itemProducto{
	width:100%;
	padding: 16px;
}
}