/* FuaFlow Market: la marca es verde (#14C06D, el del logo y la app); el CRM es
   naranja, Love Log rojo y Teams azul. Se carga DESPUÉS de /css/site.css y
   solo en las páginas de Market: cambia las variables del acento y rehace en
   verde lo que site.css trae en naranja. */
:root {
  --oro: #14c06d;        /* el verde de la marca: 7.6:1 sobre el carbón */
  --oro-claro: #8ef0bd;
  --oro-hondo: #0c7643;
  --ambar: #3ddc8f;      /* los enlaces, más claros que la marca */
}

body {
  background-image:
    radial-gradient(ellipse 130% 60% at 50% -18%, rgba(20, 192, 109, 0.2), transparent 62%),
    radial-gradient(ellipse 90% 50% at 85% 4%, rgba(61, 220, 143, 0.07), transparent 60%);
}

.lang-pill:hover {
  border-color: rgba(20, 192, 109, 0.45);
}

.documento .divisor {
  background: linear-gradient(90deg, transparent, rgba(20, 192, 109, 0.4), transparent);
}

.boton-oro {
  box-shadow: 0 10px 30px rgba(20, 192, 109, 0.26);
}

footer nav {
  flex-wrap: wrap;
  row-gap: 6px;
}

.enlace-caja { margin: 24px 0; padding: 20px; border-radius: 18px; background: rgba(255, 255, 255, 0.06); text-align: center; }
.enlace-caja p { margin: 0 0 16px; }
.enlace-caja p:last-child { margin-bottom: 0; }
.enlace-caja button { font: inherit; font-weight: 700; padding: 12px 22px; border-radius: 999px; border: 0; cursor: pointer; min-height: 44px; }
.copiado { display: block; min-height: 1.4em; margin-top: 8px; }

.dock a.activo {
  background: linear-gradient(180deg, rgba(20, 192, 109, 0.24), rgba(20, 192, 109, 0.08));
}

.telefono-zona::before {
  background: radial-gradient(ellipse 60% 55% at 50% 42%, rgba(20, 192, 109, 0.26), transparent 70%);
}

.pastilla {
  border-color: rgba(20, 192, 109, 0.38);
  background: linear-gradient(180deg, rgba(20, 192, 109, 0.18), rgba(20, 192, 109, 0.06));
}

@media (max-width: 880px) {
  main.contenedor { overflow-x: clip; }
}

.jornada::before {
  background: linear-gradient(180deg, rgba(20, 192, 109, 0.5), rgba(20, 192, 109, 0.08));
}

.momento .hora::after {
  box-shadow: 0 0 0 4px rgba(20, 192, 109, 0.16);
}

.etapa::after {
  background: linear-gradient(90deg, rgba(20, 192, 109, 0.55), rgba(20, 192, 109, 0.12));
}

.muestra {
  white-space: normal;
}

@media (max-width: 640px) {
  .riel-envoltura { overflow-x: visible; }
  .riel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    row-gap: 10px;
  }
  .etapa { padding-right: 14px; }
  .etapa:last-child::after { right: 0; }
}