/* Paleta de colores Consultora Martín Malara */
:root {
    /* Colores primarios */
    --color-primary-darkest: #010713; /* Azul marino muy oscuro (casi negro) */
    --color-primary-dark: #1A2F47;    /* Azul marino oscuro */
    --color-primary: #103562;         /* Azul marino */
    
    /* Colores secundarios */
    --color-accent: #AE8E57;          /* Dorado/Marrón */
    
    /* Colores neutros */
    --color-neutral-light: #D8CAB3;   /* Beige claro */
    --color-neutral-lightest: #F5F4EF; /* Blanco hueso */
    
    /* Colores para texto */
    --color-text-dark: #010713;
    --color-text-light: #F5F4EF;
    
    /* Colores para fondos */
    --color-bg-dark: #1A2F47;
    --color-bg-light: #F5F4EF;
    --color-bg-accent: #AE8E57;
    
    /* Colores para hover/active states */
    --color-hover: #103562;
    --color-active: #AE8E57;
}

/* Estilos generales */
body {
    background-color: var(--color-neutral-lightest);
    color: var(--color-text-dark);
}

/* Navbar */
.navbar {
    background-color: var(--color-primary-dark);
    color: var(--color-text-light);
    box-shadow: 0 4px 12px rgba(1, 7, 19, 0.15);
}

.navbar .logo {
    color: var(--color-text-light);
    font-weight: bold;
}

.navbar .nav-links a {
    color: var(--color-text-light);
}

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

.navbar .nav-links .active a {
    color: var(--color-accent);
}

/* Botones */
.btn {
    background-color: var(--color-accent);
    color: var(--color-text-light);
    border: none;
}

.btn:hover {
    background-color: var(--color-primary);
    color: var(--color-text-light);
}

.btn-outline {
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    background-color: transparent;
}

.btn-outline:hover {
    background-color: var(--color-accent);
    color: var(--color-text-light);
}

/* Secciones */
.section-title {
    color: var(--color-primary);
    border-bottom: 3px solid var(--color-accent);
}

.section-dark {
    background-color: var(--color-primary-dark);
    color: var(--color-text-light);
}

/* Hero section */
.hero {
    background: linear-gradient(120deg, var(--color-primary-darkest) 0%, var(--color-primary) 100%);
    color: var(--color-text-light);
}

/* Cards */
.card {
    background-color: var(--color-neutral-lightest);
    border: 1px solid var(--color-neutral-light);
    box-shadow: 0 4px 8px rgba(1, 7, 19, 0.08);
}

.card-title {
    color: var(--color-primary);
}

.card-accent {
    border-top: 4px solid var(--color-accent);
}

/* Collapsibles */
.collapsible-title {
    color: var(--color-primary);
}

.collapsible-title:hover {
    color: var(--color-accent);
}

.collapsible-content {
    border-left: 3px solid var(--color-accent);
    background-color: var(--color-neutral-lightest);
}

/* Timeline */
.timeline-item::before {
    background-color: var(--color-accent);
}

.timeline-date {
    background-color: var(--color-primary);
    color: var(--color-text-light);
}

/* Footer */
footer {
    background-color: var(--color-primary-darkest);
    color: var(--color-text-light);
}

footer a {
    color: var(--color-accent);
}

footer a:hover {
    color: var(--color-neutral-light);
}

/* Formularios */
input, textarea, select {
    border: 1px solid var(--color-neutral-light);
    background-color: var(--color-neutral-lightest);
}

input:focus, textarea:focus, select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px rgba(174, 142, 87, 0.2);
}

/* Elementos adicionales */
blockquote {
    border-left: 4px solid var(--color-accent);
    background-color: var(--color-neutral-lightest);
}

.tag {
    background-color: var(--color-neutral-light);
    color: var(--color-primary-dark);
}

.highlight {
    color: var(--color-accent);
}

/* Mobile menu */
.mobile-menu span {
    background-color: var(--color-text-light);
}