:root {
  --primario: #0093df;               /* primario */
  --primario-oscuro: #0077b3;        /* un poco más oscuro */
  --primario-muy-oscuro: #005c80;    /* mucho más oscuro */
  --primario-claro: #33a6f2;         /* un poco más claro */
  --primario-muy-claro: #66c0f5;     /* mucho más claro */
  --primario-casi-blanco: #cce6fb;   /* casi blanco, muy suave */
  
  --acento: #e30304;                 /* acento nuevo */
  --acento-claro: #ff4a47;           /* acento un poco más claro */

  --primario-enlace: var(--primario-oscuro);
}

    .header {
        background-color: inherit;
    }
    .main-nav a {
        color: #333;
    }
    .main-nav a:hover {
        color: var(--primario-oscuro);
    }
    .nav-button {
        border: 2px solid #333;        
        color: inherit;
    }
    .main-nav .nav-button:hover {
        background-color: #eee;
        border-color: var(--primario-oscuro);
        color:var(--primario-oscuro);
    }
    .nav-button:hover svg {
        color: var(--primario-oscuro);
    }
    
    .feature-text h2 {
    
    color: var(--primario-oscuro);
}
    .events-social {
    
    background-color: #2f2d2e;
    
}



    .main-footer {
    background-color: #2f2d2e;
}

    .footer {
 
    background-color: #272526;
 
}

        .contact-item a {
            color: #ddd;
        }

     .footer-section .titulo {
 
         border-bottom: 2px solid #ccc;
   
    }
        .feature-section-alt {
    background-color: #e8eef3;
}