/* SEPROSUL 2026 - imagem de fundo do hero (home) */
#sl .hero { background: linear-gradient(90deg, rgba(11,31,58,.92) 0%, rgba(11,31,58,.74) 45%, rgba(11,31,58,.45) 100%), url("/images/banners/Imagem%20de%20Fundo%20-%20Hero.png") center / cover no-repeat, #0B1F3A !important; }
#sl .hero::after { display: none !important; }
#sl .hero-art { display: none !important; }
@media (max-width: 960px) { #sl .hero { background-position: 62% center !important; } }
#sl .hero .stats { display: none !important; }
:lang(pt) #sl .hero p.theme { max-width: 410px !important;}

/* ===================================================================
   POLISH PASS (micro-interações) - adicionado via FTP
   =================================================================== */

/* 1. Rolagem suave nas âncoras do menu */
html { scroll-behavior: smooth; }

/* 2. Cards com leve elevação no hover */
#sl .card { transition: transform .2s ease, box-shadow .2s ease; }
#sl .card:hover { transform: translateY(-4px); box-shadow: var(--shadowL); }

/* 3. Botões e links com transição suave */
#sl .btn { transition: filter .2s ease, background .2s ease, transform .15s ease, box-shadow .2s ease; }
#sl .btn:hover { transform: translateY(-2px); }
#sl .menu a, #sl .lang a, #sl a, #sl-hdr .menu a { transition: color .18s ease; }

/* 4. Imagens (palestrantes e local) com zoom sutil no hover */
#sl #palestrantes .spk .photo { overflow: hidden; }
#sl #palestrantes .spkimg,
#sl #local .vthumb .vimg { transition: transform .4s ease; }
#sl #palestrantes .spk:hover .spkimg,
#sl #local .vcard:hover .vimg { transform: scale(1.05); }

/* ===================================================================
   LOGOS DOS PARCEIROS — substitui os placeholders (cards 7..13)
   Ordem em .logos: 1-FURG 2-UFPel 3-UNL 4-AUGM 5-P&P 6-IJIE
   7-UFRGS 8-FAURG 9-Itec 10-PPGEM 11-Escola 12-LEP 13-UFSM
   (Depende da ordem dos cards; se reordenar, ajustar os nth-child.)
   =================================================================== */
#sl #parceiros .logos .logo-box:nth-child(7)  .logo-ph.inst,
#sl #parceiros .logos .logo-box:nth-child(8)  .logo-ph.inst,
#sl #parceiros .logos .logo-box:nth-child(9)  .logo-ph.inst,
#sl #parceiros .logos .logo-box:nth-child(10) .logo-ph.inst,
#sl #parceiros .logos .logo-box:nth-child(11) .logo-ph.inst,
#sl #parceiros .logos .logo-box:nth-child(12) .logo-ph.inst,
#sl #parceiros .logos .logo-box:nth-child(13) .logo-ph.inst{
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  width:100% !important;
  max-width:150px !important;
  height:60px !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
#sl #parceiros .logos .logo-box:nth-child(7)  .logo-ph.inst{background-image:url("/images/Logo%20-%20UFRGS.png") !important}
#sl #parceiros .logos .logo-box:nth-child(8)  .logo-ph.inst{background-image:url("/images/Logo%20-%20FAURG.png") !important}
#sl #parceiros .logos .logo-box:nth-child(9)  .logo-ph.inst{background-image:url("/images/Logo%20-%20ITEC.png") !important}
#sl #parceiros .logos .logo-box:nth-child(10) .logo-ph.inst{background-image:url("/images/Logo%20-%20PPGEM.png") !important}
#sl #parceiros .logos .logo-box:nth-child(11) .logo-ph.inst{background-image:url("/images/Logo%20-%20Escola%20Eng%20v2.png") !important}
#sl #parceiros .logos .logo-box:nth-child(12) .logo-ph.inst{background-image:url("/images/Logo%20-%20LEP.png") !important}
#sl #parceiros .logos .logo-box:nth-child(13) .logo-ph.inst{background-image:url("/images/Logo%20-%20UFSM.png") !important}

/* Aumenta um pouco iTec (9) e UFSM (13) para equilibrar com os demais */
#sl #parceiros .logos .logo-box:nth-child(9)  .logo-ph.inst,
#sl #parceiros .logos .logo-box:nth-child(13) .logo-ph.inst{
  height:76px !important;
  max-width:172px !important;
}

