.encabezado{
    height: 250px;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pie{
    height: 300px;
    background-color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.encabezado> .derecha {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    padding-right: 210px;
}



.cuerpo{
    /* Estamos en la carpeta estilos, por lo tanto tenemos que subir un nivel con ../ */
    background-image: url(../imagenes/fondo_index.jpg); 
    padding: 10px;
    height: 300px;
    background-attachment: fixed; /* Para dejar la foto fija en la pantalla */ 
    background-position: center; /* Centrar la imagen en la pantalla */
    background-repeat: no-repeat; 
    background-size: cover; /* Ajusta la imagen a la pantalla */
    color: rgb(156, 148, 130);
    display: flex;
    align-items: flex-end;
    
}
.cuerpo> .espacioizquierda{
    width: 1100px;
}

.pie{
    height: 100%;
}
.pie> .copyright{
    font-size: 12px;
    color: rgb(156, 148, 130);
}