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

.romantic-era {
    --primary: #DC143C;
    --primary-dark: #8B0000;
    --primary-light: #FF6B6B;
    --accent: #8A2BE2;
    --accent-light: #9370DB;
    --secondary: #2E8B57;
    --tertiary: #4682B4;
}

.romantic-era header {
    background-color: rgba(139, 0, 0, 0.9);
    border-bottom: 2px solid var(--primary-dark);
}

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

.romantic-era .nav-links a {
    color: #FFE4E1;
}

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

.romantic-era .era-indicator {
    background-color: rgba(255, 107, 107, 0.2);
    color: var(--primary-light);
}

/* Hero Section Romanticismo */
.era-hero {
    padding: 180px 0 100px;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(70, 0, 0, 0.9)), 
                url('https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
    color: #FFE4E1;
    position: relative;
    overflow: hidden;
}

/* Resto del CSS similar al patrón anterior pero con colores románticos */
/* ... */