:root{
  --sand:#f7efe3;
  --sand-2:#efe2cf;
  --cream:#fffaf3;
  --navy:#0f3554;
  --navy-2:#184e77;
  --sky:#2a9df4;
  --gold:#f3b43f;
  --sunset:#ff8a3d;
  --leaf:#2f7d60;
  --text:#17324b;
  --muted:#587088;
  --white:#ffffff;
  --line:rgba(15,53,84,.12);
  --shadow:0 20px 50px rgba(15,53,84,.12);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --radius-sm:12px;
  --max:1180px;
  --accent:var(--navy-2);
  --accent-2:var(--sky);
  --accent-soft:rgba(42,157,244,.10);
  --hero-bg:linear-gradient(135deg, rgba(42,157,244,.08), rgba(243,180,63,.08));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 0% 0%, rgba(243,180,63,.10), transparent 22%),
    radial-gradient(circle at 100% 10%, rgba(42,157,244,.08), transparent 25%),
    linear-gradient(180deg, #fffdf9 0%, #fbf4ea 100%);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body[data-theme="jogos"]{
  --accent:#1e6091;
  --accent-2:#f3b43f;
  --accent-soft:rgba(243,180,63,.14);
  --hero-bg:linear-gradient(135deg, rgba(30,96,145,.08), rgba(243,180,63,.10));
}
body[data-theme="karaoke"]{
  --accent:#1e6091;
  --accent-2:#f3b43f;
  --accent-soft:rgba(42,157,244,.10);
  --hero-bg:linear-gradient(135deg, rgba(42,157,244,.08), rgba(243,180,63,.09));
}
body[data-theme="eventos"]{
  --accent:#1e6091;
  --accent-2:#f3b43f;
  --accent-soft:rgba(243,180,63,.12);
  --hero-bg:linear-gradient(135deg, rgba(243,180,63,.11), rgba(42,157,244,.06));
}
body[data-theme="restaurante"]{
  --accent:#d86d1e;
  --accent-2:#f3b43f;
  --accent-soft:rgba(255,138,61,.12);
  --hero-bg:linear-gradient(135deg, rgba(255,138,61,.10), rgba(243,180,63,.10));
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max), calc(100% - 34px)); margin-inline:auto}
.topbar{
  background:rgba(255,255,255,.65);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(15,53,84,.07);
  color:var(--muted);
  font-size:12px;
}
.topbar .container{
  min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(255,250,243,.84);
  border-bottom:1px solid rgba(15,53,84,.09);
  backdrop-filter: blur(14px);
}
.nav{
  min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:22px;
}
.logo{
  display:inline-flex; align-items:center; gap:11px;
  font-weight:900; letter-spacing:.06em; color:var(--navy);
}
.logo-mark{
  width:40px; height:40px; border-radius:50%;
  background:
    radial-gradient(circle at 32% 30%, var(--white) 0 10%, transparent 12%),
    linear-gradient(145deg, var(--sky), var(--gold));
  box-shadow: inset 0 0 0 7px rgba(255,255,255,.35), 0 10px 20px rgba(42,157,244,.18);
}
.nav-links{display:flex; align-items:center; gap:5px}
.nav-links a{
  padding:10px 12px; border-radius:999px;
  color:var(--muted); font-size:14px; font-weight:750;
}
.nav-links a:hover,.nav-links a.active{
  color:var(--navy); background:rgba(255,255,255,.8); box-shadow:0 8px 18px rgba(15,53,84,.06);
}
.nav-cta{
  min-height:46px; padding:0 16px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff; font-weight:900; box-shadow:0 12px 24px rgba(15,53,84,.16);
}
.menu-btn{
  display:none; width:44px; height:44px; border-radius:14px;
  background:rgba(255,255,255,.85); border:1px solid rgba(15,53,84,.10); color:var(--navy);
  font-size:20px;
}
.mobile-menu{display:none; padding:0 0 14px}
.mobile-menu.open{display:grid}
.mobile-menu a{
  padding:12px; border-radius:14px; color:var(--muted);
}
.mobile-menu a:hover{background:rgba(255,255,255,.65); color:var(--navy)}
.hero{
  padding:76px 0 58px;
  position:relative;
}
.hero::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-1px; height:54px;
  background: radial-gradient(50% 170% at 50% 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,.95) 46%, rgba(255,255,255,0) 48%);
  opacity:.55;
  pointer-events:none;
}
.hero-grid{
  display:grid; grid-template-columns:1.02fr .98fr; gap:34px; align-items:center;
}
.kicker{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,53,84,.08);
  color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}
