/* ============================================================
   AbastGO — capa de identidad sobre la landing de 6amMart.
   Archivo propio: se carga después de landing.css y no se
   pierde al actualizar el panel.
   ============================================================ */
:root{
  /* landing.css deriva --green de --primary; el panel fija ambos
     al mismo verde, así que aquí recuperamos un tono de hover. */
  --primary-dark:#0F4A2E;

  /* dorado de la marca, el de la "Go" del logotipo */
  --oro:#C9922B;
  --oro-claro:#E0AC3E;
  --oro-texto:#7A5712;
  --oro-rgb:201,146,43;
}

/* Botón secundario del héroe en dorado, para que los dos
   colores de la marca convivan en la primera pantalla. */
.hero-btn--delivery{
  border-color:rgba(var(--oro-rgb),.55);
  color:var(--oro-texto);
}
.hero-btn--delivery:hover{
  border-color:var(--oro);
  color:var(--oro-texto);
  box-shadow:0 6px 24px rgba(var(--oro-rgb),.20);
}
.hero-btn--delivery svg{color:var(--oro)}

/* Trazo dorado bajo las palabras resaltadas de los títulos. */
.hero h1 .hl,
.sec-header h2 .hl{
  box-shadow:inset 0 -.16em 0 rgba(var(--oro-rgb),.30);
}

/* La pestaña activa de categorías marcada en dorado. */
.svc-icon-btn.active{
  border-color:var(--oro) !important;
  box-shadow:0 4px 18px rgba(var(--oro-rgb),.18);
}

/* Botones de flecha de los carruseles. */
.slider-arrow:hover,
.svc-arrow:hover{
  border-color:var(--oro);
  color:var(--oro-texto);
}