/**
 * Paleta barro (piloto) — solo páginas con html.accent-barro
 * Primario: #AD2C04 | Secundario: #ECD3BE
 * Ajusta --brand-primary / --brand-secondary si hace falta.
 */
html.accent-barro {
  --brand-primary: #AD2C04;
  --brand-secondary: #ECD3BE;
  --brand-on-primary: #ffffff;
  --brand-primary-rgb: 173, 44, 4;
  --brand-secondary-rgb: 236, 211, 190;
}

/* Primario */
html.accent-barro .text-primary,
html.accent-barro .text-gold-action,
html.accent-barro .header-brand-name,
html.accent-barro .header-brand-text {
  color: var(--brand-primary) !important;
}

html.accent-barro .bg-primary,
html.accent-barro .bg-gold-action,
html.accent-barro .elite-btn-primary {
  background-color: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
}

html.accent-barro .border-primary,
html.accent-barro .border-gold-action {
  border-color: var(--brand-primary) !important;
}

html.accent-barro .ring-primary,
html.accent-barro .focus\:ring-primary:focus,
html.accent-barro .focus\:border-primary:focus {
  --tw-ring-color: var(--brand-primary);
  border-color: var(--brand-primary) !important;
}

html.accent-barro .elite-input:focus {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 1px var(--brand-primary);
}

html.accent-barro .primary-glow,
html.accent-barro .gold-glow {
  box-shadow: 0 4px 14px 0 rgba(var(--brand-primary-rgb), 0.25);
}

html.accent-barro .glass-card {
  box-shadow: 0 4px 24px rgba(var(--brand-primary-rgb), 0.08);
}

html.accent-barro .text-gradient-gold,
html.accent-barro .gradient-text {
  background: linear-gradient(90deg, var(--brand-primary), #c4451a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

html.accent-barro .lang-switcher-btn.is-active {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
  background: var(--brand-primary);
  color: var(--brand-on-primary);
}

html.accent-barro .consent-check.is-checked,
html.accent-barro .consent-checkbox:checked {
  accent-color: var(--brand-primary);
}

html.accent-barro .consent-check.is-checked {
  border-color: var(--brand-primary);
}

/* Secundario — fondos suaves, chips, badges */
html.accent-barro .bg-primary\/10,
html.accent-barro .bg-primary\/5,
html.accent-barro .bg-gold-action\/20,
html.accent-barro .bg-gold-action\/10 {
  background-color: rgba(var(--brand-secondary-rgb), 0.85) !important;
}

html.accent-barro .border-primary\/30,
html.accent-barro .border-primary\/40,
html.accent-barro .border-gold-action\/40 {
  border-color: rgba(var(--brand-primary-rgb), 0.35) !important;
}

html.accent-barro .bg-secondary-soft,
html.accent-barro .badge-secondary {
  background-color: var(--brand-secondary) !important;
  color: var(--brand-primary) !important;
}

/* Logo isotipo + nombre */
html.accent-barro .header-logo-link {
  gap: 0.5rem;
  line-height: 1.1;
}

html.accent-barro .header-logo--isotipo {
  height: 36px;
  width: auto;
  max-width: 40px;
}

@media (min-width: 768px) {
  html.accent-barro .header-logo--isotipo {
    height: 42px;
    max-width: 48px;
  }
}

html.accent-barro .header-brand-name {
  font-family: Lexend, system-ui, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* En barro el texto de marca se mantiene visible junto al isotipo */
  html.accent-barro .header-brand-name,
  html.accent-barro .header-brand-text {
    display: inline-block !important;
    font-size: 0.85rem;
  }
}

/* Hover CTAs */
html.accent-barro .bg-primary:hover,
html.accent-barro .bg-gold-action:hover,
html.accent-barro a.bg-primary:hover,
html.accent-barro button.bg-primary:hover {
  filter: brightness(1.08);
}