/* Reset básico */
body, h1, h2, p, ul, li, form, label { 
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Times New Roman', Times, serif;
line-height: 1.6;
background-color:#efcfe3;
color:#e27396;
padding: 20px;
 }
/* Estilos de Encabezado*/
header {
    text-align: center;
    padding: 20px;
    background-color: #ea9ab2;
    color:#efcfe3 ;
    }
    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:#ea9ab2 ;
    color:#efcfe3 ;
    border:none ;
    border-radius: 5px;
    cursor: pointer;
    }
    form button:hover {
        background-color: #ffccd5;
    }
     
    /*Estilos del Pie de Pagina*/
    footer{
    text-align: center;
    padding: 10px;
    background-color: #fff0f3;
    color:#250902 ;
    margin-top: 20px;
    }
    /* Diseño Responsivo*/
    @media (max-width:600px) {
     
        header h1 {
            font-size: 2em;
        }
       
        header p  {
            font-size: 1em;
        }
     
    }