/* ===================================================================
   Foto da seção "Sobre a SEPROSUL" — troca a imagem via FTP/CSS
   (o <img> original aponta p/ Sobre.png; aqui usamos a nova foto
   como background do container, sem precisar editar o artigo)
   =================================================================== */
#sl #sobre .about-img img{ display:none !important; }
#sl #sobre .about-img::after{ content:none !important; }
#sl #sobre .about-img{
  background-image:url("/images/Sobre%20-%20Evento%20v2.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* ===================================================================
   FIX mobile: margem lateral do hero (primeira seção)
   O .hero-in usa "padding:56px 0 64px" (3 valores) que zera as laterais,
   anulando os 20px do .wrap. No mobile o conteúdo colava nas bordas.
   =================================================================== */
@media (max-width: 980px){
  #sl .hero-in{ padding-left:20px !important; padding-right:20px !important; }
}

/* ===================================================================
   Coordenações (Geral / Científico / Secretaria) em 1 linha, 3 colunas
   =================================================================== */
#sl #comites .coord-row{
  display:grid;
  grid-template-columns:1fr;
  gap:10px 20px;
  margin:0 0 10px;
}
#sl #comites .coord-row .coord-col .cgroup{ margin:0 0 12px; }
#sl #comites .coord-row .coord-col .cmem{ padding-left:0; }
@media (max-width:760px){
  #sl #comites .coord-row{ grid-template-columns:1fr; gap:4px; }
}

/* ===================================================================
   Remove o botão de menu (hambúrguer) no mobile
   =================================================================== */
@media (max-width: 960px){
  #sl-hdr .burger,
  #sl .burger{ display:none !important; }
}

/* Respeita usuários que preferem menos movimento (acessibilidade) */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #sl .card,
  #sl .btn,
  #sl .spkimg,
  #sl #local .vthumb .vimg { transition: none; }
  #sl .card:hover,
  #sl .btn:hover,
  #sl .spk:hover .spkimg,
  #sl #local .vcard:hover .vimg { transform: none; }
}


/* Titulos de grupo na secao Parceiros (Fomento/Realizacao/Organizacao/Apoio) */
#sl #parceiros .cgroup{margin:30px 0 14px;font-size:1.1rem;font-weight:700;border-left:3px solid #22d3ee;padding-left:10px}
#sl #parceiros .cgroup:first-of-type{margin-top:8px}


/* Grupos de parceiros lado a lado (Fomento/Realizacao/Organizacao numa linha, Apoio full-width) */
#sl #parceiros .pgroups{display:flex;flex-wrap:wrap;gap:22px 48px;align-items:flex-start}
#sl #parceiros .pgrp{flex:0 0 auto}
#sl #parceiros .pgrp>.cgroup{margin:0 0 12px !important}
#sl #parceiros .pgrp>.logos{display:flex !important;flex-wrap:wrap;justify-content:flex-start;gap:16px 22px;align-items:stretch;margin:0}
#sl #parceiros .pgrp.wide{flex-basis:100% !important;width:100%}

/* Cards de parceiros: dimensao uniforme + caber na mesma linha */
#sl #parceiros .pgroups{gap:24px 16px}
#sl #parceiros .pgrp>.logos{gap:16px 16px}
#sl #parceiros .pgrp>.logos .logo-box{box-sizing:border-box !important;width:215px !important;min-height:154px !important;justify-content:flex-start !important}

/* Padronizar espacamento vertical dos grupos do #comites (externo 28 / interno 14) */
#sl #comites .coord-row{grid-template-columns:1fr !important;gap:35px !important;margin:0 !important}
#sl #comites .coord-row .coord-col .cgroup{margin:0 0 14px !important}
#sl #comites .cgroup{margin:35px 0 14px !important}
#sl #comites .members{margin-top:0 !important}
#sl #parceiros .logo-box small{line-height:1.35}


/* Apoio (full-width): grid preenche a largura toda (~5 cards/linha, esticando) */
#sl #parceiros .pgrp.wide>.logos{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
#sl #parceiros .pgrp.wide>.logos .logo-box{width:auto !important}

/* Nomes do comite sem negrito (peso medio) */
#sl #comites .cmem strong{font-weight:500 !important}