/* =========================================================
   QG Eventos — portal.css (CLEAN / CLARO) — DO ZERO
   Compatível com:
   - /qg-topo.php (qg-header, qg-brand, qg-nav...)
   - /qg-rodape.php (qg-footer__brand, qg-footer__legal...)
   - Home (qge-hero, qge-search, qge-grid...)
========================================================= */

/* ---------- Tokens ---------- */
:root{
  --bg: #f6f7fb;
  --surface: #ffffff;
  --surface2: #fbfbfd;

  --text: #111318;
  --muted: #5f6673;

  --brand: #ff6b00;      /* laranja */
  --brand-2: #ff8a2a;    /* laranja suave */
  --purple: #7b1fa2;     /* roxo */
  --border: rgba(17,19,24,.10);

  --shadow-sm: 0 8px 18px rgba(17,19,24,.08);
  --shadow-md: 0 14px 30px rgba(17,19,24,.10);

  --radius: 16px;
  --radius-sm: 12px;

  --container: 1100px;
}

/* ---------- Base / Reset ---------- */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

.qg-container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 16px;
}

.qg-main{
  padding: 22px 0 40px;
}
.qg-main--light{
  /* mantido por compatibilidade — aqui o portal já é light */
}

/* ---------- Alertas ---------- */
.qg-alert{
  border: 1px solid var(--border);
  background: rgba(255,255,255,.85);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  margin: 0 0 14px;
  box-shadow: var(--shadow-sm);
}
.qg-alert--success{ border-color: rgba(60,220,130,.35); }
.qg-alert--error{ border-color: rgba(255,80,80,.35); }
.qg-alert--info{ border-color: rgba(120,160,255,.35); }

/* =========================================================
   HEADER / NAV (qg-topo.php)
========================================================= */
.qg-header{
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}
.qg-header__inner{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
}

/* Brand */
.qg-brand{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 220px;
}
.qg-brand__link{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 950;
}
.qg-brand__logo{
  height: 34px;
  width: auto;
}
.qg-brand__text{
  font-size: 18px;
  letter-spacing: .2px;
}

/* Social (topo) */
.qg-brand__social{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.qg-social{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface2);
  color: rgba(17,19,24,.78);
}
.qg-social:hover{
  border-color: rgba(255,107,0,.30);
  box-shadow: var(--shadow-sm);
  color: rgba(17,19,24,.92);
}
.qg-social__abbr{
  font-size: 11px;
  font-weight: 950;
  background: rgba(255,107,0,.14);
  border: 1px solid rgba(255,107,0,.18);
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.qg-social__label{
  font-size: 12px;
  font-weight: 800;
  opacity: .85;
}

/* Nav */
.qg-nav{
  display:flex;
  align-items:center;
  gap: 14px;
}
.qg-nav__list{
  list-style:none;
  display:flex;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.qg-nav__link{
  display:inline-flex;
  align-items:center;
  height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: rgba(17,19,24,.78);
  font-weight: 900;
  font-size: 13px;
}
.qg-nav__link:hover{
  background: rgba(17,19,24,.04);
  border-color: rgba(17,19,24,.08);
}
.qg-nav__link.is-active{
  background: rgba(255,107,0,.14);
  border-color: rgba(255,107,0,.22);
  color: rgba(17,19,24,.92);
}

.qg-nav__actions{
  display:flex;
  gap: 10px;
  align-items:center;
}

/* Buttons (topo) */
.qg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  font-weight: 950;
  font-size: 13px;
  cursor:pointer;
}
.qg-btn:hover{
  border-color: rgba(255,107,0,.30);
  box-shadow: var(--shadow-sm);
}
.qg-btn--primary{
  background: rgba(255,107,0,.92);
  border-color: rgba(255,107,0,.92);
  color: #111;
}
.qg-btn--ghost{
  background: rgba(255,255,255,.70);
}

/* Mobile toggle */
.qg-nav__toggle{
  display:none;
  height: 40px;
  width: 46px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.86);
  cursor:pointer;
}
.qg-burger{
  width: 18px;
  height: 2px;
  background: rgba(17,19,24,.70);
  display:block;
  margin: 0 auto;
  position: relative;
  border-radius: 2px;
}
.qg-burger:before,
.qg-burger:after{
  content:"";
  width: 18px;
  height: 2px;
  background: rgba(17,19,24,.70);
  position:absolute;
  left:0;
  border-radius: 2px;
}
.qg-burger:before{ top: -6px; }
.qg-burger:after{ top: 6px; }

