/* Estilos globales */
:root {
    /* 🎨 Paleta NexoAgro */
    --verde-nexo: #58B947;
    --celeste-nexo: #2BA6D4;
    --gris-oscuro: #212529;
    --gris-medio: #6C757D;
    --gris-claro: #F8F9FA;
    --borde-sutil: #dee2e6;
    --blanco: #ffffff;
    --fuente-principal: 'Helvetica Neue', sans-serif;
  }
  
  body {
    font-family: var(--fuente-principal);
    background-color: var(--gris-claro);
    color: var(--gris-oscuro);
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: var(--gris-oscuro);
  }
  
  .btn-success, .btn-primary {
    background-color: var(--verde-nexo);
    border-color: var(--verde-nexo);
    color: var(--blanco);
  }
  
  .btn-success:hover, .btn-primary:hover {
    background-color: #449734;
    border-color: #449734;
  }
  
  .btn-outline-light {
    color: var(--blanco);
    border-color: var(--blanco);
  }
  
  .btn-outline-light:hover {
    background-color: var(--blanco);
    color: var(--verde-nexo);
  }
  
  a {
    color: var(--celeste-nexo);
  }
  
  a:hover {
    color: #1e7ca5;
  }
  
  
  .card {
    border: 1px solid var(--borde-sutil);
    background-color: var(--blanco);
    color: var(--gris-oscuro);
  }
  
  .card-title {
    color: var(--gris-oscuro);
  }
  
  .card-text {
    color: var(--verde-nexo);
  }