/* CEFEIN · Sistema cromático estable para Safari, Brave y Chromium */
:root {
  color-scheme: dark only;
  --cefein-page-bg: #020c1b;
  --cefein-panel-bg: #0f294a;
  --cefein-text-main: #f8fafc;
  --cefein-text-soft: #cbd5e1;
  --cefein-text-muted: #9fb0c3;
  --cefein-gold: #c5a85a;
  --cefein-gold-light: #f1d986;
}

html, body {
  min-height: 100%;
  background-color: var(--cefein-page-bg) !important;
  color: var(--cefein-text-soft);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#hero-slide-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#hero-slide-title .cefein-hero-lead {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#hero-slide-title .cefein-hero-accent,
.hero-accent-text,
.cefein-gradient-text {
  display: inline-block !important;
  color: var(--cefein-gold-light) !important;
  -webkit-text-fill-color: var(--cefein-gold-light) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 .08em .45em rgba(197,168,90,.18);
}

input, textarea, select, option {
  color-scheme: dark;
  font: inherit;
}
input, textarea, select {
  color: var(--cefein-text-main) !important;
  -webkit-text-fill-color: var(--cefein-text-main) !important;
  background-color: var(--cefein-panel-bg) !important;
  caret-color: var(--cefein-gold);
}
input::placeholder, textarea::placeholder {
  color: var(--cefein-text-muted) !important;
  -webkit-text-fill-color: var(--cefein-text-muted) !important;
  opacity: 1 !important;
}
select option { color: var(--cefein-text-main); background: #071a2e; }

.text-white { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.text-slate-200 { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; }
.text-slate-300 { color: #cbd5e1 !important; -webkit-text-fill-color: #cbd5e1 !important; }
.text-slate-400 { color: #aebfd1 !important; -webkit-text-fill-color: #aebfd1 !important; }
.text-slate-500 { color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; }

@supports (-webkit-touch-callout: none) {
  #hero-slide-title,
  #hero-slide-title .cefein-hero-lead,
  #hero-slide-title .cefein-hero-accent {
    opacity: 1 !important;
    visibility: visible !important;
  }
  #hero-slide-title .cefein-hero-accent {
    color: #f1d986 !important;
    -webkit-text-fill-color: #f1d986 !important;
    background: transparent !important;
  }
}

@media (prefers-contrast: more) {
  #hero-slide-title .cefein-hero-accent,
  .hero-accent-text,
  .cefein-gradient-text {
    color: #ffe29a !important;
    -webkit-text-fill-color: #ffe29a !important;
    text-shadow: none;
  }
}