/* Estilos del encabezado */
header {
    background-color: #090;
    padding: 2px 0;
}


/* Estilos generales */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 1em;
}
main {
    background: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto;
    padding: 3%;

  }

/*estilos menu */

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.navbar .logo a {

}

.menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu li {
    margin-left: 20px;
    border: 2px solid #090;
     padding: 10px 15px;
     border-radius: 35% 15rem / 100px 30%; 
}
.menu li:hover{
    border: 2px solid #000;
}

.menu li a {
    color: #090;
    text-decoration: none;
    padding: 10px 15px;

}

.menu li a:hover {
	color:#000;
	text-shadow: #999 0.1em 0.1em 0.2em;
}

/* Estilos para el menú hamburguesa */
.menu-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
}

.bar {
    width: 25px;
    height: 3px;
    background-color: #393;
}

/*estilos para el pie */
pie{
  width:100%;
  display: flex;
  justify-content: center;
   margin: 0 auto;
   background: #000;
    font-size: 0.8em;
      position: absolute;


}
pie a{
  font-size:0.8em;
  color:white;

}
pie img {
      display: block;
      margin: 0 auto;
 }
.izq{
	display: flex;
	width:70%;
	float: left;
   vertical-align: middle;

}
.dcha{
	display: flex;
	width:30%;
	float: right;
	margin: 0 auto;
  align-items: center;
      text-align: right;

}

/*estilos para el contenido del main */

.enlace:link{
	color: #3dd810;
	text-decoration:none;
}
.enlace:hover{
	color:#059b10;
	text-decoration:underline;
}
.enlace:visited{
	color:#669933;
}
.titulo{
    width: 100%;
    font-size: 2em;
    font-weight: normal;
    color:#009900;
    margin:5;
    padding:10px;  
}
.subtitulo{
    font-size: 1.2em;
    font-weight: bold;
    color:#6a6;
}
.feed-container{
	width:18%;
	border-right: 1px solid #393;
	padding:1%;
	background:#ecf4ee;
}
.rss{
    font-size: 0.6em;
    border-bottom: 1px dotted #393;

}
.contenido{
	width:80%;
	margin:auto;
	text-align: left;
	color:#444;
}
   .col {
      flex-basis: 25%;
      text-align: center;
    }
    
    
   .colprin {
      display: grid;
      align-items: center; /* Centra verticalmente */
      padding: 1%;
      flex-basis: 36%;
      margin: 0 auto;
    }

    
    
    .colprin img{

     max-width: 200px;
    }
    
/* estilos submenú hemeroteca */
navhem{
  width:100%;
  justify-content: center;
   margin: 0 auto;
   background: #55c861;
   text-align:center;
   padding:2px;
   font-size: 1em;

        }
navhem ul {
    list-style-type: none; /* Quitamos las viñetas de la lista */
      margin: 0 auto;

}
navhem li {
    display: inline; /* Ítems del menú en una línea horizontal */ 

}

navhem ul li a{
    padding: 0rem 0.8rem;
    color: white;
    text-decoration: none;
    transition: 330ms all ease-out;
}
navhem ul li a:hover{
    background: #d1d1d1;
    color: #212121;
}



/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
	.ocultar-div{
		display:none;
	}
	.feed-container{
		display:none;
	}
    .menu {
        display: none;
        width: 100%;
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        background-color: #cfcfcf;
        opacity: 0.9;
        font-size: 1.4em;
    }

    .menu li {
        margin: 0;
        text-align: center;
        border:0;
        padding:0;
    }
	.menu li:hover{
       border:0;
    }
    .menu li a {
        padding: 15px;
        width: 100%;
        display: block;
        transition: background-color 0.3s;
    }
   .menu li a:hover {
    background-color: #efefef;

   }

    .menu-icon {
        display: flex;
    }

    .menu.active {
        display: flex;
    }
    navhem ul li a{
    padding: 0rem 0.2rem;
    }
    .col {
      flex-basis: 100%;
      text-align: center;
    }
     .colprin {
      flex-basis: 100%;

    }

}