/* Responsive nav */
@media (max-width: 980px){
  .qg-brand__social{ display:none; }
  .qg-nav__toggle{ display:inline-flex; align-items:center; justify-content:center; }

  .qg-nav{
    position:absolute;
    left: 0;
    right: 0;
    top: 64px;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid var(--border);
    padding: 12px 0;
    display:none;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .qg-nav.is-open{ display:flex; }

  .qg-nav__list{
    flex-direction: column;
    gap: 8px;
  }
  .qg-nav__link{
    width: 100%;
    justify-content:center;
    border-radius: 12px;
    background: rgba(17,19,24,.03);
    border-color: rgba(17,19,24,.08);
    margin: 0 16px;
  }
  .qg-nav__actions{
    margin: 0 16px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

/* =========================================================
   FOOTER (qg-rodape.php) — CLEAN / CLARO
========================================================= */
.qg-footer{
  margin-top: 26px;
}

/* faixa “brand” leve */
.qg-footer__brand{
  background: linear-gradient(180deg, rgba(255,107,0,.14), rgba(255,107,0,.08));
  border-top: 1px solid rgba(255,107,0,.22);
}
.qg-footer__brand-inner{
  padding: 18px 0;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.qg-footer__logo{
  display:flex;
  align-items:center;
  gap: 10px;
}
.qg-footer__logo img{ height: 34px; width:auto; }
.qg-footer__text{
  font-weight: 1000;
  letter-spacing: .2px;
}

.qg-footer__links{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
  color: rgba(17,19,24,.80);
  font-weight: 850;
  font-size: 13px;
}
.qg-footer__links a:hover{ text-decoration: underline; }
.qg-footer__dot{ opacity:.55; }

.qg-footer__social{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.qg-footer__social-link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(17,19,24,.10);
  background: rgba(255,255,255,.72);
}
.qg-footer__social-link:hover{
  border-color: rgba(255,107,0,.30);
  box-shadow: var(--shadow-sm);
}
.qg-footer__social-abbr{
  font-size: 11px;
  font-weight: 950;
  background: rgba(255,107,0,.14);
  border: 1px solid rgba(255,107,0,.18);
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
}
.qg-footer__social-label{
  font-size: 12px;
  font-weight: 800;
  opacity: .85;
}

.qg-footer__legal{
  background: rgba(17,19,24,.04);
  border-top: 1px solid var(--border);
}
.qg-footer__legal-inner{
  padding: 12px 0;
  display:flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.qg-footer__copy{
  font-size: 12px;
  color: rgba(17,19,24,.72);
  font-weight: 800;
}
.qg-footer__mini a{
  font-size: 12px;
  color: rgba(17,19,24,.70);
  font-weight: 800;
}
.qg-footer__mini a:hover{ text-decoration: underline; }

/* =========================================================
   QG Eventos — Home/Agenda (qge-*)
========================================================= */
.qge-hero{
  margin: 10px 0 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  padding: 18px;
}
.qge-hero__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
}
@media (max-width: 980px){
  .qge-hero__grid{ grid-template-columns: 1fr; }
}

.qge-hero__title{
  margin: 0 0 6px;
  font-size: 28px;
  letter-spacing: .2px;
}
.qge-hero__subtitle{
  margin: 0 0 14px;
  color: rgba(17,19,24,.70);
  line-height: 1.45;
}

/* Search box */
.qge-search{
  background: rgba(17,19,24,.02);
  border: 1px solid rgba(17,19,24,.08);
  border-radius: var(--radius);
  padding: 14px;
}
.qge-search__row{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items:flex-end;
}
.qge-search__row--dates{ margin-top: 10px; }

.qge-field{ min-width: 140px; }
.qge-field--grow{ flex: 1 1 260px; }
.qge-field--actions{
  display:flex;
  gap: 10px;
  margin-left: auto;
  align-items:center;
  flex-wrap: wrap;
}

.qge-label{
  display:block;
  font-size: 12px;
  font-weight: 850;
  color: rgba(17,19,24,.68);
  margin: 0 0 6px;
}

.qge-input{
  width:100%;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(17,19,24,.14);
  padding: 0 12px;
  background: #fff;
  color: var(--text);
  outline: none;
}
.qge-input:focus{
  border-color: rgba(255,107,0,.55);
  box-shadow: 0 0 0 3px rgba(255,107,0,.16);
}

.qge-quickdates{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 18px;
}
.qge-chip{
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(17,19,24,.12);
  background: rgba(255,255,255,.92);
  cursor:pointer;
  font-size: 12px;
  font-weight: 900;
  color: rgba(17,19,24,.78);
}
.qge-chip:hover{
  border-color: rgba(255,107,0,.32);
  box-shadow: var(--shadow-sm);
  color: rgba(17,19,24,.92);
}

.qge-status{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(17,19,24,.65);
}
.qge-spinner{
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid rgba(17,19,24,.14);
  border-top-color: rgba(255,107,0,.92);
  display:inline-block;
  animation: qgeSpin 1s linear infinite;
}
@keyframes qgeSpin{ to{ transform: rotate(360deg); } }

/* Right panels */
.qge-panel{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px;
  box-shadow: var(--shadow-sm);
}
.qge-panel__title{
  font-weight: 950;
  margin-bottom: 8px;
}
.qge-panel__list{
  margin: 0;
  padding-left: 18px;
  color: rgba(17,19,24,.72);
  line-height: 1.5;
}
.qge-panel--hint{ margin-top: 12px; }
.qge-panel__text{ color: rgba(17,19,24,.72); line-height: 1.45; }

/* Results header */
.qge-results{ margin-top: 16px; }
.qge-results__head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 6px 0 12px;
}
.qge-results__title{
  margin: 0;
  font-size: 18px;
  font-weight: 950;
}
.qge-results__meta{
  color: rgba(17,19,24,.62);
  font-size: 12px;
  font-weight: 850;
}

/* Cards grid */
.qge-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 1100px){
  .qge-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 680px){
  .qge-grid{ grid-template-columns: 1fr; }
  .qge-field{ min-width: 100%; }
  .qge-field--actions{ width: 100%; justify-content: space-between; }
  .qge-quickdates{ padding-top: 8px; }
}

/* Event card */
.qge-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow-sm);
}
.qge-card__cover{
  display:block;
  height: 150px;
  background: linear-gradient(135deg, rgba(255,107,0,.18), rgba(123,31,162,.10));
  background-size: cover;
  background-position: center;
}
.qge-card__body{ padding: 12px 12px 14px; }

