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

	
:root {
    --color_primario: hsla(126, 64%, 31%, 0.992);
    --color_primario_suave: rgba(215, 192, 20, 0.514);
    --color_blanco: rgb(255, 252, 252);
    --altura_header: 80px;
    --padding_left_right: 2rem;
    --ancho_maximo: 1200px;
    --color_fondo: rgb(230, 234, 233);

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

body{
    background-color: #1e6916; /* convocatorias links */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

a{
    text-decoration: none;
}
ol,ul{
    list-style: none;
}

.header {
    height: var(--altura_header);
    background-color: var(--color_primario);
	text-align: center;
	line-height: 80px;
	border-bottom: #fff;
	width: 100%;
}

.navbar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /*si no caben pasar a linea siguiente*/
    padding: 0 var(--padding_left_right);
}

.clearfix{
	clear:both;
}

.menu_hamburguesa{
    display: none;
}
.menu_hamburguesa:checked + .ul_links {
    height: calc(100vh - var(--altura_header));
}
.logo {
	width: 3rem;
    height: 3rem;
    object-fit: cover;
    object-position:left;
}



.list_icon {
    color: var(--color_blanco);
    cursor: pointer;
}
.ul_links {
    width: 100%;
    background-color: var(--color_primario_suave);
    position: absolute;
    top: var(--altura_header);
    left: 0;
    height: 0;
    overflow: hidden;
    /* height: calc(100vh - var(--altura_header)); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    transition: all .3s;
}


.link {
    font-size: 3em;
	text-decoration-color: #53e690;
    color: var(--color_blanco);
    font-weight: bold;
}

/*            MAIN CONTENT            */
/* ********************************** */
.main-content {
	background-color: var(--color_fondo);
}

.box{
    border: 2px solid rgb(231, 241, 234);
    min-height: 10%;
    width: 20%;

  }

.card-category {
	background-color: var(--color_primario_suave);
	height: 100%;
  	display: block;
	padding: 2%;
	/*flex-direction: column;
	align-items:safe;
	*/
	border-radius: 2rem;
	gap: 2rem;
}

.articulo{

	color:hsl(0, 23%, 95%);
	margin-top: 1.6rem;
	margin-bottom:1rem;
    text-align: start;
	border-bottom: 1px solid #80756b;
	gap: 1.2rem;
}


.articulo2{
	background-color: var(--color_fondo);
	color:hsl(0, 23%, 95%);
	margin-top: 1.6rem;
	margin-bottom:1rem;
    text-align: start;
	border-bottom: 1px solid #b6a493;
	padding-block: 20px;

}


/*links*/
a {
	outline: none;
	text-decoration: none;
	padding: 2px 1px 0;
  }
  
  a:link {
	color: #8fd358; /*textolinkalinicio*/
  }
  
  a:visited {
	color: #437a16;
  }
  
  a:focus {
	border-bottom: 1px solid;
	background: #416820;
  }
  
  a:hover {
	border-bottom: 1px solid;
	background: #cdfeaa;
  }
  
  a:active {
	background: #306603;
	color: #314e1b;
  }


/* banner*/
.banner{
	position:relative;
	width: 100%;
	height: calc(108vh-50px);
	background-image: url(../img/Actvidad-IA-4.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.contenido{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color:white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

.contenido h1{
   margin:20px;
   font-size: 30px;

}

.contenido p{
	margin:20px;
	font-size: 18px;
}


/*   */


/*               FOOTER               */
/* ********************************** */

.footer {
	background-color: var(--color_blanco);
}

.contenido-footer {
	display: inline;
    justify-items: center;
	gap: 1rem;
	padding: 1rem;
	font-size: 1rem;
}

.menu-footer {
	justify-items: center;
	display: grid;
	text-align: center;
    padding: 3px;
	gap: 1rem;
	justify-items: center;
	text-decoration: none;
 color:white;
}

.title-footer,
.title-footer.p {
	color: var(--color_primario_suave);
	font-weight: 400;
	font-size: 1 rem;
	
    text-justify:center;	
}


.contact-info ul li,
.information ul li,
.my-account ul li {
	list-style: none;
	color: #5bce6e;
	font-size: .7 rem;
	font-weight: 200;
	padding-right: 40%;
	text-align: center;
}

.information ul li a:hover,
.my-account ul li a:hover {
	color: var(--color_primario_suave);
}


.copyright {
	display: flex;
	justify-content: space-between;
	padding-top: 1rem;
	color: rgb(136, 133, 133);
	border-top: 1px solid #80756b;
}

.copyright p {
	font-weight: 400;
	font-size: .7rem;
}



  .button-boton1{
 	
	background-color: #04AA6D;
	border: none;
	color: white;
	padding: 15px 32px;

	text-decoration: none;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	width: 50%;
   display:flex;
   text-decoration: none;
   color:rgb(185, 180, 180);
   padding: 9px 20px;
   text-transform: uppercase;
   border: 1px solid #fff;
   transition: all .3s ease-in-out;
   width: 150px;
  }
  
/*       MEDIA QUERIES -- 768px       */
/* ********************************** */
@media(min-width:700px){

		
	.labe_hamburguesa {
        display: none;
    }
    .ul_links{
        position: static;
        width: auto;
        height: auto;
        flex-direction: row;
        gap: 1rem;
    }
    .link{
        font-size: 1.2rem;
        transition: all .3s;
        padding: .7rem .7rem;
    }
    .link:hover{
        background-color: #657573;
    }

.contact-info{
	display: block;
}
	.menu {
		display: none;
	}

				
	.footer {
		background-color: var(--color_primario);
	}
	
	.container-footer {
		display: inline;
		
	}
	

	
} /*footer*/


/*--menu hamburg*/
header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 2rem;
background-color: rgb(52, 156, 46);
}
  
 .abrir-menu {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: bottom;
  }
  

.nav-list{
    list-style-type: none;
    display: flex;
    gap: 1rem;
}

.nav-list li a {
   text-decoration: none;
   color: #f6eded;

}

.link { color: #3e5317; } 
.link:hover { color: #0b5329; } 


.abrir-menu,
.cerrar-menu{
display: none;
}

.button-boton1{
	width: 100%;
}
 /*media*/