/* ============================================================
   CICINHO DE ASSIS — CSS base + animações (Elementor)
   Cores/tipografia ficam nos widgets; aqui só o que o
   Elementor Free não faz nativamente.
   ============================================================ */
:root{
  --cic-bg-900:#211912; --cic-bg-800:#2e2218; --cic-bg-700:#3a2c20;
  --cic-bg-600:#4a3829; --cic-cream:#f4e9d8; --cic-ink:#f5ecdf;
  --cic-ink-soft:#d7c4a9; --cic-ink-muted:#a48d72;
  --cic-gold:#e0ad33; --cic-gold-bright:#f4c84e; --cic-terra:#c1502e; --cic-green:#2f9a52;
  --cic-line:rgba(224,173,51,.18);
}
body.cicinho-body{background:var(--cic-bg-800);color:var(--cic-ink);font-family:"Archivo","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.cicinho-body h1,body.cicinho-body h2,body.cicinho-body h3,body.cicinho-body h4{font-family:"Playfair Display",Georgia,serif}

/* Eyebrow / kicker reaproveitável */
.cic-eyebrow{text-transform:uppercase;letter-spacing:.28em;font-weight:600}

/* ---- Marquee (widget customizado) ---- */
.cic-marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cic-marquee__track{display:flex;gap:18px;align-items:center;width:max-content;animation:cic-scrollx 38s linear infinite}
.cic-marquee:hover .cic-marquee__track{animation-play-state:paused}
.cic-marquee__item{display:flex;align-items:center;gap:18px;font-family:"Playfair Display",serif;font-style:italic;font-size:26px;color:var(--cic-ink-soft);white-space:nowrap}
.cic-marquee__item::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cic-terra);flex:none}
@keyframes cic-scrollx{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.cic-marquee__track{animation:none}}

/* ---- Contador regressivo (widget customizado) ---- */
.cic-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cic-cd__cell{background:var(--cic-bg-900);border:1px solid var(--cic-line);border-radius:12px;padding:22px 10px;text-align:center}
.cic-cd__v{font-family:"Playfair Display",serif;font-weight:800;font-size:clamp(30px,4vw,46px);color:var(--cic-gold);line-height:1;font-variant-numeric:tabular-nums}
.cic-cd__l{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cic-ink-muted);margin-top:8px}

/* ---- Foles da sanfona (divisor) ---- */
.cic-bellows{height:18px;width:100%;
  background:repeating-linear-gradient(90deg,var(--cic-bg-900) 0 6px,rgba(224,173,51,.20) 6px 8px,var(--cic-bg-700) 8px 16px,rgba(224,173,51,.20) 16px 18px);
  transform-origin:left center;animation:cic-breathe 4.5s ease-in-out infinite;opacity:.6}
@keyframes cic-breathe{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.04)}}
@media(prefers-reduced-motion:reduce){.cic-bellows{animation:none}}

/* ---- Cards: elevação + zoom na imagem no hover ---- */
.cic-card{transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.cic-card:hover{transform:translateY(-6px)}
.cic-zoom img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.cic-zoom:hover img{transform:scale(1.07)}

/* ---- Linha do tempo (borda dourada na coluna) ---- */
.cic-tl-line{position:relative}
.cic-tl-line::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(var(--cic-line),var(--cic-gold),var(--cic-line));transform:translateX(-50%)}

/* ---- Tag pulsante ---- */
.cic-pulse{animation:cic-pulse 2s ease-in-out infinite}
@keyframes cic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(193,80,46,.5)}50%{box-shadow:0 0 0 10px rgba(193,80,46,0)}}

/* ---- Linha do show (hover deslizante) ---- */
.cic-show-row{transition:transform .25s ease, background .25s ease, border-color .25s ease}
.cic-show-row:hover{transform:translateX(6px)}

/* ---- Faixa/CTA recorte ---- */
.cic-recorte img{filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}

/* ---- Brilho deslizante nos botões dourados ---- */
.cic-shine .elementor-button{position:relative;overflow:hidden}
.cic-shine .elementor-button::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s ease}
.cic-shine .elementor-button:hover::after{left:140%}