.qge-card__top{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  align-items:center;
  margin-bottom: 8px;
}
.qge-date{
  font-size: 12px;
  color: rgba(17,19,24,.60);
  white-space: nowrap;
  font-weight: 850;
}

.qge-card__title{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.2;
}
.qge-card__title a:hover{ text-decoration: underline; }
.qge-edicao{
  font-weight: 850;
  color: rgba(17,19,24,.55);
  font-size: 12px;
}

.qge-meta{
  font-size: 12px;
  color: rgba(17,19,24,.66);
  margin-bottom: 8px;
  font-weight: 800;
}
.qge-desc{
  margin: 0 0 10px;
  color: rgba(17,19,24,.74);
  font-size: 13px;
  line-height: 1.4;
  min-height: 34px;
}

.qge-actions{ display:flex; gap:10px; align-items:center; }

/* Buttons (cards/search) */
.qge-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(17,19,24,.12);
  background: rgba(255,255,255,.92);
  font-weight: 950;
  font-size: 13px;
  cursor:pointer;
}
.qge-btn:hover{
  border-color: rgba(255,107,0,.30);
  box-shadow: var(--shadow-sm);
}
.qge-btn--primary{
  background: rgba(255,107,0,.92);
  border-color: rgba(255,107,0,.92);
  color: #111;
}
.qge-btn--ghost{
  background: rgba(255,255,255,.70);
}