.kicker-dot{
  width:8px; height:8px; border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
}
h1{
  margin:18px 0 18px;
  font-size:clamp(44px,7vw,82px);
  line-height:.94;
  letter-spacing:-.055em;
  color:var(--navy);
}
h2{
  margin:0 0 14px;
  font-size:clamp(30px,4vw,52px);
  line-height:1.02; letter-spacing:-.035em; color:var(--navy);
}
h3{margin:0 0 8px; font-size:22px; line-height:1.08; color:var(--navy)}
.lead{
  font-size:18px; color:var(--muted); max-width:720px; margin:0 0 28px;
}
.actions{display:flex; flex-wrap:wrap; gap:12px}
.btn{
  min-height:52px; padding:0 18px; border-radius:16px;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:1px solid rgba(15,53,84,.10);
  font-weight:900;
  transition:.18s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 14px 28px rgba(15,53,84,.14);
  border-color:transparent;
}
.btn-secondary{
  background:rgba(255,255,255,.85);
  color:var(--navy);
}
.btn-small{min-height:44px; padding:0 15px; font-size:14px}
.hero-visual{
  min-height:500px; border-radius:var(--radius-xl);
  background:var(--hero-bg), var(--white);
  border:1px solid rgba(15,53,84,.08);
  box-shadow:var(--shadow);
  position:relative; overflow:hidden;
}
.hero-visual::before{
  content:"";
  position:absolute; width:260px; height:260px; right:-55px; top:-55px; border-radius:50%;
  background:radial-gradient(circle, rgba(243,180,63,.28) 0%, rgba(243,180,63,0) 70%);
}
.hero-visual::after{
  content:"";
  position:absolute; width:280px; height:280px; left:-70px; bottom:-90px; border-radius:50%;
  background:radial-gradient(circle, rgba(42,157,244,.22) 0%, rgba(42,157,244,0) 72%);
}
.image-slot{
  position:relative; display:flex; align-items:center; justify-content:center; text-align:center;
  min-height:230px; padding:26px; border-radius:var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.55)),
    repeating-linear-gradient(-45deg, rgba(15,53,84,.015), rgba(15,53,84,.015) 12px, rgba(243,180,63,.018) 12px, rgba(243,180,63,.018) 24px);
  color:var(--muted); border:1px dashed rgba(15,53,84,.14);
}
.hero-visual .image-slot{
  position:absolute; inset:20px; min-height:0;
}
.image-slot strong{display:block; color:var(--navy); font-size:14px; margin-bottom:5px}
.section{
  padding:68px 0;
}
.section-soft{
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.64));
  border-top:1px solid rgba(15,53,84,.06);
  border-bottom:1px solid rgba(15,53,84,.06);
}
.section-head{
  display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px;
}
.section-head p{margin:0; max-width:620px; color:var(--muted)}
.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:16px}
.card{
  grid-column:span 4;
  min-height:176px;
  padding:24px;
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15,53,84,.08);
  box-shadow:var(--shadow);
}
.card p{margin:0; color:var(--muted)}
.card-lg{grid-column:span 6; min-height:216px}
.card-full{grid-column:1/-1}
.icon{
  width:46px; height:46px; display:grid; place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(42,157,244,.12), rgba(243,180,63,.18));
  color:var(--accent); font-weight:950; margin-bottom:22px;
}
.tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px}
.tag{
  padding:9px 12px; border-radius:999px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(15,53,84,.09);
  color:var(--muted); font-size:13px;
}
.split{display:grid; grid-template-columns:1fr 1fr; gap:22px}
.stack{display:grid; gap:12px}
.feature{
  display:flex; gap:12px; align-items:flex-start;
  padding:16px 16px; border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,53,84,.08);
  box-shadow:var(--shadow);
}
.check{
  flex:0 0 auto; width:24px; height:24px; border-radius:50%;
  display:grid; place-items:center; font-size:12px; font-weight:950; color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
}
.feature p{margin:4px 0 0; color:var(--muted); font-size:14px}
.service-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:16px}
.service-card{
  grid-column:span 2;
  min-height:230px;
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(15,53,84,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.72));
  position:relative; overflow:hidden;
  box-shadow:var(--shadow);
  transition:.18s ease;
}
.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}
.service-card::before{
  content:"";
  position:absolute; inset:auto -35px -35px auto; width:150px; height:150px; border-radius:50%;
  background:radial-gradient(circle, var(--service-color, var(--accent)) 0%, rgba(255,255,255,0) 68%);
  opacity:.22;
}
.service-card::after{
  content:"";
  position:absolute; left:-35px; top:-35px; width:90px; height:90px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 72%);
}
.service-card:hover{transform:translateY(-4px)}
.service-color{
  height:10px; width:58px; border-radius:999px; margin-bottom:40px;
  background:var(--service-color,var(--accent));
  box-shadow:0 8px 20px rgba(15,53,84,.10);
}
.service-card h3{font-size:28px}
.service-card p{margin:0; color:var(--muted); padding-right:16px}
.service-card .arrow{position:absolute; right:24px; bottom:18px; font-size:28px; color:var(--navy)}
.highlight{
  padding:34px; border-radius:var(--radius-xl);
  background:
    linear-gradient(135deg, rgba(42,157,244,.09), rgba(243,180,63,.10)),
    rgba(255,255,255,.88);
  border:1px solid rgba(15,53,84,.09);
  box-shadow:var(--shadow);
}
.highlight h2{max-width:760px}
.meta-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:20px}
.meta{
  flex:1 1 220px;
  padding:18px; border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,53,84,.08);
}
.meta span{
  display:block; color:var(--muted); font-size:12px;
  text-transform:uppercase; letter-spacing:.08em;
}
.meta strong{display:block; margin-top:5px; color:var(--navy)}
.schedule{
  display:grid; grid-template-columns:repeat(2,1fr); gap:16px;
}
.schedule-card{
  padding:26px; border-radius:var(--radius-lg);
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,53,84,.08);
  box-shadow:var(--shadow);
}
.schedule-card .day{
  color:var(--accent); font-size:12px; font-weight:950; letter-spacing:.09em; text-transform:uppercase;
}
.schedule-card h3{font-size:30px; margin-top:8px}
.gallery{
  display:grid; grid-template-columns:1.25fr .75fr .75fr; gap:15px;
}
.gallery .image-slot:first-child{min-height:390px}
.gallery .image-slot{min-height:188px}
.hero-photo{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; border-radius:var(--radius-xl);
}
.photo-grid{
  display:grid; grid-template-columns:repeat(5,1fr); gap:12px;
}
.photo-grid img{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  border-radius:var(--radius-md);
  box-shadow:var(--shadow);
  display:block;
  transition:.18s ease;
}
.photo-grid img:hover{transform:translateY(-4px)}
.stage-visual{
  position:absolute; inset:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:30px;
}
.stage-mic{
  font-size:88px; line-height:1;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.30));
}
.equalizer{display:flex; align-items:flex-end; gap:8px; height:70px}
.equalizer span{
  width:10px; height:100%; border-radius:6px;
  background:rgba(255,255,255,.88);
  transform-origin:bottom;
  animation:eqBounce 1.2s ease-in-out infinite;
}
.equalizer span:nth-child(even){background:var(--accent-2)}
.equalizer span:nth-child(1){animation-delay:-1.0s}
.equalizer span:nth-child(2){animation-delay:-0.7s}
.equalizer span:nth-child(3){animation-delay:-0.4s}
.equalizer span:nth-child(4){animation-delay:-1.1s}
.equalizer span:nth-child(5){animation-delay:-0.2s}
.equalizer span:nth-child(6){animation-delay:-0.8s}
.equalizer span:nth-child(7){animation-delay:-0.5s}
@keyframes eqBounce{
  0%,100%{transform:scaleY(.28)}
  50%{transform:scaleY(1)}
}
@media(prefers-reduced-motion:reduce){
  .equalizer span{animation:none; transform:scaleY(.7)}
}
.genre-grid{
  display:flex; flex-wrap:wrap; gap:14px;
}
.genre-chip{
  padding:14px 22px; border-radius:999px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(15,53,84,.10);
  box-shadow:var(--shadow);
  font-weight:900; color:var(--navy);
  transition:.18s ease;
}
.genre-grid > *:nth-child(odd){transform:rotate(-2deg)}
.genre-grid > *:nth-child(even){transform:rotate(1.5deg)}
.genre-chip:hover{transform:rotate(0) translateY(-3px)}
.contact-box{display:grid; grid-template-columns:1.35fr .65fr; gap:22px; align-items:center}
.location-block{display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:center}
.map-embed{
  border-radius:var(--radius-lg); overflow:hidden;
  border:1px solid rgba(15,53,84,.10); box-shadow:var(--shadow);
  min-height:260px;
}
.map-embed iframe{width:100%; height:100%; min-height:260px; border:0; display:block}
.contact-side{display:grid; gap:10px}
.contact-item{
  padding:16px; border-radius:18px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(15,53,84,.08);
}
.contact-item span{
  display:block; color:var(--muted); font-size:12px; text-transform:uppercase;
}
.contact-item strong{display:block; margin-top:4px; color:var(--navy)}
.seo-copy{font-size:14px; color:var(--muted); max-width:900px}
.breadcrumbs{font-size:13px; color:var(--muted); margin-bottom:12px}
.breadcrumbs a:hover{color:var(--navy)}
footer{
  padding:48px 0 60px;
  background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.66));
  border-top:1px solid rgba(15,53,84,.07);
}
.footer-grid{display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:24px}
.footer-title{
  font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:10px;
}
.footer-links{display:grid; gap:8px}
.footer-links a,.footer-links span{color:var(--muted); font-size:14px}
.footer-links a:hover{color:var(--navy)}
.legal{
  margin-top:32px; padding-top:20px;
  border-top:1px solid rgba(15,53,84,.08);
  display:flex; justify-content:space-between; gap:16px;
  color:var(--muted); font-size:12px;
}
.floating-wa{
  position:fixed; right:18px; bottom:18px; z-index:40;
  min-height:50px; padding:0 16px;
  border-radius:999px;
  display:flex; align-items:center; gap:8px;
  color:#fff; font-weight:950;
  background:linear-gradient(135deg,#20b954,#17a34a);
  box-shadow:0 18px 32px rgba(23,163,74,.22);
}
.note{font-size:12px; color:var(--muted); margin-top:10px}
.wave-separator{
  height:48px; margin-top:24px;
  background:
    radial-gradient(65px 25px at 50% 0, rgba(255,255,255,0) 51%, rgba(15,53,84,.06) 52%, rgba(255,255,255,0) 56%) 0 0/130px 48px repeat-x;
  opacity:.25;
}
@media(max-width:940px){
  .nav-links,.desktop-cta{display:none}
  .menu-btn{display:inline-grid; place-items:center}
  .hero-grid,.split,.contact-box,.location-block{grid-template-columns:1fr}
  .hero-visual{min-height:360px}
  .card,.card-lg{grid-column:span 6}
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:1fr 1fr}
  .gallery .image-slot:first-child{grid-column:1/-1}
  .photo-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .container{width:min(var(--max), calc(100% - 22px))}
  .hero{padding:50px 0 40px}
  h1{font-size:clamp(42px,15vw,64px)}
  .section{padding:52px 0}
  .section-head{flex-direction:column; align-items:start}
  .card,.card-lg,.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:1/-1}
  .schedule,.gallery{grid-template-columns:1fr}
  .gallery .image-slot:first-child{min-height:250px}
  .photo-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .legal{flex-direction:column}
  .floating-wa{right:12px; bottom:12px; font-size:14px}
}


body[data-theme="home-blue"]{
  --accent:#4f94ae;
  --accent-2:#7ab1c4;
  --accent-soft:rgba(79,148,174,.14);
  --hero-bg:linear-gradient(135deg, rgba(79,148,174,.12), rgba(255,255,255,.86));
  background:
    radial-gradient(circle at 0% 0%, rgba(79,148,174,.14), transparent 24%),
    radial-gradient(circle at 100% 8%, rgba(122,177,196,.14), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
}
body[data-theme="home-blue"] .topbar{
  background:rgba(255,255,255,.92);
}
body[data-theme="home-blue"] .site-header{
  background:rgba(255,255,255,.92);
}
body[data-theme="home-blue"] .logo{
  color:#2a5870;
}
body[data-theme="home-blue"] .nav-links a:hover,
body[data-theme="home-blue"] .nav-links a.active{
  color:#2a5870;
  background:rgba(79,148,174,.08);
}
body[data-theme="home-blue"] .btn-primary,
body[data-theme="home-blue"] .nav-cta{
  background:linear-gradient(135deg, #4f94ae, #7ab1c4);
}
body[data-theme="home-blue"] .service-card,
body[data-theme="home-blue"] .highlight,
body[data-theme="home-blue"] .card,
body[data-theme="home-blue"] .feature,
body[data-theme="home-blue"] .meta,
body[data-theme="home-blue"] .contact-item,
body[data-theme="home-blue"] .image-slot{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,253,.96));
}
body[data-theme="home-blue"] .hero-visual{
  background:linear-gradient(135deg, rgba(79,148,174,.10), rgba(255,255,255,.95));
}
.site-logo-img{
  height:44px;
  width:auto;
  display:block;
}
.site-logo-hero{
  width:min(360px, 70%);
  height:auto;
  margin:0 auto 20px auto;
  display:block;
  filter: drop-shadow(0 12px 24px rgba(79,148,174,.12));
}
.logo-text-wrap{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.logo-text-wrap small{
  font-size:10px;
  letter-spacing:.24em;
  color:var(--muted);
  margin-top:3px;
}


/* =========================================================
   IDENTIDADES VISUAIS FORTES POR SUBPÁGINA
   ========================================================= */

/* BASE INTERNA */
body[data-theme]:not([data-theme="home-blue"]) .hero{
  overflow:hidden;
}
body[data-theme]:not([data-theme="home-blue"]) .hero::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-120px;
  top:60px;
  border-radius:50%;
  pointer-events:none;
  opacity:.22;
}
body[data-theme]:not([data-theme="home-blue"]) .section{
  position:relative;
}
body[data-theme]:not([data-theme="home-blue"]) .section-head h2,
body[data-theme]:not([data-theme="home-blue"]) .hero h1{
  position:relative;
  z-index:1;
}
body[data-theme]:not([data-theme="home-blue"]) .card,
body[data-theme]:not([data-theme="home-blue"]) .feature,
body[data-theme]:not([data-theme="home-blue"]) .schedule-card,
body[data-theme]:not([data-theme="home-blue"]) .contact-item{
  box-shadow:none;
}
body[data-theme]:not([data-theme="home-blue"]) .image-slot{
  box-shadow:none;
}

