/* Widget Evento - Sarará Ensina (layout premium inspirado no print) */

.srr-evento-widget{
  width:100%;
  display:block;
}

.srr-evento-panel,
.srr-evento-panel *{
  box-sizing:border-box;
}

.srr-evento-empty{
  padding:18px;
  border-radius:16px;
  background:rgba(148, 163, 184, .08);
  border:1px solid rgba(148, 163, 184, .18);
  color:#475569;
}

/* Painel */
.srr-evento-panel{
  overflow:hidden;
  position:relative;
}

/* Cabeçalho (Título + Pequena descrição) */
.srr-evento-head{
  padding:34px 40px 18px;
}

.srr-evento-title{
  margin:0;
  font-size:clamp(28px, 3.2vw, 46px);
  line-height:1.1;
  color:rgba(15, 23, 42, .96);
  font-weight:900;
  letter-spacing:-0.02em;
}

.srr-evento-sub{
  margin:14px 0 0;
  font-size:clamp(16px, 1.6vw, 22px);
  line-height:1.45;
  color:rgba(15, 23, 42, .55);
  font-weight:500;
  max-width: 980px;
}

/* Banner (Imagem + bg automático via JS inline) */
.srr-evento-banner{
  /* o JS coloca style="background: rgb(...)" aqui */
  background: rgba(250, 240, 200, .92);
}

.srr-evento-banner-inner{
  width:100%;
  min-height: 180px;
  display:flex;
  justify-content:center;
  align-items:flex-end; /* imagem encostada na borda de baixo */
  padding: 0;
}

.srr-evento-banner-img{
  display:block;
  max-height:50vh;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position: center bottom;
}

/* Corpo */
.srr-evento-body{
  padding:22px 38px 36px;
}

/* Pills */
.srr-evento-pills{
  margin-top: 6px;
}

.srr-evento-pillrow{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.srr-evento-pillrow--bottom{
  margin-top: 16px;
}

/* Em telas médias/grandes: 3 colunas como no print */
@media (min-width: 760px){
  .srr-evento-pillrow{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Variáveis de cor herdando do Elementor/Tema */
.srr-evento-panel{
  --srr-evt-primary: var(--e-global-color-primary, #1e73be);
  --srr-evt-secondary: var(--e-global-color-secondary, #7c2d12);
  --srr-evt-muted: #f3eee4; /* cinza claro amarelado do print */
  --srr-evt-muted-border: rgba(124, 45, 18, .10);
}

/* Pill base */
.srr-evento-pill{
  display:flex;
  align-items:center;
  gap: 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, .06);
  background: var(--srr-evt-muted);
  color: rgba(15, 23, 42, .85);
}

/* Ícone */
.srr-evento-pill-ic{
  width:44px;
  height:44px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.srr-evento-pill-ic .dashicons{
  font-size: 28px;
  width: 28px;
  height: 28px;
  line-height: 1;
  margin-left: 12px;
}

/* Texto */
.srr-evento-pill-txt{
  font-size: 16px;
  line-height: 1.2;
  color: inherit;
}

.srr-evento-pill-txt strong{
  font-weight: 900;
}

/* Tipos de pill: Secondary / Primary / Muted */
.srr-evento-pill--secondary{
  background: var(--srr-evt-secondary);
  border-color: rgba(0,0,0,.06);
  color: rgba(255,255,255,.96);
  font-weight: 700;
}

.srr-evento-pill--secondary .srr-evento-pill-ic{
  border-color: rgba(255,255,255,.22);
}

.srr-evento-pill--secondary .srr-evento-pill-ic .dashicons{
  color: var(--srr-evt-primary);
}

.srr-evento-pill--primary{
  background: var(--srr-evt-primary);
  border-color: rgba(0,0,0,.06);
  color: rgba(255,255,255,.96);
}

.srr-evento-pill--primary .srr-evento-pill-ic{
  border-color: rgba(255,255,255,.22);
}

.srr-evento-pill--primary .srr-evento-pill-ic .dashicons{
  color: rgba(255,255,255,.96);
}

.srr-evento-pill--muted{
  background: var(--srr-evt-muted);
  border-color: var(--srr-evt-muted-border);
  color: rgba(124, 45, 18, .92);
}

.srr-evento-pill--muted .srr-evento-pill-ic {
  border-color: rgba(124, 45, 18, .14);
}

.srr-evento-pill--muted .srr-evento-pill-ic .dashicons{
  color: rgba(124, 45, 18, .92);
}

/* Bloco "Equipe" mantém o padrão premium já existente */
.srr-evento-people{
  margin-top: 22px;
  padding: 16px 18px 14px;
  border-radius: 16px;
  background: rgba(148, 163, 184, .06);
  border: 1px solid rgba(148, 163, 184, .16);
}

.srr-evento-section-title{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, .70);
  margin: 0 0 6px;
}

.srr-evento-line{
  font-size: 15px;
  color: rgba(15, 23, 42, .92);
  margin: 10px 0 0;
}

.srr-evento-line strong{
  color: rgba(15, 23, 42, .96);
}

@media (max-width: 640px){
  .srr-prof-overlay h4 { font-size: 14px !important; }
}


/* Mobile refinado 
@media (max-width: 640px){
  .srr-evento-head{ padding: 24px 18px 14px; }
  .srr-evento-body{ padding: 18px 18px 22px; }
  .srr-evento-pill{ padding: 16px 18px; }
  .srr-evento-pill-txt{ font-size: 15px; }
}
    */