/*
Theme Name: Pantaneiras V8
Theme URI: https://example.com/
Author: OpenAI
Description: Tema catálogo profissional para WordPress com upload de galeria no admin, grid 6x6, perfis individuais, cidades, vídeo e WhatsApp.
Version: 8.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: pantaneiras
*/

:root {
  --bg: #090909;
  --panel: #121212;
  --panel-2: #1a1a1a;
  --text: #f7f7f7;
  --muted: #b5b5b5;
  --primary: #c40000;
  --primary-2: #ff2a2a;
  --border: #2f2f2f;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(0,0,0,.28);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: linear-gradient(180deg, #050505 0%, #0c0c0c 100%);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
.site,.site-header,.site-main,.site-footer,section,main,header,footer { width: 100%; }
.container { width: min(100%, 1920px); margin: 0 auto; padding: 0 22px; }
.site-header {
  position: sticky; top: 0; z-index: 100; backdrop-filter: blur(10px);
  background: rgba(10,10,10,.9); border-bottom: 1px solid rgba(255,255,255,.06);
}
.site-header .topbar { display:flex; align-items:center; justify-content:center; padding:18px 0 12px; }
.site-branding { text-align:center; }
.site-title { margin:0; font-size:34px; letter-spacing:2px; text-transform:uppercase; font-weight:800; }
.site-title a { background: linear-gradient(90deg, var(--primary-2), #fff 42%, var(--primary)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.site-description { margin:4px 0 0; color:var(--muted); font-size:13px; }
.nav-wrap { border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); }
.main-navigation { display:flex; justify-content:center; }
.main-navigation ul { list-style:none; display:flex; flex-wrap:wrap; gap:14px; margin:0; padding:12px 0; }
.main-navigation li a { display:inline-flex; align-items:center; padding:10px 15px; border-radius:999px; color:#f2f2f2; transition:.2s ease; }
.main-navigation li a:hover,.main-navigation .current-menu-item a { background: rgba(196,0,0,.18); color:#fff; }
.hero { padding:20px 0 12px; }
.hero-card {
  min-height:340px; border-radius:22px;
  background: radial-gradient(circle at top left, rgba(255,45,45,.22), transparent 28%), linear-gradient(135deg, #140606 0%, #220707 35%, #0f0f0f 100%);
  border:1px solid rgba(255,255,255,.05); box-shadow:var(--shadow); display:grid; grid-template-columns:1.2fr .8fr; overflow:hidden;
}
.hero-copy { padding:42px; display:flex; flex-direction:column; justify-content:center; }
.hero-copy h2 { margin:0 0 16px; font-size:clamp(28px, 4vw, 54px); line-height:1.02; }
.hero-copy p { margin:0 0 22px; color:#d7d7d7; font-size:17px; max-width:700px; }
.hero-badges { display:flex; flex-wrap:wrap; gap:12px; }
.hero-badges span,.tag { background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); padding:10px 14px; border-radius:999px; color:#f0f0f0; font-size:14px; }
.hero-visual { min-height:100%; background: linear-gradient(135deg, rgba(255,42,42,.20), rgba(0,0,0,.1)); }
.section-header { display:flex; justify-content:space-between; align-items:end; gap:18px; margin:0 0 18px; }
.section-header h2 { margin:0; font-size:28px; }
.section-header p { margin:6px 0 0; color:var(--muted); }
.home-section { padding:26px 0; }
.grid-featured,.grid-anunciantes { display:grid; gap:18px; width:100%; }
.grid-featured { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-anunciantes { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.card-profile {
  background: linear-gradient(180deg, #161616 0%, #101010 100%); border:1px solid rgba(255,255,255,.07); border-radius:18px; overflow:hidden;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; box-shadow:var(--shadow);
}
.card-profile:hover { transform:translateY(-4px); border-color:rgba(255,42,42,.4); box-shadow:0 18px 40px rgba(0,0,0,.35); }
.card-thumb { aspect-ratio:3 / 4; background:#0c0c0c; overflow:hidden; }
.card-thumb img { width:100%; height:100%; object-fit:cover; }
.card-body { padding:14px; }
.card-title { margin:0 0 8px; font-size:16px; font-weight:700; line-height:1.2; }
.card-meta { display:flex; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:13px; }
.card-badge { display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:8px 10px; border-radius:999px; background:rgba(196,0,0,.16); border:1px solid rgba(255,42,42,.2); font-size:12px; color:#ffd6d6; }
.single-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:28px; padding:30px 0; }
.gallery-main,.profile-panel,.profile-card,.archive-panel { background: linear-gradient(180deg, #161616 0%, #0f0f0f 100%); border:1px solid rgba(255,255,255,.06); border-radius:20px; box-shadow:var(--shadow); }
.gallery-main { overflow:hidden; }
.gallery-main img { width:100%; max-height:780px; object-fit:cover; }
.gallery-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; padding:12px; }
.gallery-grid img { border-radius:12px; aspect-ratio:1 / 1.1; object-fit:cover; }
.profile-panel { padding:24px; }
.profile-title { margin:0 0 8px; font-size:clamp(28px, 3vw, 42px); }
.profile-meta { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:18px; color:var(--muted); }
.profile-content { line-height:1.75; color:#ececec; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 12px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 18px; border-radius:14px; border:1px solid transparent; font-weight:700; }
.btn-primary { background: linear-gradient(90deg, var(--primary), var(--primary-2)); color:#fff; }
.btn-secondary { background: rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.video-wrap { margin-top:22px; border-radius:16px; overflow:hidden; }
.video-wrap iframe,.video-wrap video { display:block; width:100%; min-height:380px; }
.archive-header,.page-header-simple { padding:26px 0 10px; }
.archive-panel { padding:20px; margin:0 0 18px; }
.footer-inner { padding:28px 0 42px; color:var(--muted); text-align:center; }
.pagination-wrap { padding:30px 0 8px; }
.pagination-wrap .nav-links { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.pagination-wrap .page-numbers { min-width:42px; height:42px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:#161616; border:1px solid rgba(255,255,255,.08); }
.pagination-wrap .current { background: linear-gradient(90deg, var(--primary), var(--primary-2)); border-color:transparent; }
.widget-area { color: var(--text); }
.screen-reader-text { position:absolute; left:-9999px; }
@media (max-width:1400px){ .grid-featured,.grid-anunciantes{ grid-template-columns:repeat(5, minmax(0, 1fr)); } }
@media (max-width:1180px){ .hero-card,.single-layout{ grid-template-columns:1fr; } .grid-featured,.grid-anunciantes{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
@media (max-width:840px){ .container{ padding:0 14px; } .site-title{ font-size:28px; } .hero-copy{ padding:24px; } .grid-featured,.grid-anunciantes{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .gallery-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:520px){ .main-navigation ul{ gap:6px; padding:10px 0; } .main-navigation li a{ padding:8px 12px; font-size:13px; } .grid-featured,.grid-anunciantes,.gallery-grid{ grid-template-columns:1fr 1fr; gap:12px; } .card-body{ padding:12px; } }