
:root{
  --brand:#7c3aed; /* start as Lotofácil */
  --brand2:#4b147c;
  --ink:#1a1a1a;
  --muted:#6d6d78;
  --white:#fff;
}
html,body{background:#ffffff;color:var(--ink);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.container{max-width:1120px;}

/* Top header centered with purple gradient and rounded corner */
.top-hero{
  position:relative; overflow:hidden; color:#fff;
  background: radial-gradient(1200px 600px at 15% 8%, rgba(255,255,255,.08) 0%, transparent 60%),
              linear-gradient(135deg, var(--brand) 0%, var(--brand2) 100%);
  transition: background 900ms ease;
  
}

.headline{font-family:'Bebas Neue',sans-serif;line-height:.95;letter-spacing:.3px;font-size:clamp(2rem,3.6vw,3rem);}
.subhead{color:#f0e8ff;}

.brand-icon{width:56px;height:56px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;}

/* Video area */
.video-thumb{width:min(860px,92%);aspect-ratio:16/9;border-radius:8px;background:#cfcfcf;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.video-play-btn{position:absolute;inset:0;margin:auto;width:72px;height:72px;border:none;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;display:grid;place-items:center;font-size:26px;}
.lead-title{color:var(--card-color);font-weight:800;text-transform:uppercase;letter-spacing:.2px;}
.lead-body{color:var(--muted)}

/* Section titles */
.section-title{font-family:'Bebas Neue',sans-serif;color:var(--card-color);text-transform:uppercase;letter-spacing:.3px;font-size:clamp(1.6rem,2.6vw,2rem);transition:color 900ms ease;}

/* Chips */
.chip{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:6px;color:#fff;font-weight:800;letter-spacing:.3px;text-transform:uppercase;text-decoration:none;box-shadow:0 2px 0 rgba(0,0,0,.12);}
.chip-mega{background:#139347;}
.chip-lotofacil{background:#7c3aed;}
.chip-lotomania{background:#ff7a29;}
.chip-duplasena{background:#8b1e3f;}
.chip-diasorte{background:#f7c200;color:#1a1a1a;}
.chip-timemania{background:#a8cf45;color:#1a1a1a;}
.chip-quina{background:#2d2a70;}
.chip-milionaria{background:#0e5fd8;}

/* CTA */
.cta-block{display:block;padding:16px 20px;margin:18px 0;border:4px solid var(--brand);border-radius:12px;color:var(--card-color);font-weight:800;text-decoration:none;transition:color 900ms ease,border-color 900ms ease;}

/* FAQ accordion (flush) */
.aurora-accordion .accordion-button{font-weight:700;color:var(--ink);}
.aurora-accordion .accordion-button:focus{box-shadow:none;}
.aurora-accordion .accordion-item{border:0;border-bottom:2px solid #eee;}
.aurora-accordion .accordion-button:not(.collapsed){color:var(--card-color);background:#faf7ff;}

/* Footer */
.site-footer{background:linear-gradient(180deg, var(--brand) 0%, var(--brand2) 100%); transition: background 900ms ease;}

/* Outlined FAQ = same visual of CTA blocks */
.faq-outline .accordion-item{
  border:4px solid var(--brand);
  border-radius:12px;
  margin:18px 0;
  overflow:hidden;
  transition: border-color 900ms ease;
}
.faq-outline .accordion-button{
  background:#fff;
  color:var(--card-color);
  font-weight:800;
  text-transform:uppercase;
  padding:16px 20px;
  box-shadow:none;
}
.faq-outline .accordion-button:not(.collapsed){
  background:#faf7ff;
  color:var(--card-color);
}
.faq-outline .accordion-button::after{ /* default Bootstrap caret */
  filter:hue-rotate(0deg) saturate(0%);
}
.faq-outline .accordion-body{
  color:#444;
  background:#fff;
  border-top:1px solid #eee;
  padding:16px 20px;
}

/* Fixed container width */
.container{max-width:1120px!important;}

/* Lottery Cards */
.loteria-card{
  border:3px solid var(--card-color);
  border-radius:12px;
  padding:14px;
  background:#fff;
  transition:background 900ms ease, border-color 900ms ease, color 900ms ease, box-shadow .2s ease;
}
.loteria-card .chip{
  height:36px;
  border-radius:8px;
  border:2px solid var(--card-color);
  background:transparent;
  color:var(--card-color);
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none;
  transition:background 900ms ease, color 900ms ease, border-color 900ms ease;
}
.loteria-card h5{margin:12px 0 4px;font-weight:900;color:var(--card-color);text-transform:uppercase;transition:color 900ms ease;}
.loteria-card p{margin:0;color:#444;}
.loteria-card.active{background:var(--card-color);color:#fff;}
.loteria-card.active .chip{background:#fff;color:var(--card-color);}
.loteria-card.active h5{color:#fff;}
.loteria-card.active p{color:#f7f2ff;}

/* Ensure brand-colored texts always follow the transition color */
.section-title,
.lead-title,
.faq-section .section-title,
.aurora-accordion .accordion-button:not(.collapsed) {
  color: var(--brand) !important;
}
/* Accordion caret color sync */
.aurora-accordion .accordion-button::after {
  filter: hue-rotate(0deg) saturate(0%);
  background-color: transparent;
}
