@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap');

        :root {
            --primary-color: #FF5700;
            --secondary-color: #cc9933;
            --text-color: red;
            --background-color: #ff6666;
            --button-hover: #333333;
            --border-color: #444444;
			
			--link-color: white;
			--link-hover-color: gold;
			--left-link-color: DodgerBlue;
			--left-link-hover-color: deepPink;
			--menu-color: lightblue;
			--title-color: white;
			---page-fondo-color: black;
			--fondo-superior-color: #DE2C60;
			--fonfo-inferior-colr: #DE2C60;	
			--social-fondo-color: white;
			--lado-izq-color: #EEE;
			--caja-link-color: DodgerBlue;
			--caja-link-hover-color: DeepPink;
			--titulo-color:: #DE2C60;
        }
        


        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        


body {
	background-color: var(--background-color);
    color: var(--text-color);
    line-height: 1.6;
    min-height: 100vh;
	font-family: "Poppins", Verdana, Times;
	font-size: 1.2em;
	font-weight: 500;
	font-style: normal;
	margin: 0;
}

h1 {
	color: var(--title-color);
	font-size: 1.9em;
}


h3 {
	color: var(--title-color);
	font-size: 1.5em;
}

h4 {
	font-size: 1.2rem;
}





.logito {
	border-radius: 50%;
}

a  {
	color: var(--link-color);
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: var(--link-hover-color);
}

img, video {
	max-width: 100%;
	border-radius: 10px;
}
.superior {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: var(--fondo-superior-color);
	padding-bottom: 20px;
}


.intermedio {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}


.arriba {
	margin: 10px 25px;
}



.fanlogo {
	margin-top: 30px;
}

.menu-superior ul {
display: flex;
flex-direction: row;
justify-content: center;
align-items:center;
flex-flow: wrap;
}

.menu-superior li {
list-style: none;
}


.ugaleria {
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
flex-flow: wrap;
}


/*  ASIDE MENU  */

.ladoizquierdo {
	background: var(--lado-izq-color);
	width: 9.5%;
    min-width: 120px;
	padding-left: 5px;
	font-size: 1.5em;
}

.ladoizquierdo a {
 color: var(--left-link-color);
}

.ladoizquierdo a:hover {
	color: var(--left-link-hover-color);
}


.menu-paises {
	background-color: var(--menu-color);
    padding-left: 8px;
}



/*  SECCION   */
.secciono1 {
  background: var(--page-fondo-color);
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;

}


.secciono2 {
  width: 89.2%;
  min-width: 100px;
  background: #F4F6F7;
  
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}


.titulo2 {
	width: 100%;
}

.cajachicas{
  max-width: 250px;
  min-width: 220px;
  padding: 1rem;
  text-align: center;
  margin: 2rem;
}

.cajachicas a {
	color: var(--caja-link-color);
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
}

.cajachicas a:hover {
	color: var(caja-link-hover-color);
}

.titulo {
	background: var(--titulo-color);
	height: 50px;
	padding-left: 40px;
	padding-top: 1px;
	padding-bottom: 20px;
	width:98.5%;
	border-radius: 30px;

}

.fansocial  {
	background-color: var(--social-fondo-color);
	text-align: left;
    border-radius: 10px;
    padding: 10px 5px;
}


.fansocial ul {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
}


.fansocial li {
list-style: none;
 margin: 0 8px;
font-size: 1.3rem;
}



.menu-51 {
  background-color: transparent;
  width: 92px;
  height: 54px;
  text-align: left;
  border: 1px solid #266DB6;
  box-sizing: border-box;
  color: #00132C;
  font-family: "Avenir Next LT W01 Bold",sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 12px 3px 4px 14px;
  margin: 6px 0 6px 0;
  position: relative;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.menu-51:hover,
.menu-51:active {
  outline: 0;
}

.menu-51:hover {
  background-color: transparent;
  cursor: pointer;
}

.menu-51:before {
  background-color: #D5EDF6;
  content: "";
  height: 120px;
//  height: calc(100% + 3px);
  position: absolute;
  right: -7px;
  top: -9px;
  transition: background-color 300ms ease-in;
  width: 100%;
  z-index: -1;
}

.menu-51:hover:before {
  background-color: #6DCFF6;
}




/*   FOOTER    */

.ladoinferior {
	background-color: var(--fondo-inferior-color);
	color: white;
	height: 280px;
	padding-top: 2px;
	text-align: center;
	float: left;
	width: 100%;
}



.menu-inferior ul {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
}



.menu-inferior li {
list-style: none;
 margin: 0 4px;

}

.redessociales {
    padding-top: 2px;
	text-align: center;
}




.partedeaz li {
list-style: none;
 margin: 0 8px;

}


.vedet {
	color: Blue;
	background-color: white;
    padding: 4px 6px;
    border-radius: 20px;
	font-size: 1.3em;
}


.vedet a {
    color: #F50A40;
}

.vedet a:hover {
	color: palevioletred;
	
}


.pagefondo {
	background-color: black;
}



@media screen and (max-width: 1024px){

.secciono2 {
		width: 80%;
	}
		
}


@media screen and (max-width: 768px) {
	
	
.secciono2 {
		width: 75%;
	}


}


@media screen and (max-width: 425px) {

.secciono2 {
		width: 60%;
	}


}