/* ==================== QUADRAS ==================== */
body[data-theme="quadras"]{
  --accent:#1068d8;
  --accent-2:#4ea6ff;
  --accent-soft:rgba(16,104,216,.14);
  background:
    radial-gradient(circle at 100% 0%, rgba(78,166,255,.18), transparent 25%),
    linear-gradient(180deg,#ffffff 0%,#edf6ff 52%,#ffffff 100%);
}
body[data-theme="quadras"] .hero{
  background:
    linear-gradient(135deg,#0d5fc9 0%,#177ce9 52%,#4ea6ff 100%);
  color:#fff;
}
body[data-theme="quadras"] .hero h1,
body[data-theme="quadras"] .hero .lead,
body[data-theme="quadras"] .hero .breadcrumbs,
body[data-theme="quadras"] .hero .breadcrumbs a{
  color:#fff;
}
body[data-theme="quadras"] .hero .lead{opacity:.88}
body[data-theme="quadras"] .hero .kicker{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}
body[data-theme="quadras"] .hero::before{
  background:radial-gradient(circle,rgba(255,255,255,.36),rgba(255,255,255,0) 68%);
}
body[data-theme="quadras"] .hero-visual{
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  border-color:rgba(255,255,255,.22);
}
body[data-theme="quadras"] .hero .image-slot{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.28);
  color:rgba(255,255,255,.86);
}
body[data-theme="quadras"] .hero .image-slot strong{color:#fff}
body[data-theme="quadras"] .hero .btn-primary{
  background:#fff;
  color:#0d5fc9;
}
body[data-theme="quadras"] .hero .btn-secondary{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
body[data-theme="quadras"] .feature{
  background:#f5faff;
  border-left:5px solid #177ce9;
}
body[data-theme="quadras"] .feature:nth-child(even){
  background:#eaf5ff;
  border-left-color:#4ea6ff;
}
body[data-theme="quadras"] .section-soft{
  background:linear-gradient(180deg,#eaf5ff,#f8fcff);
}
body[data-theme="quadras"] .gallery .image-slot{
  background:linear-gradient(135deg,#eef7ff,#dceeff);
  border-color:rgba(16,104,216,.18);
}
body[data-theme="quadras"] .highlight{
  background:linear-gradient(135deg,#0d5fc9,#2192f2);
  color:#fff;
}
body[data-theme="quadras"] .highlight h2,
body[data-theme="quadras"] .highlight .lead,
body[data-theme="quadras"] .highlight .kicker,
body[data-theme="quadras"] .highlight .contact-item span,
body[data-theme="quadras"] .highlight .contact-item strong{
  color:#fff;
}
body[data-theme="quadras"] .highlight .contact-item{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.20);
}

/* ==================== JOGOS ==================== */
body[data-theme="jogos"]{
  --accent:#f6c72e;
  --accent-2:#1e5cc8;
  --accent-soft:rgba(246,199,46,.18);
  background:
    linear-gradient(180deg,#fffdf3 0%,#fff7cc 38%,#f7fbff 100%);
}
body[data-theme="jogos"] .hero{
  background:
    linear-gradient(118deg,#f6c72e 0 34%,#1f65d6 34% 72%,#d93535 72% 100%);
}
body[data-theme="jogos"] .hero h1,
body[data-theme="jogos"] .hero .lead,
body[data-theme="jogos"] .hero .breadcrumbs,
body[data-theme="jogos"] .hero .breadcrumbs a{
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.12);
}
body[data-theme="jogos"] .hero .kicker{
  background:rgba(0,0,0,.10);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}
body[data-theme="jogos"] .hero::before{
  background:radial-gradient(circle,rgba(255,255,255,.30),transparent 70%);
}
body[data-theme="jogos"] .hero-visual{
  background:rgba(11,37,78,.22);
  border-color:rgba(255,255,255,.22);
}
body[data-theme="jogos"] .hero .image-slot{
  background:rgba(11,37,78,.20);
  border-color:rgba(255,255,255,.28);
  color:#fff;
}
body[data-theme="jogos"] .hero .image-slot strong{color:#fff}
body[data-theme="jogos"] .hero .btn-primary{
  background:#fff;
  color:#174fba;
}
body[data-theme="jogos"] .hero .btn-secondary{
  background:rgba(0,0,0,.12);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
body[data-theme="jogos"] .grid .card:nth-child(3n+1){
  background:#fff2a8;
  border-color:#f6c72e;
}
body[data-theme="jogos"] .grid .card:nth-child(3n+2){
  background:#e7f0ff;
  border-color:#4d84e5;
}
body[data-theme="jogos"] .grid .card:nth-child(3n+3){
  background:#ffe8e8;
  border-color:#e65b5b;
}
body[data-theme="jogos"] .grid .card:nth-child(3n+1) .icon{
  background:#f6c72e;color:#5e4b00;
}
body[data-theme="jogos"] .grid .card:nth-child(3n+2) .icon{
  background:#1f65d6;color:#fff;
}
body[data-theme="jogos"] .grid .card:nth-child(3n+3) .icon{
  background:#d93535;color:#fff;
}
body[data-theme="jogos"] .section-soft{
  background:
    linear-gradient(90deg,rgba(246,199,46,.18),rgba(31,101,214,.10),rgba(217,53,53,.10));
}
body[data-theme="jogos"] .gallery .image-slot:nth-child(1){
  background:#fff3b0;border-color:#f6c72e;
}
body[data-theme="jogos"] .gallery .image-slot:nth-child(2){
  background:#eaf1ff;border-color:#1f65d6;
}
body[data-theme="jogos"] .gallery .image-slot:nth-child(3){
  background:#ffeaea;border-color:#d93535;
}
body[data-theme="jogos"] .highlight{
  background:linear-gradient(115deg,#1f65d6 0 64%,#d93535 64% 100%);
  color:#fff;
}
body[data-theme="jogos"] .highlight h2,
body[data-theme="jogos"] .highlight .lead,
body[data-theme="jogos"] .highlight .kicker,
body[data-theme="jogos"] .highlight .contact-item span,
body[data-theme="jogos"] .highlight .contact-item strong{color:#fff}
body[data-theme="jogos"] .highlight .contact-item{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.20);
}
body[data-theme="jogos"] .highlight .btn-primary{
  background:#f6c72e;
  color:#183f86;
}

/* ==================== KARAOKÊ ==================== */
body[data-theme="karaoke"]{
  --accent:#176fc0;
  --accent-2:#f2c230;
  --accent-soft:rgba(23,111,192,.14);
  background:
    radial-gradient(circle at 100% 0%,rgba(242,194,48,.16),transparent 22%),
    linear-gradient(180deg,#f6fbff 0%,#e8f4ff 44%,#fff9dc 100%);
}
body[data-theme="karaoke"] .hero{
  background:
    radial-gradient(circle at 84% 18%,rgba(242,194,48,.35),transparent 20%),
    linear-gradient(135deg,#0f518f 0%,#176fc0 66%,#f2c230 66% 100%);
}
body[data-theme="karaoke"] .hero h1,
body[data-theme="karaoke"] .hero .lead,
body[data-theme="karaoke"] .hero .breadcrumbs,
body[data-theme="karaoke"] .hero .breadcrumbs a{
  color:#fff;
}
body[data-theme="karaoke"] .hero .kicker{
  color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);
}
body[data-theme="karaoke"] .hero::before{
  background:radial-gradient(circle,rgba(242,194,48,.45),transparent 68%);
}
body[data-theme="karaoke"] .hero-visual{
  background:none; border:none; box-shadow:none;
}
body[data-theme="karaoke"] .hero-visual::before,
body[data-theme="karaoke"] .hero-visual::after{
  content:none;
}
body[data-theme="karaoke"] .hero .image-slot{
  background:rgba(5,38,70,.22);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}
body[data-theme="karaoke"] .hero .image-slot strong{color:#fff}
body[data-theme="karaoke"] .hero .btn-primary{
  background:#f2c230;color:#0d4f88;
}
body[data-theme="karaoke"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.22);
}
body[data-theme="karaoke"] .feature{
  background:#eaf6ff;
  border:1px solid rgba(23,111,192,.14);
}
body[data-theme="karaoke"] .feature:nth-child(even){
  background:#fff6c9;
  border-color:rgba(242,194,48,.35);
}
body[data-theme="karaoke"] .grid .card:nth-child(odd){
  background:#e9f5ff;border-color:#66a8dc;
}
body[data-theme="karaoke"] .grid .card:nth-child(even){
  background:#fff3ae;border-color:#f2c230;
}
body[data-theme="karaoke"] .grid .card .icon{background:none; font-size:30px}
body[data-theme="karaoke"] .feature .check{background:none; font-size:18px}
body[data-theme="karaoke"] .section-soft{
  background:linear-gradient(135deg,#eaf6ff,#fff7c9);
}
body[data-theme="karaoke"] .gallery .image-slot{
  background:linear-gradient(135deg,#e9f5ff,#fff5ba);
  border-color:rgba(23,111,192,.18);
}
body[data-theme="karaoke"] .highlight{
  background:linear-gradient(135deg,#0f518f 0%,#176fc0 72%,#f2c230 72%);
  color:#fff;
}
body[data-theme="karaoke"] .highlight h2,
body[data-theme="karaoke"] .highlight .lead,
body[data-theme="karaoke"] .highlight .kicker,
body[data-theme="karaoke"] .highlight .contact-item span,
body[data-theme="karaoke"] .highlight .contact-item strong{color:#fff}
body[data-theme="karaoke"] .highlight .contact-item{
  background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20);
}
body[data-theme="karaoke"] .highlight .btn-primary{
  background:#f2c230;color:#0f518f;
}

/* ==================== EVENTOS ==================== */
body[data-theme="eventos"]{
  --accent:#1b70c9;
  --accent-2:#f1c64a;
  --accent-soft:rgba(27,112,201,.12);
  background:
    radial-gradient(circle at 8% 0%,rgba(241,198,74,.14),transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#eef7ff 50%,#fff9df 100%);
}
body[data-theme="eventos"] .hero{
  background:
    linear-gradient(135deg,#175da3 0%,#2583d6 60%,#f1c64a 60% 100%);
}
body[data-theme="eventos"] .hero h1,
body[data-theme="eventos"] .hero .lead,
body[data-theme="eventos"] .hero .breadcrumbs,
body[data-theme="eventos"] .hero .breadcrumbs a{
  color:#fff;
}
body[data-theme="eventos"] .hero .kicker{
  color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);
}
body[data-theme="eventos"] .hero-visual{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.20);
}
body[data-theme="eventos"] .hero .image-slot{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}
body[data-theme="eventos"] .hero .image-slot strong{color:#fff}
body[data-theme="eventos"] .hero .btn-primary{
  background:#fff;color:#175da3;
}
body[data-theme="eventos"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.22);
}
body[data-theme="eventos"] .feature{
  background:#fff;
  border-bottom:4px solid #1b70c9;
}
body[data-theme="eventos"] .feature:nth-child(even){
  border-bottom-color:#f1c64a;
  background:#fffaf0;
}
body[data-theme="eventos"] .grid .card:nth-child(1){
  background:#eaf5ff;border-color:#5ca0db;
}
body[data-theme="eventos"] .grid .card:nth-child(2){
  background:#fff8d9;border-color:#f1c64a;
}
body[data-theme="eventos"] .grid .card:nth-child(3){
  background:linear-gradient(135deg,#edf7ff,#fff8df);
  border-color:#8abbe4;
}
body[data-theme="eventos"] .section-soft{
  background:linear-gradient(135deg,#edf7ff,#fff8df);
}
body[data-theme="eventos"] .gallery .image-slot{
  background:linear-gradient(145deg,#f8fbff,#fff9e8);
}
body[data-theme="eventos"] .highlight{
  background:linear-gradient(160deg, var(--rio-blue) 0%, var(--rio-blue-2) 56%, var(--rio-blue-3) 100%);
  color:#fff;
  border-bottom:10px solid #f1c64a;
}
body[data-theme="eventos"] .highlight h2,
body[data-theme="eventos"] .highlight .lead,
body[data-theme="eventos"] .highlight .kicker,
body[data-theme="eventos"] .highlight .contact-item span,
body[data-theme="eventos"] .highlight .contact-item strong{color:#fff}
body[data-theme="eventos"] .highlight .contact-item{
  background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20);
}
body[data-theme="eventos"] .highlight .btn-primary{
  background:#f1c64a;color:#174c7f;
}

/* ==================== RESTAURANTE ==================== */
body[data-theme="restaurante"]{
  --accent:#ef741b;
  --accent-2:#f4c33e;
  --accent-soft:rgba(239,116,27,.14);
  background:
    radial-gradient(circle at 100% 0%,rgba(244,195,62,.20),transparent 24%),
    linear-gradient(180deg,#fffaf1 0%,#fff0dc 48%,#fff9ed 100%);
}
body[data-theme="restaurante"] .hero{
  background:
    linear-gradient(135deg,#df6517 0%,#f28527 64%,#f4c33e 64% 100%);
}
body[data-theme="restaurante"] .hero h1,
body[data-theme="restaurante"] .hero .lead,
body[data-theme="restaurante"] .hero .breadcrumbs,
body[data-theme="restaurante"] .hero .breadcrumbs a{
  color:#fff;
}
body[data-theme="restaurante"] .hero .kicker{
  color:#fff;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);
}
body[data-theme="restaurante"] .hero::before{
  background:radial-gradient(circle,rgba(255,240,178,.50),transparent 70%);
}
body[data-theme="restaurante"] .hero-visual{
  background:rgba(105,43,8,.15);
  border-color:rgba(255,255,255,.20);
}
body[data-theme="restaurante"] .hero .image-slot{
  background:rgba(105,43,8,.13);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}
body[data-theme="restaurante"] .hero .image-slot strong{color:#fff}
body[data-theme="restaurante"] .hero .btn-primary{
  background:#fff;color:#d85d10;
}
body[data-theme="restaurante"] .hero .btn-secondary{
  background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.22);
}
body[data-theme="restaurante"] .feature{
  background:#fff3df;
  border-left:5px solid #ef741b;
}
body[data-theme="restaurante"] .feature:nth-child(even){
  background:#fff7c7;
  border-left-color:#f4c33e;
}
body[data-theme="restaurante"] .check{
  background:none; font-size:18px;
}
body[data-theme="restaurante"] .schedule-card:first-child{
  background:linear-gradient(135deg,#ef741b,#f28f3d);
  color:#fff;
  border-color:transparent;
}
body[data-theme="restaurante"] .schedule-card:first-child h3,
body[data-theme="restaurante"] .schedule-card:first-child .lead,
body[data-theme="restaurante"] .schedule-card:first-child .day{
  color:#fff;
}
body[data-theme="restaurante"] .schedule-card:nth-child(2){
  background:linear-gradient(135deg,#f4c33e,#ffd96a);
  color:#6d4a00;
  border-color:transparent;
}
body[data-theme="restaurante"] .schedule-card:nth-child(2) h3,
body[data-theme="restaurante"] .schedule-card:nth-child(2) .lead,
body[data-theme="restaurante"] .schedule-card:nth-child(2) .day{
  color:#6d4a00;
}
body[data-theme="restaurante"] .section-soft{
  background:linear-gradient(135deg,#fff0df,#fff7c6);
}
body[data-theme="restaurante"] .gallery .image-slot{
  background:linear-gradient(135deg,#fff1df,#fff7c9);
  border-color:rgba(239,116,27,.22);
}
body[data-theme="restaurante"] .highlight{
  background:linear-gradient(135deg,#df6517,#ef741b 68%,#f4c33e 68%);
  color:#fff;
}
body[data-theme="restaurante"] .highlight h2,
body[data-theme="restaurante"] .highlight .lead,
body[data-theme="restaurante"] .highlight .kicker,
body[data-theme="restaurante"] .highlight .contact-item span,
body[data-theme="restaurante"] .highlight .contact-item strong{color:#fff}
body[data-theme="restaurante"] .highlight .contact-item{
  background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20);
}
body[data-theme="restaurante"] .highlight .btn-primary{
  background:#f4c33e;color:#7a3e00;
}

/* HEADER INTERNO acompanha o nicho sem perder legibilidade */
body[data-theme="quadras"] .site-header,
body[data-theme="jogos"] .site-header,
body[data-theme="karaoke"] .site-header,
body[data-theme="eventos"] .site-header,
body[data-theme="restaurante"] .site-header{
  background:rgba(255,255,255,.94);
}
body[data-theme="quadras"] .nav-links a.active{background:#e7f2ff;color:#0d5fc9}
body[data-theme="jogos"] .nav-links a.active{background:#fff3b6;color:#6e5600}
body[data-theme="karaoke"] .nav-links a.active{background:#e7f4ff;color:#0f518f}
body[data-theme="eventos"] .nav-links a.active{background:#eef7ff;color:#175da3}
body[data-theme="restaurante"] .nav-links a.active{background:#fff0df;color:#d85d10}

@media(max-width:620px){
  body[data-theme="jogos"] .hero{
    background:linear-gradient(165deg,#f6c72e 0 30%,#1f65d6 30% 76%,#d93535 76% 100%);
  }
  body[data-theme="karaoke"] .hero,
  body[data-theme="eventos"] .hero,
  body[data-theme="restaurante"] .hero{
    background-size:cover;
  }
}


/* =========================================================
   PALETAS HARMONIZADAS — uma cor dominante + cores de apoio
   ========================================================= */

/* -------- QUADRAS: AZUL dominante + branco -------- */
body[data-theme="quadras"]{
  --accent:#176fc0;
  --accent-2:#68b4ec;
  --accent-soft:rgba(23,111,192,.12);
  background:linear-gradient(180deg,#ffffff 0%,#eef7fd 48%,#ffffff 100%);
}
body[data-theme="quadras"] .hero{
  background:linear-gradient(145deg,#145e9f 0%,#176fc0 58%,#2589d5 100%);
}
body[data-theme="quadras"] .hero::before{
  background:radial-gradient(circle,rgba(255,255,255,.26),transparent 70%);
}
body[data-theme="quadras"] .hero-visual{
  background:rgba(255,255,255,.10);
}
body[data-theme="quadras"] .hero .btn-primary{
  background:#ffffff;color:#145e9f;
}
body[data-theme="quadras"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);color:#ffffff;
}
body[data-theme="quadras"] .feature{
  background:#ffffff;border:1px solid rgba(23,111,192,.10);
  border-left:4px solid #176fc0;
}
body[data-theme="quadras"] .feature:nth-child(even){
  background:#f5fbff;border-left-color:#68b4ec;
}
body[data-theme="quadras"] .section-soft{
  background:#eef7fd;
}
body[data-theme="quadras"] .gallery .image-slot{
  background:#f5fbff;border-color:rgba(23,111,192,.15);
}
body[data-theme="quadras"] .highlight{
  background:linear-gradient(145deg,#145e9f,#176fc0);
  border-bottom:none;
}
body[data-theme="quadras"] .highlight .btn-primary{
  background:#ffffff;color:#145e9f;
}

/* -------- JOGOS: AMARELO dominante + azul CTA + vermelho detalhe -------- */
body[data-theme="jogos"]{
  --accent:#f2c438;
  --accent-2:#1f66c7;
  --accent-soft:rgba(242,196,56,.14);
  background:linear-gradient(180deg,#fffdf5 0%,#fff8d8 48%,#ffffff 100%);
}
body[data-theme="jogos"] .hero{
  background:linear-gradient(145deg,#f7d55f 0%,#f2c438 62%,#e7b92b 100%);
}
body[data-theme="jogos"] .hero h1,
body[data-theme="jogos"] .hero .lead,
body[data-theme="jogos"] .hero .breadcrumbs,
body[data-theme="jogos"] .hero .breadcrumbs a{
  color:#153d72;text-shadow:none;
}
body[data-theme="jogos"] .hero .kicker{
  background:rgba(255,255,255,.48);
  border-color:rgba(21,61,114,.10);
  color:#153d72;
}
body[data-theme="jogos"] .hero .kicker-dot{background:#d83b3b}
body[data-theme="jogos"] .hero::before{
  background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%);
}
body[data-theme="jogos"] .hero-visual{
  background:rgba(255,255,255,.35);
  border-color:rgba(21,61,114,.12);
}
body[data-theme="jogos"] .hero .image-slot{
  background:rgba(255,255,255,.26);
  border-color:rgba(21,61,114,.16);
  color:#365a84;
}
body[data-theme="jogos"] .hero .image-slot strong{color:#153d72}
body[data-theme="jogos"] .hero .btn-primary{
  background:#1f66c7;color:#ffffff;
}
body[data-theme="jogos"] .hero .btn-secondary{
  background:rgba(255,255,255,.54);
  color:#153d72;border-color:rgba(21,61,114,.12);
}
body[data-theme="jogos"] .grid .card{
  background:#ffffff;
  border:1px solid rgba(242,196,56,.30);
}
body[data-theme="jogos"] .grid .card:nth-child(3n+1),
body[data-theme="jogos"] .grid .card:nth-child(3n+2),
body[data-theme="jogos"] .grid .card:nth-child(3n+3){
  background:#ffffff;
}
body[data-theme="jogos"] .grid .card:nth-child(3n+1){border-top:4px solid #f2c438}
body[data-theme="jogos"] .grid .card:nth-child(3n+2){border-top:4px solid #1f66c7}
body[data-theme="jogos"] .grid .card:nth-child(3n+3){border-top:4px solid #d83b3b}
body[data-theme="jogos"] .grid .card:nth-child(3n+1) .icon{background:#fff4bd;color:#7d6500}
body[data-theme="jogos"] .grid .card:nth-child(3n+2) .icon{background:#eaf2ff;color:#1f66c7}
body[data-theme="jogos"] .grid .card:nth-child(3n+3) .icon{background:#ffecec;color:#d83b3b}
body[data-theme="jogos"] .section-soft{
  background:#fff8d8;
}
body[data-theme="jogos"] .gallery .image-slot:nth-child(1),
body[data-theme="jogos"] .gallery .image-slot:nth-child(2),
body[data-theme="jogos"] .gallery .image-slot:nth-child(3){
  background:#fffdf5;
  border-color:rgba(242,196,56,.26);
}
body[data-theme="jogos"] .highlight{
  background:#1f66c7;
  border-bottom:6px solid #f2c438;
}
body[data-theme="jogos"] .highlight .btn-primary{
  background:#f2c438;color:#153d72;
}
body[data-theme="jogos"] .highlight::after{
  content:"";position:absolute;width:10px;height:10px;border-radius:50%;
  background:#d83b3b;right:24px;top:24px;
}

/* -------- KARAOKÊ: AZUL dominante + amarelo em botões/detalhes -------- */
body[data-theme="karaoke"]{
  --accent:#145d9e;
  --accent-2:#f2c438;
  --accent-soft:rgba(20,93,158,.12);
  background:linear-gradient(180deg,#f7fbff 0%,#eaf4fc 52%,#ffffff 100%);
}
body[data-theme="karaoke"] .hero{
  background:linear-gradient(145deg,#0d4e88 0%,#145d9e 62%,#1f72b6 100%);
}
body[data-theme="karaoke"] .hero::before{
  background:radial-gradient(circle,rgba(242,196,56,.26),transparent 68%);
}
body[data-theme="karaoke"] .hero-visual{
  background:rgba(255,255,255,.09);
}
body[data-theme="karaoke"] .hero .btn-primary{
  background:#f2c438;color:#123e68;
}
body[data-theme="karaoke"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);color:#fff;
}
body[data-theme="karaoke"] .feature{
  background:#ffffff;
  border:1px solid rgba(20,93,158,.10);
  border-left:4px solid #145d9e;
}
body[data-theme="karaoke"] .feature:nth-child(even){
  background:#fffdf2;
  border-left-color:#f2c438;
}
body[data-theme="karaoke"] .grid .card:nth-child(odd),
body[data-theme="karaoke"] .grid .card:nth-child(even){
  background:#ffffff;
}
body[data-theme="karaoke"] .grid .card:nth-child(odd){border-top:4px solid #145d9e}
body[data-theme="karaoke"] .grid .card:nth-child(even){border-top:4px solid #f2c438}
body[data-theme="karaoke"] .section-soft{
  background:#edf6fd;
}
body[data-theme="karaoke"] .gallery .image-slot{
  background:#f7fbff;border-color:rgba(20,93,158,.15);
}
body[data-theme="karaoke"] .highlight{
  background:linear-gradient(160deg, var(--rio-blue) 0%, var(--rio-blue-2) 56%, var(--rio-blue-3) 100%);
  border-bottom:none;
}
body[data-theme="karaoke"] .highlight .btn-primary{
  background:#f2c438;color:#123e68;
}

/* -------- EVENTOS: AZUL dominante + amarelo elegante nos detalhes -------- */
body[data-theme="eventos"]{
  --accent:#2a6ea5;
  --accent-2:#e7bd4a;
  --accent-soft:rgba(42,110,165,.10);
  background:linear-gradient(180deg,#ffffff 0%,#f2f8fc 50%,#ffffff 100%);
}
body[data-theme="eventos"] .hero{
  background:linear-gradient(145deg,#245f90 0%,#2a6ea5 60%,#3a83b8 100%);
}
body[data-theme="eventos"] .hero::before{
  background:radial-gradient(circle,rgba(231,189,74,.22),transparent 68%);
}
body[data-theme="eventos"] .hero-visual{
  background:rgba(255,255,255,.10);
}
body[data-theme="eventos"] .hero .btn-primary{
  background:#ffffff;color:#245f90;
}
body[data-theme="eventos"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);color:#ffffff;
}
body[data-theme="eventos"] .feature{
  background:#ffffff;
  border:1px solid rgba(42,110,165,.10);
  border-bottom:3px solid #2a6ea5;
}
body[data-theme="eventos"] .feature:nth-child(even){
  background:#fffdf7;
  border-bottom-color:#e7bd4a;
}
body[data-theme="eventos"] .grid .card:nth-child(1),
body[data-theme="eventos"] .grid .card:nth-child(2),
body[data-theme="eventos"] .grid .card:nth-child(3){
  background:#ffffff;
}
body[data-theme="eventos"] .grid .card:nth-child(1){border-top:4px solid #2a6ea5}
body[data-theme="eventos"] .grid .card:nth-child(2){border-top:4px solid #e7bd4a}
body[data-theme="eventos"] .grid .card:nth-child(3){border-top:4px solid #80abc9}
body[data-theme="eventos"] .grid .card .icon{background:none; font-size:26px}
body[data-theme="eventos"] .feature .check{background:none; font-size:18px}
body[data-theme="eventos"] .photo-grid{grid-template-columns:repeat(3,1fr)}
body[data-theme="jogos"] .photo-grid{grid-template-columns:repeat(3,1fr)}
body[data-theme="eventos"] .section-soft{
  background:#f2f8fc;
}
body[data-theme="eventos"] .gallery .image-slot{
  background:#f8fbfd;border-color:rgba(42,110,165,.14);
}
body[data-theme="eventos"] .highlight{
  background:linear-gradient(160deg, var(--rio-blue) 0%, var(--rio-blue-2) 56%, var(--rio-blue-3) 100%);
  border-bottom:6px solid #e7bd4a;
}
body[data-theme="eventos"] .highlight .btn-primary{
  background:#e7bd4a;color:#244a68;
}

/* -------- RESTAURANTE: LARANJA dominante + amarelo nos detalhes -------- */
body[data-theme="restaurante"]{
  --accent:#e9731f;
  --accent-2:#f2c438;
  --accent-soft:rgba(233,115,31,.12);
  background:linear-gradient(180deg,#fffaf5 0%,#fff0e4 50%,#ffffff 100%);
}
body[data-theme="restaurante"] .hero{
  background:linear-gradient(145deg,#d65f13 0%,#e9731f 62%,#ef8b42 100%);
}
body[data-theme="restaurante"] .hero::before{
  background:radial-gradient(circle,rgba(242,196,56,.28),transparent 68%);
}
body[data-theme="restaurante"] .hero-visual{
  background:rgba(255,255,255,.10);
}
body[data-theme="restaurante"] .hero .btn-primary{
  background:#f2c438;color:#713700;
}
body[data-theme="restaurante"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);color:#ffffff;
}
body[data-theme="restaurante"] .feature{
  background:#ffffff;
  border:1px solid rgba(233,115,31,.10);
  border-left:4px solid #e9731f;
}
body[data-theme="restaurante"] .feature:nth-child(even){
  background:#fffdf2;
  border-left-color:#f2c438;
}
body[data-theme="restaurante"] .schedule-card:first-child{
  background:#ffffff;color:var(--text);
  border:1px solid rgba(233,115,31,.14);
  border-top:5px solid #e9731f;
}
body[data-theme="restaurante"] .schedule-card:first-child h3,
body[data-theme="restaurante"] .schedule-card:first-child .lead{
  color:var(--text);
}
body[data-theme="restaurante"] .schedule-card:first-child .day{
  color:#e9731f;
}
body[data-theme="restaurante"] .schedule-card:nth-child(2){
  background:#ffffff;color:var(--text);
  border:1px solid rgba(242,196,56,.24);
  border-top:5px solid #f2c438;
}
body[data-theme="restaurante"] .schedule-card:nth-child(2) h3,
body[data-theme="restaurante"] .schedule-card:nth-child(2) .lead{
  color:var(--text);
}
body[data-theme="restaurante"] .schedule-card:nth-child(2) .day{
  color:#a67e00;
}
body[data-theme="restaurante"] .section-soft{
  background:#fff5ec;
}
body[data-theme="restaurante"] .gallery .image-slot{
  background:#fffaf5;border-color:rgba(233,115,31,.15);
}
body[data-theme="restaurante"] .highlight{
  background:linear-gradient(145deg,#d65f13,#e9731f);
  border-bottom:6px solid #f2c438;
}
body[data-theme="restaurante"] .highlight .btn-primary{
  background:#f2c438;color:#713700;
}

/* Remove qualquer sensação de divisão rígida em todas as páginas */
body[data-theme="jogos"] .hero,
body[data-theme="karaoke"] .hero,
body[data-theme="eventos"] .hero,
body[data-theme="restaurante"] .hero,
body[data-theme="quadras"] .hero{
  background-size:100% 100%;
}


/* Logo image usage across all pages */
.site-logo-img{
  height:44px;
  width:auto;
  display:block;
}
.site-logo-footer{
  height:52px;
  width:auto;
  display:block;
}
@media(max-width:620px){
  .site-logo-img{height:38px}
  .site-logo-footer{height:46px}
}

/* Home starts directly at experience cards */
body[data-theme="home-blue"] .section:first-of-type{
  padding-top:56px;
}

/* =========================================================
   REFINO BEACH CLUB
   ========================================================= */
:root{
  --rio-blue:#20288a;
  --rio-blue-2:#2437a4;
  --rio-blue-3:#2e46bf;
  --sand-light:#f7f1e4;
  --sea-light:#e7f3ff;
  --foam:#ffffff;
  --lime-accent:#72d84a;
  --sun-accent:#f3c641;
  --orange-accent:#eb7b23;
  --red-accent:#d63a3a;
}

/* HOME: tudo junto na primeira seção */
body[data-theme="home-blue"]{
  --accent:var(--rio-blue);
  --accent-2:var(--rio-blue-3);
  --accent-soft:rgba(32,40,138,.16);
  background:
    radial-gradient(circle at 100% 0%, rgba(46,70,191,.12), transparent 22%),
    linear-gradient(180deg,#f7f9ff 0%,#eef2ff 32%,#f7f1e4 100%);
}
body[data-theme="home-blue"] .site-header,
body[data-theme="home-blue"] .topbar{
  background:rgba(255,255,255,.92);
}
body[data-theme="home-blue"] .home-hero-combined{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 14%, rgba(255,255,255,.12), transparent 20%),
    radial-gradient(circle at 85% 22%, rgba(114,216,74,.18), transparent 14%),
    radial-gradient(circle at 92% 76%, rgba(243,198,65,.18), transparent 16%),
    linear-gradient(160deg, var(--rio-blue) 0%, var(--rio-blue-2) 54%, var(--rio-blue-3) 100%);
  color:#fff;
  padding:58px 0 64px;
}
body[data-theme="home-blue"] .home-hero-combined::before{
  content:"";
  position:absolute;
  inset:auto -10% -80px -10%;
  height:180px;
  background:
    radial-gradient(65px 42px at 10% 30%, rgba(255,255,255,.14), rgba(255,255,255,0) 70%),
    radial-gradient(80px 46px at 30% 55%, rgba(255,255,255,.14), rgba(255,255,255,0) 72%),
    radial-gradient(90px 50px at 54% 28%, rgba(255,255,255,.14), rgba(255,255,255,0) 72%),
    radial-gradient(100px 55px at 76% 58%, rgba(255,255,255,.14), rgba(255,255,255,0) 74%),
    radial-gradient(75px 40px at 92% 28%, rgba(255,255,255,.14), rgba(255,255,255,0) 72%);
  opacity:.8;
  pointer-events:none;
}
body[data-theme="home-blue"] .home-hero-combined h1,
body[data-theme="home-blue"] .home-hero-combined .lead{
  color:#fff;
}
body[data-theme="home-blue"] .home-hero-combined .lead{
  max-width:760px;
  opacity:.9;
}
body[data-theme="home-blue"] .home-hero-combined .kicker{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}
body[data-theme="home-blue"] .home-hero-combined .kicker-dot{
  background:#72d84a;
}
body[data-theme="home-blue"] .home-mini-tags{
  display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 28px;
}
body[data-theme="home-blue"] .home-mini-tags span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
body[data-theme="home-blue"] .home-service-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
body[data-theme="home-blue"] .home-service-btn{
  min-height:168px;
  padding:20px 18px 18px;
  border-radius:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  box-shadow:0 12px 26px rgba(0,0,0,.14);
}
body[data-theme="home-blue"] .home-service-btn:hover{
  transform:translateY(-3px);
}
body[data-theme="home-blue"] .home-service-btn .topline{
  width:52px;height:8px;border-radius:999px;
}
body[data-theme="home-blue"] .home-service-btn h3,
body[data-theme="home-blue"] .home-service-btn p,
body[data-theme="home-blue"] .home-service-btn .go{
  color:#fff;
  margin:0;
}
body[data-theme="home-blue"] .home-service-btn h3{
  font-size:23px;
}
body[data-theme="home-blue"] .home-service-btn p{
  opacity:.88;
  font-size:15px;
  line-height:1.45;
}
body[data-theme="home-blue"] .home-service-btn .go{
  font-size:26px;
  font-weight:900;
  opacity:.92;
  text-align:right;
}
body[data-theme="home-blue"] .home-service-btn.quadras .topline{background:#49a1ff}
body[data-theme="home-blue"] .home-service-btn.jogos .topline{background:#f3c641}
body[data-theme="home-blue"] .home-service-btn.karaoke .topline{background:#72d84a}
body[data-theme="home-blue"] .home-service-btn.eventos .topline{background:#8bc0ff}
body[data-theme="home-blue"] .home-service-btn.restaurante .topline{background:#eb7b23}

body[data-theme="home-blue"] .section-soft{
  background:
    linear-gradient(180deg,#f4f7ff 0%,#f7f1e4 100%);
}
body[data-theme="home-blue"] .highlight{
  background:
    linear-gradient(135deg, rgba(32,40,138,.95), rgba(46,70,191,.92));
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}
body[data-theme="home-blue"] .highlight h2,
body[data-theme="home-blue"] .highlight .kicker,
body[data-theme="home-blue"] .highlight .lead,
body[data-theme="home-blue"] .highlight .meta span,
body[data-theme="home-blue"] .highlight .meta strong{
  color:#fff;
}
body[data-theme="home-blue"] .highlight .meta{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.12);
}
body[data-theme="home-blue"] .highlight .btn-primary{
  background:#fff;
  color:var(--rio-blue);
}
body[data-theme="home-blue"] .floating-wa{
  background:linear-gradient(135deg,#20b954,#17a34a);
}

/* SUBPAGES AZUIS usando o azul do print */
body[data-theme="quadras"],
body[data-theme="karaoke"],
body[data-theme="eventos"]{
  --accent:var(--rio-blue);
  --accent-2:var(--rio-blue-3);
  --accent-soft:rgba(32,40,138,.12);
}

body[data-theme="quadras"] .hero,
body[data-theme="karaoke"] .hero,
body[data-theme="eventos"] .hero{
  background:
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.13), transparent 18%),
    radial-gradient(circle at 12% 84%, rgba(114,216,74,.12), transparent 16%),
    linear-gradient(160deg, var(--rio-blue) 0%, var(--rio-blue-2) 56%, var(--rio-blue-3) 100%);
}
body[data-theme="quadras"] .hero::before,
body[data-theme="karaoke"] .hero::before,
body[data-theme="eventos"] .hero::before{
  background:radial-gradient(circle, rgba(255,255,255,.18), transparent 68%);
}
body[data-theme="quadras"] .hero-visual,
body[data-theme="eventos"] .hero-visual{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
}
body[data-theme="karaoke"] .hero-visual{
  background:none; border:none; box-shadow:none;
}
body[data-theme="karaoke"] .hero-visual::before,
body[data-theme="karaoke"] .hero-visual::after{
  content:none;
}
body[data-theme="quadras"] .hero .btn-primary,
body[data-theme="eventos"] .hero .btn-primary{
  background:#ffffff;
  color:var(--rio-blue);
}
body[data-theme="karaoke"] .hero .btn-primary{
  background:var(--sun-accent);
  color:var(--rio-blue);
}
body[data-theme="quadras"] .hero .btn-secondary,
body[data-theme="karaoke"] .hero .btn-secondary,
body[data-theme="eventos"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}

/* Cards menos institucionais e mais leves */
body[data-theme="quadras"] .feature,
body[data-theme="karaoke"] .feature,
body[data-theme="eventos"] .feature,
body[data-theme="restaurante"] .feature,
body[data-theme="jogos"] .feature{
  border-radius:22px;
}
body[data-theme="quadras"] .feature{
  background:#ffffff;
  border-left:4px solid #49a1ff;
}
body[data-theme="quadras"] .feature .check{background:none; font-size:18px}
body[data-theme="karaoke"] .feature{
  background:#ffffff;
  border-left:4px solid var(--sun-accent);
}
body[data-theme="eventos"] .feature{
  background:#ffffff;
  border-left:4px solid #8bc0ff;
}
body[data-theme="jogos"] .feature{
  background:#ffffff;
  border-left:4px solid var(--red-accent);
}
body[data-theme="restaurante"] .feature{
  background:#ffffff;
  border-left:4px solid var(--orange-accent);
}

/* Jogos: azul do print + amarelo e vermelho só como apoio */
body[data-theme="jogos"]{
  --accent:var(--rio-blue);
  --accent-2:#3347bf;
  background:
    linear-gradient(180deg,#f8f9ff 0%,#eef1ff 46%,#fff8dd 100%);
}
body[data-theme="jogos"] .hero{
  background:
    radial-gradient(circle at 86% 20%, rgba(243,198,65,.18), transparent 16%),
    radial-gradient(circle at 15% 82%, rgba(214,58,58,.14), transparent 16%),
    linear-gradient(160deg, var(--rio-blue) 0%, var(--rio-blue-2) 54%, var(--rio-blue-3) 100%);
}
body[data-theme="jogos"] .hero h1,
body[data-theme="jogos"] .hero .lead,
body[data-theme="jogos"] .hero .breadcrumbs,
body[data-theme="jogos"] .hero .breadcrumbs a{
  color:#fff;
}
body[data-theme="jogos"] .hero .kicker{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}
body[data-theme="jogos"] .hero .kicker-dot{
  background:var(--sun-accent);
}
body[data-theme="jogos"] .hero-visual{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
}
body[data-theme="jogos"] .hero .image-slot{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
body[data-theme="jogos"] .hero .image-slot strong{color:#fff}
body[data-theme="jogos"] .hero .btn-primary{
  background:var(--sun-accent);
  color:var(--rio-blue);
}
body[data-theme="jogos"] .hero .btn-secondary{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
body[data-theme="jogos"] .grid .card{
  background:#ffffff;
  border:1px solid rgba(32,40,138,.08);
  border-top:4px solid var(--sun-accent);
}
body[data-theme="jogos"] .grid .card:nth-child(2n){border-top-color:#7ba9ff}
body[data-theme="jogos"] .grid .card:nth-child(3n){border-top-color:var(--red-accent)}
body[data-theme="jogos"] .grid .card .icon{
  background:none; font-size:30px;
}
body[data-theme="jogos"] .feature .check{background:none; font-size:18px}
body[data-theme="jogos"] .highlight{
  background:linear-gradient(145deg,var(--rio-blue),var(--rio-blue-2));
  color:#fff;
  border-bottom:6px solid var(--sun-accent);
}
body[data-theme="jogos"] .highlight h2,
body[data-theme="jogos"] .highlight .kicker,
body[data-theme="jogos"] .highlight .lead,
body[data-theme="jogos"] .highlight .contact-item span,
body[data-theme="jogos"] .highlight .contact-item strong{
  color:#fff;
}
body[data-theme="jogos"] .highlight .contact-item{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.14);
}
body[data-theme="jogos"] .highlight .btn-primary{
  background:var(--sun-accent);
  color:var(--rio-blue);
}

/* Restaurante com clima mais quente */
body[data-theme="restaurante"]{
  background:
    linear-gradient(180deg,#fffaf4 0%,#fff2e4 44%,#fff8e7 100%);
}
body[data-theme="restaurante"] .hero{
  background:
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.14), transparent 18%),
    linear-gradient(160deg,#d96b1b 0%,#eb7b23 56%,#f39b4e 100%);
}
body[data-theme="restaurante"] .hero .btn-primary{
  background:var(--sun-accent);
  color:#7b3900;
}

/* mobile home buttons */
@media(max-width:1100px){
  body[data-theme="home-blue"] .home-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  body[data-theme="home-blue"] .home-hero-combined{
    padding:44px 0 52px;
  }
  body[data-theme="home-blue"] .home-service-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  body[data-theme="home-blue"] .home-service-btn{
    min-height:146px;
    border-radius:22px;
  }
}


/* =========================================================
   AJUSTES V2 — logo, azul novo, hero preparado para foto
   ========================================================= */

/* Padroniza o azul principal novo */
body[data-theme="home-blue"] .nav-cta,
body[data-theme="home-blue"] .btn-primary{
  background:linear-gradient(135deg,var(--rio-blue),var(--rio-blue-3));
  color:#fff;
}
body[data-theme="home-blue"] .btn-secondary{
  color:var(--rio-blue);
}

/* Hero da Home preparado para receber a foto:
   basta adicionar assets/hero-rio-sand.jpg */
body[data-theme="home-blue"] .home-hero-combined{
  background-color:var(--rio-blue);
  background-image:
    linear-gradient(160deg,rgba(20,26,120,.84),rgba(32,40,138,.78) 52%,rgba(46,70,191,.76)),
    url("hero-rio-sand.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
body[data-theme="home-blue"] .home-hero-combined::before{
  opacity:.55;
}

/* Logo maior e realmente centralizada no cabeçalho mobile */
@media(max-width:940px){
  .site-header .nav{
    position:relative;
    justify-content:center;
    min-height:104px;
  }
  .site-header .logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    margin:0;
  }
  .site-header .site-logo-img{
    height:78px;
    width:auto;
    max-width:190px;
    object-fit:contain;
  }
  .site-header .menu-btn{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
  }
}

/* Em telas pequenas, mantém a logo grande sem apertar */
@media(max-width:620px){
  .site-header .nav{
    min-height:108px;
  }
  .site-header .site-logo-img{
    height:82px;
    max-width:200px;
  }
}

/* WhatsApp fixo mais para cima */
.floating-wa{
  bottom:42px;
}
@media(max-width:620px){
  .floating-wa{
    bottom:108px;
    right:14px;
  }
}

/* Reforça o azul novo em CTAs das páginas azuis */
body[data-theme="quadras"] .nav-cta,
body[data-theme="eventos"] .nav-cta{
  background:linear-gradient(135deg,var(--rio-blue),var(--rio-blue-3));
}
body[data-theme="karaoke"] .nav-cta,
body[data-theme="jogos"] .nav-cta{
  background:var(--rio-blue);
}

/* Remove possíveis resquícios visuais do azul antigo em botões comuns */
body[data-theme="home-blue"] .contact-item strong,
body[data-theme="home-blue"] .footer-links a:hover{
  color:var(--rio-blue);
}

/* =========================================================
   AJUSTES V4 — cabeçalho e rodapé escuros em todas as páginas
   (logo branca precisa de fundo escuro pra aparecer)
   ========================================================= */

/* Páginas da família azul: mesmo tom do header da Home */
body[data-theme="quadras"] .topbar,
body[data-theme="quadras"] .site-header,
body[data-theme="jogos"] .topbar,
body[data-theme="jogos"] .site-header,
body[data-theme="karaoke"] .topbar,
body[data-theme="karaoke"] .site-header,
body[data-theme="eventos"] .topbar,
body[data-theme="eventos"] .site-header{
  background:rgba(32,40,138,.98);
  border-color:rgba(255,255,255,.10);
}
/* Restaurante: header laranja, igual ao hero da página */
body[data-theme="restaurante"] .topbar,
body[data-theme="restaurante"] .site-header{
  background:rgba(217,107,27,.97);
  border-color:rgba(255,255,255,.14);
}

body[data-theme="quadras"] .topbar,
body[data-theme="jogos"] .topbar,
body[data-theme="karaoke"] .topbar,
body[data-theme="eventos"] .topbar,
body[data-theme="restaurante"] .topbar{
  color:rgba(255,255,255,.86);
}
body[data-theme="quadras"] .logo,
body[data-theme="jogos"] .logo,
body[data-theme="karaoke"] .logo,
body[data-theme="eventos"] .logo,
body[data-theme="restaurante"] .logo{
  color:#fff;
}
body[data-theme="quadras"] .nav-links a,
body[data-theme="jogos"] .nav-links a,
body[data-theme="karaoke"] .nav-links a,
body[data-theme="eventos"] .nav-links a,
body[data-theme="restaurante"] .nav-links a{
  color:rgba(255,255,255,.78);
}
body[data-theme="quadras"] .nav-links a:hover,
body[data-theme="quadras"] .nav-links a.active,
body[data-theme="jogos"] .nav-links a:hover,
body[data-theme="jogos"] .nav-links a.active,
body[data-theme="karaoke"] .nav-links a:hover,
body[data-theme="karaoke"] .nav-links a.active,
body[data-theme="eventos"] .nav-links a:hover,
body[data-theme="eventos"] .nav-links a.active,
body[data-theme="restaurante"] .nav-links a:hover,
body[data-theme="restaurante"] .nav-links a.active{
  color:#fff;
  background:rgba(255,255,255,.10);
}
body[data-theme="quadras"] .menu-btn,
body[data-theme="jogos"] .menu-btn,
body[data-theme="karaoke"] .menu-btn,
body[data-theme="eventos"] .menu-btn,
body[data-theme="restaurante"] .menu-btn{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
body[data-theme="quadras"] .mobile-menu a,
body[data-theme="jogos"] .mobile-menu a,
body[data-theme="karaoke"] .mobile-menu a,
body[data-theme="eventos"] .mobile-menu a,
body[data-theme="restaurante"] .mobile-menu a{
  color:rgba(255,255,255,.82);
}
body[data-theme="quadras"] .mobile-menu a:hover,
body[data-theme="jogos"] .mobile-menu a:hover,
body[data-theme="karaoke"] .mobile-menu a:hover,
body[data-theme="eventos"] .mobile-menu a:hover,
body[data-theme="restaurante"] .mobile-menu a:hover{
  color:#fff;
  background:rgba(255,255,255,.10);
}

/* Botão WhatsApp do cabeçalho: branco sólido pra continuar se destacando no fundo escuro */
body[data-theme="quadras"] .site-header .nav-cta,
body[data-theme="jogos"] .site-header .nav-cta,
body[data-theme="karaoke"] .site-header .nav-cta,
body[data-theme="eventos"] .site-header .nav-cta{
  background:#fff;
  color:var(--rio-blue);
}
body[data-theme="restaurante"] .site-header .nav-cta{
  background:#fff;
  color:#d96b1b;
}

/* Rodapé escuro em TODAS as páginas (a Home também precisava disso) */
body[data-theme="home-blue"] footer,
body[data-theme="quadras"] footer,
body[data-theme="jogos"] footer,
body[data-theme="karaoke"] footer,
body[data-theme="eventos"] footer{
  background:linear-gradient(180deg, rgba(24,30,104,.97), rgba(32,40,138,.98));
  border-color:rgba(255,255,255,.10);
}
body[data-theme="restaurante"] footer{
  background:linear-gradient(180deg, rgba(180,88,20,.97), rgba(217,107,27,.98));
  border-color:rgba(255,255,255,.14);
}
body[data-theme="home-blue"] .footer-title,
body[data-theme="quadras"] .footer-title,
body[data-theme="jogos"] .footer-title,
body[data-theme="karaoke"] .footer-title,
body[data-theme="eventos"] .footer-title,
body[data-theme="restaurante"] .footer-title{
  color:rgba(255,255,255,.55);
}
body[data-theme="home-blue"] .footer-links a,
body[data-theme="home-blue"] .footer-links span,
body[data-theme="quadras"] .footer-links a,
body[data-theme="quadras"] .footer-links span,
body[data-theme="jogos"] .footer-links a,
body[data-theme="jogos"] .footer-links span,
body[data-theme="karaoke"] .footer-links a,
body[data-theme="karaoke"] .footer-links span,
body[data-theme="eventos"] .footer-links a,
body[data-theme="eventos"] .footer-links span,
body[data-theme="restaurante"] .footer-links a,
body[data-theme="restaurante"] .footer-links span{
  color:rgba(255,255,255,.82);
}
body[data-theme="home-blue"] .footer-links a:hover,
body[data-theme="quadras"] .footer-links a:hover,
body[data-theme="jogos"] .footer-links a:hover,
body[data-theme="karaoke"] .footer-links a:hover,
body[data-theme="eventos"] .footer-links a:hover,
body[data-theme="restaurante"] .footer-links a:hover{
  color:#fff;
}
body[data-theme="home-blue"] footer .seo-copy,
body[data-theme="quadras"] footer .seo-copy,
body[data-theme="jogos"] footer .seo-copy,
body[data-theme="karaoke"] footer .seo-copy,
body[data-theme="eventos"] footer .seo-copy,
body[data-theme="restaurante"] footer .seo-copy{
  color:rgba(255,255,255,.68);
}
body[data-theme="home-blue"] .legal,
body[data-theme="quadras"] .legal,
body[data-theme="jogos"] .legal,
body[data-theme="karaoke"] .legal,
body[data-theme="eventos"] .legal,
body[data-theme="restaurante"] .legal{
  color:rgba(255,255,255,.55);
  border-color:rgba(255,255,255,.12);
}


/* =========================================================
   AJUSTES V3 — topo azul + foto real no hero da Home
   ========================================================= */

body[data-theme="home-blue"] .topbar,
body[data-theme="home-blue"] .site-header{
  background:rgba(32,40,138,.98);
  border-color:rgba(255,255,255,.10);
}
body[data-theme="home-blue"] .topbar{
  color:rgba(255,255,255,.86);
}
body[data-theme="home-blue"] .logo{
  color:#fff;
}
body[data-theme="home-blue"] .nav-links a{
  color:rgba(255,255,255,.78);
}
body[data-theme="home-blue"] .nav-links a:hover,
body[data-theme="home-blue"] .nav-links a.active{
  color:#fff;
  background:rgba(255,255,255,.10);
}
body[data-theme="home-blue"] .menu-btn{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
body[data-theme="home-blue"] .mobile-menu a{
  color:rgba(255,255,255,.82);
}
body[data-theme="home-blue"] .mobile-menu a:hover{
  color:#fff;
  background:rgba(255,255,255,.10);
}

/* header/hero connection */
body[data-theme="home-blue"] .home-hero-combined{
  margin-top:0;
  padding-top:42px;
  background-color:var(--rio-blue);
  background-image:
    linear-gradient(160deg,rgba(17,24,95,.80),rgba(32,40,138,.72) 54%,rgba(46,70,191,.68)),
    url("hero-rio-sand.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
body[data-theme="home-blue"] .home-hero-combined::before{
  opacity:.40;
}
body[data-theme="home-blue"] .home-service-btn{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
}
body[data-theme="home-blue"] .home-service-btn:hover{
  background:rgba(255,255,255,.16);
}
body[data-theme="home-blue"] .home-mini-tags span{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.16);
}

@media(max-width:940px){
  body[data-theme="home-blue"] .site-header .nav{
    min-height:100px;
  }
}
@media(max-width:620px){
  body[data-theme="home-blue"] .topbar .container{
    padding:8px 0;
  }
  body[data-theme="home-blue"] .home-hero-combined{
    padding-top:36px;
  }
}


/* =========================================================
   V6 — WhatsApp dentro dos cards da Home
   ========================================================= */
body[data-theme="home-blue"] .home-service-btn{
  justify-content:space-between;
  gap:18px;
}
body[data-theme="home-blue"] .home-service-content{
  display:grid;
  gap:8px;
}
body[data-theme="home-blue"] .home-service-content .topline{
  margin-bottom:16px;
}
body[data-theme="home-blue"] .home-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:6px;
}
body[data-theme="home-blue"] .home-card-details,
body[data-theme="home-blue"] .home-card-wa{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  font-size:13px;
  font-weight:900;
  line-height:1;
  transition:.18s ease;
}
body[data-theme="home-blue"] .home-card-details{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
}
body[data-theme="home-blue"] .home-card-wa{
  color:#fff;
  background:#20b954;
  border:1px solid rgba(255,255,255,.10);
}
body[data-theme="home-blue"] .home-card-details:hover,
body[data-theme="home-blue"] .home-card-wa:hover{
  transform:translateY(-1px);
}
@media(max-width:620px){
  body[data-theme="home-blue"] .home-service-btn{
    min-height:190px;
  }
  body[data-theme="home-blue"] .home-card-actions{
    grid-template-columns:1fr 1fr;
  }
  body[data-theme="home-blue"] .home-card-details,
  body[data-theme="home-blue"] .home-card-wa{
    min-height:46px;
    font-size:14px;
  }
}

/* V7 — foto real na seção "Pra viver o melhor do beach club em Santarém" */
.beachclub-feature-img{width:100%;min-height:360px;height:100%;max-height:560px;object-fit:cover;object-position:center;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}
@media(max-width:620px){.beachclub-feature-img{min-height:420px;max-height:520px;object-position:center 42%}}