/* DENSIDADE COMPACTA (carregar por último) */

/* Container geral menor */
.section{ max-width:980px; margin:12px auto 20px; padding:0 12px }

/* Navbar mais enxuta */
.nv-container{ padding:8px 12px; gap:12px }
.nv-logo{ height:26px !important }
.nv-button{ padding:6px 12px; border-radius:10px }

/* Botões e tipografia */
.btn{ padding:8px 12px; border-radius:10px }
.hero-inner{ padding:28px 12px 16px; text-align:center }
.hero-title{ font-size:clamp(28px,4.2vw,44px); margin:12px 0 6px }
.hero-subtitle{ font-size:clamp(14px,1.8vw,16px); margin:6px auto 14px; max-width:760px }

/* --- Rifa (página ver.php) ------------------------------------------- */
/* Deixa o carrossel mais baixo e com limite por viewport */
.rifa-hero .slide,
.slider .slide,
.rifa-slider .slide{
height: clamp(260px, 45vh, 520px);
  aspect-ratio: auto;          /* ignora aspect-ratio anterior */
}
.slider .nav, .rifa-slider .nav{ width:28px; height:28px }
.slider .dot, .rifa-slider .dot{ width:6px; height:6px }
.price-chip{ padding:3px 6px; border-radius:8px; font-weight:800 }

/* Faixa e abas mais compactas */
.rifa-strip{ padding:6px 10px; font-size:.9rem }
.seg-tabs{ margin:8px 0 6px }
.seg-tabs .tab{ padding:10px 8px; font-size:.9rem; border-radius:10px }

/* Packs menores e com menos gap */
.pack-grid{ gap:8px }
.pack-grid.big .pack{ padding:10px 8px; border-radius:10px }
.pack-grid .pack .tag-pop{ font-size:.65rem; padding:2px 6px; top:-8px }

/* Quantidade e CTA mais baixos */
.qtd-row{ grid-template-columns:40px 1fr 40px; gap:6px; margin-top:6px }
.qtd-row .box{ height:40px; font-size:16px }
.qtd-row input{ height:40px; font-size:15px }
.cta-wrap{ gap:6px; margin-top:8px }
.cta-big{ padding:10px 12px; font-size:.9rem; border-radius:10px }
.cta-big .price{ padding:3px 6px; border-radius:6px }

/* Listas das modais */
.modal-card{ width:min(640px,96vw); padding:10px }
.modal-head .title{ font-size:1.1rem }

/* --- Listagem de rifas (rifas/index.php) ------------------------------ */
/* Mais cartões por linha e cards mais baixos */
.cards-rifas{
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap:14px;
}
.rifa-card__media{ padding-top:56.25% } /* 16:9 (era ~62%) */
.rifa-card__title{ font-size:1rem; min-height:2.2em }
.rifa-card__sub{ font-size:.85rem; margin:0 0 8px }
.rifa-card__date{ font-size:.8rem }

/* --- Admin/Dashboard toques rápidos ---------------------------------- */
.admin-wrap{ max-width:980px; padding:0 12px }
.dash{ grid-template-columns:240px 1fr; gap:14px; padding:0 12px }
.dash-aside{ padding:10px; border-radius:10px }

/* --- Footer mais enxuto ------------------------------------------------ */
.footer{ padding:24px 16px }
.footer-logo{ height:40px !important }
.footer-links{ gap:20px }

/* --- Mobile: pequena redução de fonte global -------------------------- */
@media (max-width:768px){
  html{ font-size:15px; } /* não quebra nada e deixa tudo ~6% menor */
}