@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
  /* VERDES MARCA (principal) */
  --brand-900: #1f3523;   /* verde oscuro profundo */
  --brand-800: #2f5033;
  --brand-700: #416f45;
  --brand-600: #53864d;
  --brand-500: #609452;   /* primary EYKEN */
  --brand-400: #79a96c;
  --brand-300: #9ec895;
  --brand-200: #c8e1c3;
  --brand-100: #e8f3e6;

  /* DORADOS / ÁMBAR (lubricante) */
  --amber-700: #8a5a00;
  --amber-600: #b97700;
  --amber-500: #e0a100;   /* highlight */
  --amber-400: #f3c14b;
  --amber-300: #f7d98a;
  --amber-200: #fbecc4;
  --amber-100: #fff7e1;

  /* NEGROS / NEUTROS */
  --ink-900: #0b0f0c;     /* negro profundo lateral */
  --ink-800: #141914;
  --ink-700: #2a2f2a;
  --ink-500: #5c635c;

  --line-300: #d1d5d1;
  --line-200: #e5e8e5;
  --line-100: #f2f4f2;

  --paper:   #ffffff;
  --surface: #f7f9f7;

  /* ESTADOS (alineados a marca) */
  --success: #609452;
  --warning: #e0a100;
  --danger:  #c6362b;
  --info:    #53864d;

  /* SOMBRAS (más orgánicas, menos azules) */
  --shadow-sm: 0 6px 18px #0000001a;
  --shadow-md: 0 14px 36px #00000026;

  /* GRADIENTES */
  --grad-hero: linear-gradient(
    135deg,
    #1f3523 0%,
    #609452 45%,
    #e0a100 100%
  );

  --grad-soft: linear-gradient(
    180deg,
    #ffffff 0%,
    #f5f9f4 100%
  );

  /* Altura del header fijo para separar correctamente el primer bloque */
  --site-header-offset: 76px;
}


.container{
    max-width: 1280px !important;
}


*{

  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;

}

*,
*::before,
*::after{
  box-sizing: border-box;
}

body{
  background: linear-gradient(180deg, #edf4ea 0%, #ffffff 45%, #f5f9f4 100%);
  overflow-x: hidden;
}

h1{
    font-weight: 900 !important;
}

h1, h2, h3, h4, h5, h6, display-4, display-3, display-2, display-1{

  font-family: "Exo", sans-serif;
  font-optical-sizing: auto;
  font-style: italic;

}

a{
    text-decoration: none !important;
}

.eyebrow{
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--brand-700);
}