/* Alexandre Thai 2.0 — Prefeituras V3.73
   Ajustes exclusivos da rota /prefeituras-e-grandes-eventos/.
   1) Preserva integralmente as duas primeiras dobras aprovadas na V3.72.
   2) Dá destaque de conversão ao botão do showreel.
   3) Retorna o modal à direção azul-escura da V3.71, preferida na homologação. */

/* CTA principal do showreel — peça forte de conversão */
.prefeituras-page .showreel-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:8px;
  padding:14px 20px;
  border:1px solid #d04e4e;
  border-radius:999px;
  background:#d04e4e;
  color:#fff;
  font-family:Manrope,Arial,sans-serif;
  font-size:.8rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.065em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(208,78,78,.22);
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.prefeituras-page .showreel-trigger-icon{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:50%;
  background:#fff;
  color:#d04e4e;
  font-size:.7rem;
  padding-left:2px;
}
@media (hover:hover){
  .prefeituras-page .showreel-trigger:hover{
    background:#c8425a;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(208,78,78,.30);
  }
}
.prefeituras-page .showreel-trigger:focus-visible{
  outline:3px solid rgba(208,78,78,.30);
  outline-offset:4px;
}

/* Modal/showreel — restaura a versão azul-escura aprovada visualmente */
.prefeituras-page .showreel-dialog{
  background:#0b2637;
  color:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}
.prefeituras-page .showreel-heading .eyebrow{
  color:#E3A45E;
}
.prefeituras-page .showreel-heading h2{
  color:#fff;
}
.prefeituras-page .showreel-close{
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.08);
  color:#fff;
}
.prefeituras-page .showreel-close:hover{
  background:rgba(255,255,255,.14);
}
.prefeituras-page .showreel-caption{
  color:rgba(255,255,255,.72);
  font-weight:400;
}
.prefeituras-page .showreel-caption strong{
  color:#fff;
}

@media(max-width:600px){
  .prefeituras-page .showreel-trigger{
    width:100%;
    padding:14px 16px;
  }
  .prefeituras-page .showreel-dialog{
    background:#0b2637;
  }
}