/* Estilos específicos para la página Contemporánea */

.contemporary-era {
    --primary: #20B2AA;
    --primary-dark: #008080;
    --primary-light: #48D1CC;
    --accent: #FF6347;
    --accent-light: #FF7F50;
    --secondary: #9370DB;
    --tertiary: #4682B4;
}

.contemporary-era header {
    background-color: rgba(32, 178, 170, 0.9);
    border-bottom: 2px solid var(--primary-dark);
}

.contemporary-era .logo {
    color: white;
}

.contemporary-era .nav-links a {
    color: #F0FFFF;
}

.contemporary-era .nav-links a:hover {
    color: var(--accent);
}

.contemporary-era .era-indicator {
    background-color: rgba(72, 209, 204, 0.2);
    color: white;
}

/* Efectos digitales, glitch, animaciones fluidas */
/* Diseño responsive extremo */
/* Efectos de neón y partículas digitales */