/* Bencefalo v26 — FAQ depth, rainbow taxonomy, social glyphs */

/* Filled glyph language across the product */
.glyph-icon *{
  fill:currentColor!important;
  stroke:none!important;
  stroke-width:0!important;
}

/* Stable category palette */
.topic-general{--accent:#c084fc;--accent-rgb:192,132,252}
.topic-amor{--accent:#f472b6;--accent-rgb:244,114,182}
.topic-economia{--accent:#facc15;--accent-rgb:250,204,21}
.topic-salud{--accent:#34d399;--accent-rgb:52,211,153}
.topic-profesion{--accent:#fb923c;--accent-rgb:251,146,60}
.topic-familia{--accent:#22d3ee;--accent-rgb:34,211,238}
.topic-personal{--accent:#38bdf8;--accent-rgb:56,189,248}
.topic-espiritualidad{--accent:#f8fafc;--accent-rgb:248,250,252}
.topic-creatividad{--accent:#60a5fa;--accent-rgb:96,165,250}
.topic-viajes{--accent:#a78bfa;--accent-rgb:167,139,250}
.topic-legales{--accent:#cbd5e1;--accent-rgb:203,213,225}
.topic-mente{--accent:#86efac;--accent-rgb:134,239,172}
.topic-negocios{--accent:#f4c65d;--accent-rgb:244,198,93}
.topic-balance{--accent:#8b5cf6;--accent-rgb:139,92,246}
.topic-analisis-energetico{--accent:#d946ef;--accent-rgb:217,70,239}

/* Stable reading palette */
.service-tarot-express{--accent:#34d399;--accent-rgb:52,211,153}
.service-caminos-abiertos{--accent:#60a5fa;--accent-rgb:96,165,250}
.service-sesion-oracular{--accent:#fb923c;--accent-rgb:251,146,60}
.service-tarot-amor{--accent:#ef4444;--accent-rgb:239,68,68}
.service-presente-pasado-futuro{--accent:#a78bfa;--accent-rgb:167,139,250}
.service-sesion-terapeutica{--accent:#22d3ee;--accent-rgb:34,211,238}
.service-rueda-ano{--accent:#facc15;--accent-rgb:250,204,21}

/* Consistency: same color treatment wherever a category appears */
.finder-topic-card[class*="topic-"],
.category-card[class*="topic-"]{
  border-color:rgba(var(--accent-rgb),.22)!important;
  background:
    radial-gradient(20rem 11rem at 0% 0%,rgba(var(--accent-rgb),.10),transparent 66%),
    linear-gradient(145deg,rgba(16,13,34,.97),rgba(6,7,16,.98))!important;
}
.finder-topic-card[class*="topic-"]:hover,
.category-card[class*="topic-"]:hover{
  border-color:rgba(var(--accent-rgb),.48)!important;
  box-shadow:0 12px 34px rgba(var(--accent-rgb),.08)!important;
}
.finder-topic-card[class*="topic-"] .topic-glyph,
.category-card[class*="topic-"] .glyph,
.nav-mega-card[class*="topic-"] .nav-mega-icon{
  color:var(--accent)!important;
  background:rgba(var(--accent-rgb),.13)!important;
  border-color:rgba(var(--accent-rgb),.18)!important;
}
.finder-topic-card[class*="topic-"] .topic-arrow,
.nav-mega-card[class*="topic-"]>b{color:rgba(var(--accent-rgb),.72)!important}

/* Remove old cyclical tone colors */
.tone-1 .topic-glyph,.tone-2 .topic-glyph,.tone-3 .topic-glyph,.tone-4 .topic-glyph{
  color:inherit;background:inherit
}

/* Same identity for readings — catalog remains icon-free */
.service-card[class*="service-"]{
  border-color:rgba(var(--accent-rgb),.22)!important;
  background:
    radial-gradient(23rem 14rem at 100% 0%,rgba(var(--accent-rgb),.10),transparent 64%),
    linear-gradient(145deg,rgba(18,15,38,.97),rgba(6,7,16,.98) 62%,rgba(15,8,27,.96))!important;
  box-shadow:inset 3px 0 0 rgba(var(--accent-rgb),.44);
}
.service-card[class*="service-"]:hover{
  border-color:rgba(var(--accent-rgb),.46)!important;
  box-shadow:inset 3px 0 0 rgba(var(--accent-rgb),.78),0 18px 48px rgba(var(--accent-rgb),.07)!important;
}
.service-card[class*="service-"] .service-format{
  color:var(--accent)!important;
  border-color:rgba(var(--accent-rgb),.24)!important;
  background:rgba(var(--accent-rgb),.08)!important;
}
.nav-mega-card[class*="service-"]{
  border-color:rgba(var(--accent-rgb),.20)!important;
  background:
    radial-gradient(12rem 7rem at 0% 0%,rgba(var(--accent-rgb),.08),transparent 70%),
    rgba(5,10,25,.58)!important;
}
.nav-mega-card[class*="service-"]:hover{
  border-color:rgba(var(--accent-rgb),.45)!important;
  background:
    radial-gradient(12rem 7rem at 0% 0%,rgba(var(--accent-rgb),.13),transparent 70%),
    rgba(10,12,28,.90)!important;
}
.nav-mega-card[class*="service-"] .nav-mega-icon{
  color:var(--accent)!important;
  background:rgba(var(--accent-rgb),.13)!important;
}
.nav-mega-card[class*="service-"] .nav-mega-copy small{
  color:rgba(235,232,244,.60)!important;
  font-size:9px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.nav-mega-card[class*="service-"] .nav-mega-copy em{
  color:var(--accent)!important;
  text-shadow:0 0 12px rgba(var(--accent-rgb),.18)!important;
}
.nav-mega-card[class*="service-"]>b{color:rgba(var(--accent-rgb),.70)!important}

/* FAQ: smaller titles, fuller answers, single-open behavior handled in JS */
.faq-list{max-width:980px!important;gap:12px!important}
.faq-list details{padding:0 18px!important}
.faq-list summary{
  font-size:21px!important;
  line-height:1.18!important;
  align-items:center!important;
  padding:18px 0!important;
}
.faq-list summary span{
  width:26px;height:26px;flex:0 0 26px;
  display:grid;place-items:center;
  color:#f5df80!important;
  transition:transform .18s ease
}
.faq-answer{padding:0 0 22px}
.faq-answer p{
  max-width:900px!important;
  margin:0!important;
  padding:0!important;
  color:#aaa4b6!important;
  font-size:14px!important;
  line-height:1.78!important
}
.faq-answer p+p{margin-top:13px!important}
.faq-list details[open]{
  border-color:rgba(168,85,247,.34)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.16)
}

/* Footer social logos only */
.footer-socials{gap:10px!important}
.footer-socials a{
  width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  color:#eee8f8!important;
  background:rgba(13,12,27,.78)!important;
  border:1px solid rgba(164,126,255,.24)!important
}
.footer-socials a svg{width:19px;height:19px;fill:currentColor;display:block}
.footer-socials a:hover{
  color:#d7a6ff!important;
  border-color:rgba(190,122,255,.58)!important;
  background:rgba(92,43,151,.20)!important;
  box-shadow:0 0 18px rgba(168,85,247,.12)
}

@media(max-width:620px){
  .faq-list summary{font-size:19px!important;line-height:1.22!important}
  .faq-answer p{font-size:13px!important;line-height:1.72!important}
  .footer-socials a{width:38px!important;height:38px!important;min-height:38px!important}
  .footer-socials a svg{width:18px;height:18px}
}