/* Badges */
.qge-badge{
  display:inline-flex;
  align-items:center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  border: 1px solid rgba(17,19,24,.10);
  background: rgba(17,19,24,.04);
  color: rgba(17,19,24,.76);
}
.qge-badge--orange{
  background: rgba(255,107,0,.16);
  border-color: rgba(255,107,0,.20);
}
.qge-badge--purple{
  background: rgba(123,31,162,.12);
  border-color: rgba(123,31,162,.16);
}
.qge-badge--mix{
  background: linear-gradient(90deg, rgba(255,107,0,.14), rgba(123,31,162,.10));
}

/* Empty */
.qge-empty{
  padding: 18px;
  border-radius: var(--radius);
  border: 1px dashed rgba(17,19,24,.18);
  background: rgba(255,255,255,.70);
  color: rgba(17,19,24,.70);
  box-shadow: var(--shadow-sm);
}
/* =========================================================
   Index (miolo) — Search full width + cards modernos
========================================================= */
.qge-searchbar{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  margin: 10px 0 18px;
}
.qge-searchbar__inner{ padding: 18px; }

.qge-searchbar__head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.qge-kicker{
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(17,19,24,.58);
}
.qge-h1{
  margin: 6px 0 0;
  font-size: 20px;
  font-weight: 950;
  letter-spacing: .2px;
}

.qge-searchbar__status{
  display:flex;
  align-items:center;
  gap: 10px;
  color: rgba(17,19,24,.62);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  padding-top: 4px;
}

.qge-searchbar__form{ margin-top: 10px; }
.qge-row{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items:flex-end;
}
.qge-row--dates{ margin-top: 10px; }
.qge-field{ min-width: 140px; }
.qge-field--grow{ flex: 1 1 320px; }
.qge-field--actions{ margin-left:auto; display:flex; gap:10px; flex-wrap:wrap; }

/* Cards modernos (Próximos eventos) */
.qge-ecard{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow-sm);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.qge-ecard:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
  border-color: rgba(255,107,0,.22);
}

.qge-ecard__cover{
  position: relative;
  display:block;
  height: 170px;
  background: linear-gradient(135deg, rgba(255,107,0,.18), rgba(123,31,162,.10));
  background-size: cover;
  background-position: center;
  transform: translateZ(0);
}
.qge-ecard__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.22));
  opacity: .9;
  transition: opacity .14s ease;
}
.qge-ecard:hover .qge-ecard__overlay{ opacity: .75; }

.qge-ecard__chips{
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display:flex;
  justify-content: space-between;
  gap: 10px;
  align-items:center;
}
.qge-chipdate{
  display:inline-flex;
  align-items:center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.10);
  font-size: 12px;
  font-weight: 900;
  color: rgba(17,19,24,.82);
}

.qge-ecard__body{ padding: 12px 12px 14px; }
.qge-ecard__title{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.2;
}
.qge-ecard__title a:hover{ text-decoration: underline; }

.qge-ecard__meta{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items:center;
  color: rgba(17,19,24,.66);
  font-size: 12px;
  font-weight: 850;
  margin-bottom: 8px;
}
.qge-dot{ opacity: .7; margin: 0 2px; }

.qge-ecard__desc{
  margin: 0 0 10px;
  color: rgba(17,19,24,.74);
  font-size: 13px;
  line-height: 1.4;
  min-height: 34px;
}

.qge-ecard__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Responsivo */
@media (max-width: 680px){
  .qge-searchbar__head{ flex-direction: column; }
  .qge-field{ min-width: 100%; }
  .qge-field--actions{ width:100%; justify-content: space-between; }
  .qge-ecard__cover{ height: 160px; }
}

/* ===== QG Footer (simple / centered) ===== */
.qg-footer--simple .qg-footer__brand-inner--center{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:14px;
  padding:22px 0;
}

.qg-footer--simple .qg-footer__links--simple{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
  font-weight:700;
}

