/* * DESIGN & DEVELOPMENT BY: Antonio Salazar
 * Email: siemprenegoceando@gmail.com
 * -------------------------------------------------------
 */

/* ---------------------------------------------------------- */
/* --- VARIABLES DE COLOR (TEMA VERDE/RECICLAJE) --- */
/* ---------------------------------------------------------- */
:root {
  --color-bg-dark: #4E841F;
  /* Verde oscuro de reciclaje corporativo (Fondo principal) */
  --color-cta-action: #F1E6B2;
  /* Amarillo/Oro Suave Brillante (Acción/Dinámico) */
  --color-text-light: #FFFFFF;
  /* Blanco puro para contraste y legibilidad */
  --color-text-dark: #121212;
  /* Texto oscuro */
  --navbar-height: 50px;
  /* Altura de referencia para el padding del body */
}

html,
body {
  font-family: Arial, Helvetica, 'sans-serif';
  color: var(--color-text-dark) !important;

  /* Elimina el margen y el relleno predeterminados del navegador */
  margin: 0;
  padding: 0;
  /* Asegura que la altura del HTML sea al menos tan alta como el viewport */
  height: 100vh;
  width: 100%;
  max-width: 100%;
  /* Ajusta esto al alto de tu navbar */
  padding-top: var(--navbar-height);
  scroll-behavior: smooth;
  /* Menu NavBar */
}

section[id] {
  scroll-margin-top: 80px;
  /* Altura Menu NavBar */
}

/* {
  border: 1px solid red;
}*/