/* Estilos específicos para la página del Modernismo */

.modern-era {
    --primary: #4682B4;
    --primary-dark: #1E3A5F;
    --primary-light: #87CEEB;
    --accent: #20B2AA;
    --accent-light: #48D1CC;
    --secondary: #696969;
    --tertiary: #2F4F4F;
}

.modern-era header {
    background-color: rgba(30, 58, 95, 0.9);
    border-bottom: 2px solid var(--primary-dark);
}

.modern-era .logo {
    color: var(--primary-light);
}

.modern-era .nav-links a {
    color: #F0F8FF;
}

.modern-era .nav-links a:hover {
    color: white;
}

.modern-era .era-indicator {
    background-color: rgba(135, 206, 235, 0.2);
    color: var(--primary-light);
}

/* Efectos abstractos y geométricos */
/* Animaciones de descomposición */
/* Estilos minimalistas y funcionales */