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


        :root {
            --primary-color: #FF5700;
            --secondary-color: #cc9933;
            --text-color: black;
            --background-color: #F4F6F7;
            --button-hover: #333333;
            --border-color: #444444;
			--link-color: DodgerBlue;
			--link-hover-color: OrangeRed;
			--menu-color: lightblue;
			--titulo-mediano: white;
			--title-color: black;
			--page-fondo-color: white;
			--superior-link-color: white;
			--superior-link-hover-color: orange;
			--articulo-color:  antiquewhite;
			--fondo-superior-color: #DE2C60;
			--fondo-inferior-color: #DE2C60;	
			--social-fondo-color: white;
			--lado-izq-color: #EEE;
			--caja-link-color: DodgerBlue;
			--caja-link-hover-color: DeepPink;
			--titulo-color:: #DE2C60;
			--fecha-blog: blueviolet;
			--categoria-link-color: magenta;
			--categoria-link-hover-color: crimson;
			--categoria-cate-color: blue;
			--categoria-tag-color: red;
        }
   


        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        

     






body {
	font-family: "Poppins", Verdana, Times;
	color: var(--text-color);
	font-size: 1.3em;
	font-weight: 400;
	font-style: normal;
	background: var(--background-color);
}


        


h1, h2 {
	font-family: "Satisfy", cursive;
	font-size: 1.7em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.2rem;
}

p {
	font-family: "Poppins", Verdana, Times;
	font-size: 1.1em;
	font-weight: 500;
	font-style: normal;	
	line-height: 1.6;
}

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

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

img, video {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}


ul {
	list-style: none;
}





li {
 margin: 0 8px;
 font-size: 1.3rem;
}






.superior {
	background-color: var(--fondo-superior-color);
}

.superior h3 {
	font-family: "Poppins", Verdana, Times;
	color: var(--titulo-mediano);
	margin: 10px 25px;
	
}

.superior ul {
display: flex;
flex-direction: row;
justify-content: space-around;
}

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





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

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


.logito {
	border-radius: 50%;
	margin: 10px 25px;
}




.contenido-central {
 width: 88%;
 padding: 0 20px;
 border: 3px solid #dddddd;
 margin: 30px auto 0 auto;
}

.articulodescripcion {
	background: var(--page-fondo-color);
	padding: 12px 8px;
}

/*  ARTICULO   BLOG  */


.articuloestilo {
	background: var(--articulo-color);
	padding: 12px 8px;
}

.fechablog {
	color: var(--fecha-blog);
	font-size: 16px;
}

.cateblog  a{
	color: var(--categoria-link-color);
	
}

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


.catecate {
	color: var(--categoria-cate-color);
	
}

.catetag {
	color: var(--categoria-tag-color);
}



.ladoinferior {
	font-family: "Poppins", Verdana, Times;
	background-color: var(--fondo-inferior-color);
	color: white;
	height: 300px;
	padding-top: 2px;
	text-align: center;
	float: left;
	width: 100%;
}

.ladoinferior a {
	color: white;
}

.ladoinferior a:hover {
	color: gold;
}




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



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

}

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



.partedeaz {

}


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


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


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


.vedet a {
    color: #F50A40;
}

.vedet a:hover {
	color: palevioletred;
	
}