/*Reset basico*/
body, h1,h2, p, ul, li, form, label{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}
body{ 
font-family: Arial, Helvetica, sans-serif
line-height 1.6;
background-color:#fefae0 ;
color:#000000 ;
padding: 20px;
}
/* Estilos de Encabezado*/
header {
text-align: center;
padding: 20px;
background-color: #606c38;
color:#000000 ;
}
header h1{
margin-bottom: 10px;
font-size: 2.5em;

}
header p {
    font-size: 1.2em;
}
/* Estilos de secciones*/
section{ 
    margin: 20px 0;  

}
 
h2{ 
border-bottom: 2px solid #333;
margin-bottom: 10px;
font-size: 1.5em;
}

ul li{
padding: 5px 0;

}

/*Estilos d4e formularios*/
form{  
display: flex;
flex-direction: bold;

}

form input,form textarea{
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
form button{ 
    padding: 10px;
    background-color:#283618 ;
color:#b8b4b3 ;
border:none ;
border-radius: 5px;
cursor: pointer;
}
form button:hover {
    background-color: #283618;
}

/*Estilos del Pie de Pagina*/
footer{
text-align: center;
padding: 10px;
background-color: #283618;
color:#eeddd9 ;
margin-top: 20px;
}
/* Diseño Responsivo*/
@media (max-width:600px) {

    header h1 {
        font-size: 2em;
    }
    
    header p  {
        font-size: 1em;
    }

}