.qg-footer--simple .qg-footer__logo--big img{
  display:block;
  height:64px;          /* maior */
  width:auto;
  object-fit:contain;
}

.qg-footer--simple .qg-footer__text--big{
  font-size:28px;
  font-weight:900;
  letter-spacing:.2px;
}

.qg-footer--simple .qg-footer__social--simple{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}

.qg-footer--simple .qg-footer__social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
}

.qg-footer--simple .qg-footer__social-abbr{
  font-size:12px;
  letter-spacing:.6px;
}

.qg-footer--simple .qg-footer__legal-inner--center{
  display:flex;
  justify-content:center;
  text-align:center;
  padding:12px 0;
}
/* =========================================================
   PRÓXIMOS EVENTOS — GRID 4 COLUNAS + CAPA INTEIRA
========================================================= */

.qg-main--light.qge-evPage .qge-nextstrip{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;

  overflow: visible !important;
  padding: 8px 0 0 !important;
  max-height: none !important;
}

@media (max-width: 1100px){
  .qg-main--light.qge-evPage .qge-nextstrip{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px){
  .qg-main--light.qge-evPage .qge-nextstrip{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px){
  .qg-main--light.qge-evPage .qge-nextstrip{
    grid-template-columns: 1fr !important;
  }
}

/* desfaz regras antigas do carrossel */
.qg-main--light.qge-evPage .qge-ncard{
  flex: initial !important;
  max-width: none !important;
  height: auto !important;

  position: relative !important;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(17,24,39,.10);
  box-shadow: 0 14px 30px rgba(0,0,0,.10);

  aspect-ratio: 16 / 10; /* responsivo */
  background: #0b0e14;
}

/* fundo preenchendo (pode recortar) + blur pra ficar bonito */
.qg-main--light.qge-evPage .qge-ncard__bg{
  position: absolute !important;
  inset: 0 !important;
  background-size: cover;
  background-position: center;
  filter: blur(16px) saturate(1.08) contrast(1.05);
  transform: scale(1.12);
  opacity: .85;
}
.qg-main--light.qge-evPage .qge-ncard__bg--empty{
  background: linear-gradient(135deg, rgba(255,107,0,.22), rgba(184,107,255,.16));
  filter: none;
  transform: none;
  opacity: 1;
}

/* capa inteira por cima (SEM CROP) */
.qg-main--light.qge-evPage .qge-ncard__imgwrap{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 1;
  padding: 10px;
}
.qg-main--light.qge-evPage .qge-ncard__img{
  width: 100%;
  height: 100%;
  object-fit: contain; /* aqui fica a capa inteira */
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.35));
}

/* sombra de leitura do texto */
.qg-main--light.qge-evPage .qge-ncard__shade{
  position: absolute !important;
  inset: 0 !important;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.72));
}

/* conteúdo por cima */
.qg-main--light.qge-evPage .qge-ncard__top,
.qg-main--light.qge-evPage .qge-ncard__body{
  position: relative;
  z-index: 3;
}

/* melhora legibilidade */
.qg-main--light.qge-evPage .qge-ncard__t{
  font-family: var(--ev-font-display);
  font-weight: 900;
  letter-spacing: -0.01em;
  text-shadow: 0 10px 22px rgba(0,0,0,.45);
}
.qg-main--light.qge-evPage .qge-ncard__s{
  opacity: .92;
  text-shadow: 0 10px 22px rgba(0,0,0,.45);
}

/* =========================================================
   REDES SOCIAIS DO EVENTO — botões compactos (HERO)
========================================================= */

.qg-main--light.qge-evPage .qge-evSocial{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  align-items: center;
}

.qg-main--light.qge-evPage .qge-sbtn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;

  border: 1px solid rgba(17,24,39,.14);
  background: rgba(255,255,255,.70);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  text-decoration: none;
  color: rgba(17,24,39,.92);
  font-weight: 1000;
  letter-spacing: .04em;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.qg-main--light.qge-evPage .qge-sbtn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
  border-color: rgba(255,107,0,.35);
}

.qg-main--light.qge-evPage .qge-sbtn span{
  font-family: var(--ev-font-display);
  font-size: 13px;
}