/* ------------------------------------------- */
/* --- ESTILOS GENERALES Y TIPOGRAFÍA --- */
/* ------------------------------------------- */
body {
    font-family: 'Arial', sans-serif; /* Fuente legible */
    line-height: 1.6; /* Espaciado entre líneas para mejor lectura */
    margin: 0;
    padding: 0;
    background-color: #f4f4f4; /* Fondo gris muy claro */
    color: #333; /* Texto oscuro */
}

/* Contenedor principal para centrar el contenido */
main {
    max-width: 800px; /* Ancho máximo para evitar líneas demasiado largas */
    margin: 40px auto; /* Centrar horizontalmente y dar espacio superior/inferior */
    padding: 30px;
    background-color: #fff; /* Fondo blanco para el contenido */
    border-radius: 8px; /* Bordes ligeramente redondeados */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

/* ------------------------------------------- */
/* --- ENCABEZADOS Y TEXTO --- */
/* ------------------------------------------- */
h1 {
    font-size: 2.2em;
    color: #007bff; /* Color azul para destacar (puedes usar el color de tu marca) */
    text-align: center;
    border-bottom: 2px solid #eee; /* Línea de separación */
    padding-bottom: 10px;
    margin-bottom: 30px;
}

h2 {
    font-size: 1.6em;
    color: #444;
    margin-top: 30px;
    border-left: 5px solid #007bff; /* Barra azul a la izquierda */
    padding-left: 10px;
}

h3 {
    font-size: 1.2em;
    color: #555;
    margin-top: 20px;
}

p {
    margin-bottom: 15px;
    text-align: justify; /* Justificar texto para un bloque limpio */
}

a {
    color: #007bff; /* Enlaces en color de marca */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ------------------------------------------- */
/* --- LISTAS Y PIE DE PÁGINA --- */
/* ------------------------------------------- */
ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

li {
    margin-bottom: 8px;
}

/* Estilos para el footer */
footer {
    text-align: center;
    margin-top: 40px;
    padding: 20px;
    font-size: 0.9em;
    color: #777;
}

/* Mejorar la visibilidad de la información de contacto */
main strong a {
    font-size: 1.1em;
    color: #dc3545; /* Rojo para destacar el email */
}