/* =========================================
   Estilos Página Moisés Chaves (Vertical)
   ========================================= */

.moises-page-wrapper {
    background-color: #ffffff;
    color: #000000;
    line-height: 1.6;
}

.moises-container {
    max-width: 900px; /* Ancho de lectura cómodo */
    margin: 0 auto;
    padding: 0 20px;
    /* Espacio para el header fijo */
    margin-top: 140px;
}

/* --- Encabezados Centrados --- */
.moises-main-header {
    text-align: center;
    margin-bottom: 30px;
}

.moises-title-center {
    font-size: 2.2rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.moises-subtitle-center {
    font-size: 1.2rem;
    font-weight: 700; /* Negrita para el cargo */
    color: #000000;
    margin-top: 0;
}

/* --- Texto General --- */
.moises-text {
    font-size: 1rem;
    color: #000000;
    margin-bottom: 1.5rem;
    text-align: justify; /* Justificado para orden visual */
}

/* --- Imagen Centrada y Debajo --- */
.moises-image-container {
    width: 100%;
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    margin: 30px 0; /* Separación arriba y abajo */
}

.moises-img-centered {
    width: 100%;
    max-width: 250px; /* Tamaño controlado, no gigante */
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: block;
}

/* --- Secciones y Títulos --- */
.moises-section-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #000000; /* Específicamente negro */
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: left; /* Títulos de sección a la izquierda */
}

/* --- Listas Normales --- */
.moises-list-default {
    padding: 40px;
    list-style-type: disc; /* Viñeta clásica */
    color: #000000;
}

    .moises-list-default li {
        margin-bottom: 8px;
    }

/* --- Espaciado Final --- */
.moises-spacer-bottom {
    height: 80px;
}

/* Responsividad simple: solo asegura márgenes en pantallas muy chicas */
@media (max-width: 480px) {
    .moises-container {
        margin-top: 100px; /* Ajuste si el header móvil es más pequeño */
    }

    .moises-title-center {
        font-size: 1.8rem;
    }
}
