:root {
    --primary-teal: #007575; /* Color base corporativo */
    --accent-orange: #f37021; /* Color de acción */
    --bg-light: #f8f9fa;
    --text-dark: #333;
}
body { margin: 0; font-family: 'Open Sans', sans-serif; background-color: white; color: var(--text-dark); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.header-main { border-bottom: 1px solid #eee; }
.top-bar { background: #eee; padding: 5px 0; font-size: 0.8rem; }
.top-links { display: flex; justify-content: flex-end; gap: 20px; }
.top-links a { color: #666; text-decoration: none; }
.nav-area { padding: 15px 0; }
.nav-flex { display: flex; justify-content: space-between; align-items: center; }
.logo { font-weight: 800; font-size: 1.5rem; color: var(--primary-teal); text-transform: uppercase; }
.logo span { font-weight: 300; }
.main-menu ul { display: flex; list-style: none; gap: 25px; align-items: center; margin: 0; }
.main-menu a { text-decoration: none; color: var(--text-dark); font-weight: 600; font-size: 0.9rem; }
.btn-cta-nav { background: var(--accent-orange); color: white !important; padding: 10px 20px; border-radius: 25px; }
/* Estilos Hero, Cards y Footer se heredan en cada archivo */