/* ============================================================
   HUMIX GETAFE — theme.css · Variante DORADO
   Fondos light degradados · Acentos gold predominantes
   ============================================================ */

:root {
  --accent:      #c49332;
  --accent2:     #d4a84b;
  --accent3:     #efce8c;
  --accent-soft: rgba(239,206,140,.18);
  --accent-glow: rgba(239,206,140,.38);
  --hero-bg1:    #fffdf5;
  --hero-bg2:    #fff8ea;
  --section-alt: #fdf9f0;
}

/* Hero: degradado cálido dorado */
.hero {
  background:
    radial-gradient(ellipse 60% 55% at 92% 5%,  rgba(239,206,140,.42), transparent),
    radial-gradient(ellipse 45% 50% at 5%  30%,  rgba(212,168,75,.18), transparent),
    radial-gradient(ellipse 35% 40% at 50% 95%,  rgba(239,206,140,.14), transparent),
    linear-gradient(180deg, var(--hero-bg1) 0%, var(--hero-bg2) 60%, #fff 100%);
}
.blob-a { background: rgba(239,206,140,.22); }
.blob-b { background: rgba(212,168,75,.18); }
.blob-c { background: rgba(239,206,140,.14); }
.orb-one { box-shadow: 0 0 56px rgba(239,206,140,.45); }
.orb-two { background: rgba(196,147,50,.6); }
.orb-three { background: rgba(239,206,140,.55); }

/* Cursor glow dorado */
.hx-cursor-glow {
  background: radial-gradient(circle, rgba(239,206,140,.22), transparent 66%);
}

/* Hero h1 em: gold más intenso */
.hero h1 em, .sec-h2 em {
  background: linear-gradient(135deg, #b07c1a, #d4a84b, #efce8c, #f5e0aa);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Tags: tono gold */
.kicker, .sec-tag {
  background: rgba(239,206,140,.2);
  border: 1px solid rgba(239,206,140,.45);
  color: #8a6020;
}

/* Problem section: warm gold */
.problem-section {
  background: linear-gradient(160deg, #fefcf5 0%, #fdf9ee 100%);
}
.problem-list div {
  background: rgba(253,249,240,.9);
  border-left-color: var(--gold2);
}
.problem-list div:hover {
  background: rgba(239,206,140,.1);
  border-left-color: var(--gold);
}

/* Servicios: fondo gold muy suave */
.leistungen-section {
  background: linear-gradient(180deg, #fefcf3 0%, #fff 100%);
}

/* Ecopair: mantener azul pero suavizado */
.ecopair-section {
  background: linear-gradient(170deg, #f5f8fc 0%, #f8fbff 60%, #fff 100%);
}

/* Zonas: hover gold */
.zones span:hover {
  background: linear-gradient(135deg, rgba(239,206,140,.2), rgba(212,168,75,.1));
  border-color: rgba(239,206,140,.65);
  box-shadow: 0 12px 34px rgba(196,147,50,.22);
}

/* Pasos: acento gold */
.step-num {
  background: linear-gradient(135deg, #f7e4b2, var(--gold), var(--gold2));
  color: #15202f;
}

/* Header btn gold más saturado */
.btn-gold {
  background: linear-gradient(135deg, #f9ebc4, #efce8c, #d4a84b);
  box-shadow: 0 14px 38px rgba(196,147,50,.3);
}
.btn-gold:hover {
  box-shadow: 0 22px 54px rgba(196,147,50,.42);
}

/* Progress bar gold */
.hx-progress {
  background: linear-gradient(90deg, #d4a84b, #efce8c, #c49332);
}

/* Footer */
.footer {
  background: linear-gradient(180deg, #1a120a 0%, #0b0804 100%);
}