/* ======================================= */
/* 1. TÍTULO PRINCIPAL (MINIMAL GLITCH)    */
/* ======================================= */

body {
    background-color: #0A0A0A; /* Fondo muy oscuro para resaltar los elementos neón */
    font-family: 'Courier New', Courier, monospace; /* Fuente monoespaciada para un toque técnico */
}

.main-title { /* Aplicado al <h1> */
    /* Fuente impactante pero limpia */
    font-family: 'Anton', sans-serif; 
    
    /* Color del título: Blanco roto / Ciber-gris */
    color: #F0F0F0;
    
    font-size: 4rem; 
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
    padding-bottom: 20px;
    
    /* Línea divisoria: Una línea fina y simple, como un error de renderizado */
    border-bottom: 1px solid #a3a3a3; 
}

/* ======================================= */
/* 2. SUBTÍTULOS (DATOS CRÍTICOS)          */
/* ======================================= */

h2 { 
    /* Color: Un color de alerta neón, pero contenido */
    color: #FF0055; /* Magenta/Rojo neón */
    font-size: 2rem;
    margin-top: 40px;
    padding-left: 15px;
    /* Fuente simple y técnica */
    font-family: monospace, sans-serif; 
    text-transform: uppercase;
    
    /* Borde lateral minimalista: Solo un pequeño indicador de importancia */
    border-left: 3px solid #FF0055; 
    padding-top: 2px;
    padding-bottom: 2px;
}

/* ======================================= */
/* 3. ESTILO DE PÁRRAFOS (LEGIBILIDAD)     */
/* ======================================= */

.intro-paragraph, .detail-paragraph {
    /* Color de texto: Gris claro, casi blanco */
    color: #CCCCCC; 
    font-size: 1.1rem; 
    line-height: 1.6; 
    text-align: justify;
    padding: 0 15px; 
    
    /* Sin sombras complejas, solo la necesaria para alto contraste en fondos muy oscuros */
    text-shadow: 1px 1px 1px #000000; 
}

/* ======================================= */
/* 4. AJUSTE RESPONSIVE (MÓVILES)          */
/* ======================================= */

@media (max-width: 600px) {
    .main-title {
        font-size: 2.8rem; /* Ajuste para móviles */
        margin-top: 30px;
    }
    h2 {
        font-size: 1.6rem;
    }
}