/* 1. CONFIGURACIÓN DEL CONTENEDOR (Lo que centra la página) */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #000000;
    background-color: #F0F0F0; /* Un gris muy clarito para el fondo de la pantalla */
    
    /* Centrado y límites */
    margin: 0 auto;       
    max-width: 900px;     /* Límite para tu monitor de 27" */
    width: 100%;           /* Casi total en celulares */
    
    /* Cuadro de contenido */
    padding: 20px;
    background-color: #FFFFFF; /* Blanco para el área donde está el texto */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1); /* Sombra suave para que se vea profesional */
}

/* 2. TABLAS Y CELDAS */
table, td, th {
    font-family: Arial, sans-serif;
    font-size: 14pt;
    color: #000000;
}

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse; /* Hace que los bordes de las tablas se vean más limpios */
}

/* 3. TÍTULOS */
h1 { font-size: 16pt; font-weight: bold; }
h2 { font-size: 14pt; font-weight: bold; }

/* 4. ENLACES Y TEXTO VERDE */
a { color: #000000; text-decoration: underline; }
.textoVerde { color: #006400; }

/* 5. IMÁGENES (Para que el banner no se salga de los 900px) */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto; /* Centra las imágenes dentro del contenido */
}