/* Variables */ 
:root{
        --anchura-maxima: 800px;
        --cierre-color: #666;            
    }


/* Cuerpo y estilos generales */
body { text-align: center; font-family: 'Roboto',sans-serif; }
h1 { font-family: 'Bitter',serif; font-weight: 800;}
h3 { font-family: 'Bitter',serif; font-weight: 500;}


#cuerpo-cabecera {
    display: flex;
    justify-content: space-between;
    padding-top: 1em;
}

#titulo-cabecera h1 {
    margin: 0;    
    font-size: large; 
    color: #395f76;
}

#cuerpo img { width: 100%; border-radius: 1em; }

#descripcion {     color: #3b6075;
    color: #3b6075;
    text-align: left;
    background-color: lightblue;
    border-radius: 1em;
    padding: 1em 10px 1px 10px;
    margin-bottom: 0px;
    background-image: url(comillas.png);
    background-repeat: no-repeat;
    background-size: 13%;
    background-blend-mode: overlay;
    background-position-x: 10px;
    background-position-y: 10px;
}


#cierre {
    background-color: #333;
    color: var(--cierre-color);
    font-family: 'Roboto';
    text-align: left;
    font-size: xx-small;
    padding: 2em;            
}

#descargo-responsabilidad::before { 
    
    content: "¡Aviso! El recurso al que apunta esta página es ajeno a Altamar. Si bien el equipo de edición de Altamar revisa periódicamente la validez de estos recursos para uso formativo, estos enlaces se proporcionan sólo con fines informativos ; en ningún caso constituyen un respaldo, recomendación o aprobación por parte de Editorial Altamar a ninguno de los productos, servicios u opiniones de la corporación u organización o individuo responsable del recurso externo. Editorial Altamar no se responsabiliza de la exactitud, legalidad, disponibilidad o contenido del sitio externo o de los enlaces subsiguientes. Para obtener respuestas a preguntas sobre su contenido deberás comunicarte directamente con el sitio externo. Si consideras que hay algún problema con este recurso, puedes comunicárselo a editorial@altamar.es"; 
    
}

#descargo-responsabilidad a { 
    color: var(--cierre-color) !important;     
}

#descargo-responsabilidad, #cuerpo, #cuerpo-cabecera {
    max-width: var(--anchura-maxima);
    margin: 0 auto;
}