/* Estilo "moderno" da página inicial (prévia). Carrega depois do site.css e só vale com <body class="modern">.
   Ideia: fundo claro e frio, foto grande, tipografia forte, bordas finas e sombras suaves; as cores da logo só em destaques. */
body.modern{
  --ink:#0f1d1f;--ink2:#40575a;--muted:#6a7f82;--sand:#f3f6f5;--sand2:#e6edeb;--sky1:#f3f6f5;--sky2:#f3f6f5;
  --coral:#c4562a;--sun:#f2b84f;--sun2:#ffd67a;--teal:#2b7f89;--olive:#4d6b57;
  --serif:'Bricolage Grotesque','Figtree',system-ui,sans-serif;--pop:0 24px 50px -30px #0f1d1f66;
  background:var(--sand);
}
body.modern h1,body.modern h2,body.modern h3{letter-spacing:-.035em;font-weight:800}
body.modern em{font-style:normal;color:var(--coral);font-weight:800}
body.modern .sandbg{background:var(--sand)}

/* bordas finas e sombra suave no lugar das bordas grossas */
body.modern .btn,body.modern .panel,body.modern .ucard,body.modern .step,body.modern .tm,body.modern .cal,body.modern .book,body.modern .mapbox,body.modern .tc,
body.modern .rev figure,body.modern .tipc,body.modern .place,body.modern .art,body.modern .faq details,body.modern .follow,body.modern .side,body.modern .club,body.modern .t3d,body.modern .cta-b,body.modern .clist li a,body.modern .clist li>span{border:1px solid #0f1d1f1f;box-shadow:var(--pop)}
body.modern .btn{box-shadow:0 10px 24px -14px #0f1d1f88;border-radius:999px;border-color:transparent;transition:transform .2s,box-shadow .2s}
body.modern .btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px #0f1d1fa0}
body.modern .btn:active{transform:none}
body.modern .btn.pri{background:var(--ink);color:#fff}
body.modern .btn.gold{background:var(--sun);color:var(--ink)}
body.modern .btn:not(.pri):not(.wa):not(.ig):not(.tt):not(.ab):not(.gold){background:#fff;border-color:#0f1d1f1f}
body.modern .btn.sm{border-radius:999px}

/* topo */
body.modern .top .bar{background:#ffffffb8;border:1px solid #0f1d1f1a;box-shadow:0 14px 40px -24px #0f1d1f80;backdrop-filter:blur(16px) saturate(1.4)}
body.modern .brand{font:800 17px/1.02 var(--serif)}
body.modern .brand img{border:1px solid #0f1d1f26}
body.modern .top nav a:hover,body.modern .top nav a[aria-current]{background:var(--sand2)}
body.modern .menu{border:1px solid #0f1d1f26;background:#fff}

/* abertura: foto grande em tela cheia */
.mhero{position:relative;min-height:max(680px,92svh);display:flex;align-items:flex-end;color:#fff;overflow:hidden;isolation:isolate;border-radius:0 0 40px 40px}
.mslides{position:absolute;inset:0;z-index:-2;background:#0f1d1f}
.mslides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:mfade 28s infinite;transform:scale(1.04)}
.mslides img:first-child{opacity:1}
@keyframes mfade{0%{opacity:0;transform:scale(1.08)}5%{opacity:1}25%{opacity:1;transform:scale(1)}32%,100%{opacity:0;transform:scale(1)}}
.mhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0f1d1fb3 0,#0f1d1f22 30%,#0f1d1f55 55%,#0f1d1fe6 100%)}
.mh-in{width:100%;padding-top:150px;padding-bottom:64px;display:grid;gap:22px}
.mkick{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:9px 16px;border-radius:999px;background:#ffffff26;border:1px solid #ffffff40;backdrop-filter:blur(10px);font:700 13.5px var(--sans)}
.mhero h1{color:#fff;font-size:clamp(40px,7vw,96px);max-width:14ch;line-height:.98;text-shadow:0 8px 40px #0006;margin:0}
.mhero h1 em{color:var(--sun2)}
.mhero .lead{color:#e8f1f0;font-family:var(--sans);font-weight:500;font-size:clamp(17px,2vw,21px);max-width:46ch;margin:0}
.mhero .book{background:#ffffffd9;backdrop-filter:blur(18px);border:1px solid #ffffff80;box-shadow:0 30px 60px -30px #000a;margin-top:6px}
.mhero .trust a,.mhero .trust span{background:#ffffff1f;border:1px solid #ffffff40;color:#fff;backdrop-filter:blur(8px)}
.mhero .trust svg{color:var(--sun2)}
body.modern .book select,body.modern .book input{background:#fff;border:1px solid #0f1d1f26;border-radius:14px}
body.modern .book .btn{height:52px}

/* varal de fotos em faixa própria */
.mcar{padding-top:clamp(56px,8vw,96px);padding-bottom:0;background:var(--sand)}
.mcar .car{margin:8px 0 0}
body.modern .stats{margin-top:0}
body.modern .stats.facts{margin-top:clamp(34px,5vw,60px)!important}

/* títulos de seção e ícones */
body.modern .sec-h h2{font-size:clamp(30px,5vw,52px)}
body.modern .tile{border-radius:14px;box-shadow:none;width:46px;height:46px;font-size:23px}
body.modern .t0{background:var(--ink)}body.modern .t1{background:var(--coral)}body.modern .t2{background:var(--teal)}body.modern .t3{background:var(--sun)}
body.modern .sec-p{color:var(--muted)}

/* azulejos de números: claros, com ícone em círculo */
body.modern .fact{background:#fff!important;color:var(--ink)!important;border:1px solid #0f1d1f1a;box-shadow:var(--pop);transform:none!important;border-radius:22px}
body.modern .fact svg{background:var(--sand2);border-radius:12px;padding:8px;width:42px;height:42px;opacity:1;color:var(--coral);margin-bottom:14px}
body.modern .fact:nth-child(4n) svg{color:#a97708}body.modern .fact:nth-child(4n+1) svg{color:var(--teal)}
body.modern .fact b{font-family:var(--serif);font-weight:800}
body.modern .fact span{color:var(--muted);opacity:1}

/* cartões das unidades */
body.modern .ucard{border-radius:28px;overflow:hidden}
body.modern .ucard .ph{border-bottom:0;aspect-ratio:4/3.2}
body.modern .ucard .tag{background:#ffffffd9;color:var(--ink);border:1px solid #0f1d1f1f;backdrop-filter:blur(8px)}
body.modern .chips li{background:var(--sand);border:1px solid #0f1d1f14}
body.modern .btn.pri.sm{background:var(--ink)}
body.modern .step::after{color:#0f1d1f0d}
body.modern .step .tile{box-shadow:none}

/* polaroids soltas e demais painéis */
body.modern .pola{box-shadow:0 20px 40px -24px #0f1d1f88,0 0 0 1px #0f1d1f14}
body.modern .panel{border-radius:24px}
body.modern .ck{background:var(--ink)}
body.modern .faq details{border-radius:20px;box-shadow:none}
body.modern .faq summary::after{background:var(--sand2);border:0}
body.modern .tipc{border-radius:24px}
body.modern .tipc:nth-child(1){background:#e3f0ee}body.modern .tipc:nth-child(2){background:#fbeccb}body.modern .tipc:nth-child(3){background:#f7ddd0}
body.modern .place:hover{background:var(--sand2)}

/* mapa */
body.modern .mapbox{border-radius:28px}
body.modern .mitem{border:1px solid #0f1d1f1f;box-shadow:none;background:#fff}
body.modern .mitem:hover,body.modern .mitem.on{background:var(--sand2);transform:none}
body.modern .mitem img{border:0}
body.modern .mapfab button{border:1px solid #0f1d1f26;box-shadow:0 6px 16px -8px #0006;border-radius:999px;background:#fff}
body.modern .pinm .dot{background:var(--coral);border-color:#fff;box-shadow:0 10px 18px -6px #0008}
body.modern .pinm .lab{border:0;box-shadow:0 8px 16px -8px #0007}
body.modern .maplibregl-popup-content{border:0;box-shadow:0 24px 50px -20px #000a;border-radius:22px}

/* avaliações e redes */
body.modern .t3d{background:linear-gradient(160deg,#fff,#e6edeb);border-radius:32px}
body.modern .t3d-f{background:linear-gradient(#e6edeb,transparent 25%,transparent 75%,#e6edeb),linear-gradient(90deg,#f3f6f5,transparent 22%,transparent 78%,#f3f6f5)}
body.modern .tc{box-shadow:0 12px 24px -16px #0f1d1f66}
body.modern .tc-h i,body.modern .rev figcaption i{border:0;background:var(--sun)}
body.modern .rev figure:first-child{background:var(--ink)}
body.modern .sl a{font-family:var(--serif);font-weight:800}
body.modern .sl-img{border:0;box-shadow:0 14px 26px -10px #0009}
body.modern .follow{background:#fff;box-shadow:var(--pop)}
body.modern .follow p{font-family:var(--serif);font-weight:700}

/* UbaPrime fica escuro (já era moderno) */
body.modern .club{border:1px solid #ffffff1f}

/* contato e rodapé escuros, limpos */
body.modern .contact{background:radial-gradient(70% 120% at 90% 100%,#c4562a55,transparent 60%),radial-gradient(60% 100% at 0 0,#2b7f8955,transparent 55%),var(--ink);border:0;border-radius:40px 40px 0 0}
body.modern .contact .kick{background:#ffffff1f;color:#fff;box-shadow:none;transform:none;border:1px solid #ffffff3a}
body.modern .contact h2 em{color:var(--sun2)}
body.modern .clist li a,body.modern .clist li>span{background:#ffffff12;color:#fff;border:1px solid #ffffff22;box-shadow:none}
body.modern .clist .ico{border:0}
body.modern .foot{background:#0a1416;margin-top:0}
body.modern .foot .seaw{display:none}
body.modern .fgrid h2{color:var(--sun2)}
body.modern .soc a{background:#ffffff14;color:#fff;border:1px solid #ffffff2a;box-shadow:none}
body.modern .fbrand img{box-shadow:none}
body.modern .wafab{border:0;box-shadow:0 18px 34px -12px #25d366aa}
@media(max-width:900px){.mhero{border-radius:0 0 28px 28px}.mh-in{padding-top:120px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.mslides img{animation:none}.mslides img:not(:first-child){display:none}}
body.modern{--pl-serif:'Bricolage Grotesque'}
@media(max-width:900px){.mhero::before{background:linear-gradient(180deg,#0f1d1fb3 0,#0f1d1f55 25%,#0f1d1fa6 50%,#0f1d1ff2 100%)}.mhero .lead{text-shadow:0 2px 18px #000a}}

/* páginas internas */
.mhero.sm{min-height:0}.mhero.sm .mh-in{padding-top:130px;padding-bottom:46px}
.mhero .kick{background:#ffffff26;color:#fff;border:1px solid #ffffff40;transform:none;box-shadow:none;backdrop-filter:blur(10px);border-radius:999px;font-weight:700;letter-spacing:.04em;text-transform:none;width:fit-content}
.mhero .crumbs,.mhero .crumbs a{color:#e8f1f0}.mhero .loc,.mhero .rate{color:#fff}
.mhero .lead{margin:0}
.mhero:not(.sm) .mh-in h1{max-width:14ch}
.mhero.sm h1,.mhero .mh-in>h1{font-size:clamp(34px,5.6vw,72px);max-width:20ch;color:#fff;margin:0}
.mhero .mh-in>h1 em{color:var(--sun2)}
.mslides img.solo{opacity:1;animation:none;transform:none}
body.modern .side{background:#fff}
body.modern .ubp{background:var(--sand);border:1px solid #0f1d1f1f}
body.modern .mcar .car{margin-top:8px}
body.modern .article h1{font-size:clamp(34px,5vw,56px)}
body.modern .cal .nav button{border:1px solid #0f1d1f26;box-shadow:none;background:#fff}
body.modern .day.sel{background:var(--ink);color:#fff}
body.modern .day.range{background:var(--sand2)}
body.modern .times .tm.in{background:#fbeccb}body.modern .times .tm.out{background:#f7ddd0}
body.modern .tm svg{color:var(--coral)}
body.modern .details.more>summary,body.modern details.more>summary{color:var(--coral)}
body.modern .filters button{border:1px solid #0f1d1f26;box-shadow:none}
body.modern .filters button.on{background:var(--ink);color:#fff}
body.modern .search{border:1px solid #0f1d1f26;box-shadow:none}
body.modern .cat{color:var(--teal)}

/* UbaPrime: botão transparente com letra clara e destaque dourado (o estilo geral deixava branco sobre branco) */
body.modern .club .btn.ghost{background:#ffffff14;color:#fff;border:1px solid #ffffff80;box-shadow:none}
body.modern .club .btn.ghost:hover{background:#ffffff26}
body.modern .club h2 em{background:linear-gradient(100deg,#f7e08f,#d9a93a);-webkit-background-clip:text;background-clip:text;color:transparent}
body.modern .club .eyebrow{color:#f7e08f}
body.modern .club .btn.ghost:not(.pri):not(.wa):not(.ig):not(.tt):not(.ab):not(.gold):not(.zz):not(.yy){background:#ffffff14;color:#fff;border:1px solid #ffffff80}
body.modern .club .btn.ghost:not(.pri):not(.wa):not(.ig):not(.tt):not(.ab):not(.gold):not(.zz):not(.yy):hover{background:#ffffff26}

/* Tubelight Navbar */
body.modern .top nav{position:relative;gap:6px;padding:4px;border-radius:999px;background:#0f1d1f08}
body.modern .top nav a{position:relative;z-index:1;padding:11px 18px;border-radius:999px;font:700 14px/1 var(--sans);color:#0f1d1fcc;transition:color .25s;background:none!important}
body.modern .top nav a:hover{color:var(--coral)}
body.modern .top nav a.act,body.modern .top nav a[aria-current]{color:var(--ink)}
body.modern .top nav a[aria-current]:not(.act){color:var(--ink)}
.nt{display:inline}.ni{display:none}.ni svg{width:20px;height:20px;stroke-width:2.3}
.lamp{position:absolute;left:0;top:0;z-index:0;border-radius:999px;background:#0f1d1f12;pointer-events:none;opacity:0;transition:transform .55s cubic-bezier(.34,1.5,.5,1),width .55s cubic-bezier(.34,1.5,.5,1),height .3s,opacity .3s}
.lamp i{position:absolute;left:50%;top:-9px;width:34px;height:5px;margin-left:-17px;background:var(--coral);border-radius:5px 5px 0 0}
.lamp i b{position:absolute;border-radius:999px;background:#c4562a40;filter:blur(8px)}
.lamp i b:nth-child(1){width:52px;height:26px;top:-9px;left:-9px}.lamp i b:nth-child(2){width:34px;height:24px;top:-5px;left:0}.lamp i b:nth-child(3){width:18px;height:16px;top:0;left:8px;filter:blur(4px)}
body.modern .menu{display:none!important}
@media(max-width:900px){
  body.modern .top-cta{display:inline-flex}
  body.modern .top nav,body.modern .top nav.open{display:flex!important;position:fixed;inset:auto auto max(16px,env(safe-area-inset-bottom,0px)) 50%;transform:translateX(-50%);flex-direction:row;align-items:center;gap:4px;padding:5px;border-radius:999px;background:#ffffffd9;border:1px solid #0f1d1f1f;backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -16px #0f1d1f99;z-index:70;width:auto}
  body.modern .top nav a{padding:13px 16px}
  .nt{display:none}.ni{display:inline-flex}
  body.modern{padding-bottom:96px}
  body.modern .wafab{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.lamp{transition:none}}
@media(max-width:900px){body.modern .top .bar{backdrop-filter:none;background:#fffffff2}}

/* formulário de contato */
body.modern .cform{max-width:820px;margin:0 auto;background:#fff;border-radius:28px;padding:clamp(18px,4vw,34px);box-shadow:0 24px 60px -34px rgba(30,40,40,.45)}
.cform .cf-lead{margin:0 0 16px;color:#4a5a5a}
.cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cf-grid .full{grid-column:1/-1}
.cf-grid label{display:grid;gap:6px;font:800 13px var(--sans,system-ui);color:#14282c}
.cf-grid input,.cf-grid select,.cf-grid textarea{font:500 16px var(--sans,system-ui);padding:14px;border:1.5px solid #d6dedd;border-radius:14px;background:#f8faf9;width:100%;box-sizing:border-box}
.cf-grid input:focus,.cf-grid select:focus,.cf-grid textarea:focus{outline:0;border-color:#2b7f89;box-shadow:0 0 0 3px #2b7f8922;background:#fff}
.cform .rq,.cform .op{font:800 10px var(--sans,system-ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-left:6px}
.cform .rq{background:#fbe3e0;color:#b3261e}.cform .op{background:#e8eeed;color:#5b6b6b}
.cform .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.cform .cf-ok{display:flex;gap:10px;align-items:flex-start;margin:16px 0 4px;font-size:14.5px;color:#34484a}
.cform .cf-ok input{margin-top:3px;width:18px;height:18px}
.cform .cf-err{color:#b3261e;font-weight:700;margin:10px 0 0}
.cform .cf-note{margin:12px 0 0;font-size:13px;color:#6a7878}
.cform .btn{margin-top:14px}
.cform.done{text-align:center}.cform.done b{font-size:22px}
@media(max-width:620px){.cf-grid{grid-template-columns:1fr}}

/* galeria de fotos */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.chips button{font:700 14px var(--sans,system-ui);padding:9px 16px;border-radius:999px;border:1.5px solid #cfdad9;background:#fff;color:#14282c;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chips button.on{background:#14282c;color:#fff;border-color:#14282c}
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:170px;grid-auto-flow:dense;gap:12px}
.gt{position:relative;overflow:hidden;padding:0;border:0;border-radius:20px;background:#dfe7e6;cursor:zoom-in;box-shadow:0 14px 30px -22px rgba(20,40,44,.6)}
.gt[hidden]{display:none}
.gt:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.gt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gt:hover img,.gt:focus-visible img{transform:scale(1.07)}
.gt span{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;text-align:left;color:#fff;font:600 14px/1.25 var(--sans,system-ui);background:linear-gradient(transparent,rgba(8,20,22,.78));opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.gt:hover span,.gt:focus-visible span{opacity:1;transform:none}
.gt span small{display:block;font:800 10.5px var(--sans,system-ui);letter-spacing:.12em;text-transform:uppercase;color:#ffd9a0;margin-bottom:2px}
@media(hover:none){.gt span{opacity:1;transform:none;font-size:12.5px;padding:26px 10px 9px}.gt:nth-child(7n+1) span{font-size:14px}}
.gal-more{margin:16px 0 0;text-align:center}.gal-more[hidden]{display:none}
@media(max-width:900px){.gal{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:140px}}
@media(max-width:560px){.gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}}
/* abas vídeos | publicações */
.seg{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#e6eded;margin:0 0 20px}
.seg button{display:inline-flex;align-items:center;gap:8px;font:800 14.5px var(--sans,system-ui);padding:10px 20px;border-radius:999px;border:0;background:transparent;color:#41575a;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.seg button svg{width:16px;height:16px}
.seg button[aria-selected=true]{background:#fff;color:#14282c;box-shadow:0 6px 16px -8px rgba(20,40,44,.5)}
[role=tabpanel][hidden]{display:none}

/* faixa da Black Friday: fina, fixa no topo, acima do menu */
.bf{position:fixed;top:0;left:0;right:0;z-index:70;background:linear-gradient(90deg,#2a160a,#5a2e12 55%,#8a4a1c);color:#fff3e0}
.bf-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px 18px;padding:0 14px;min-height:38px;font:600 13.5px var(--sans,system-ui);white-space:nowrap}
.bf-t b{font:800 15px var(--serif,Georgia,serif);color:#ffd9a0;letter-spacing:.04em;text-transform:uppercase}
.bf-l b,.bf-s b{color:#ffd9a0}.bf-s{display:none}
.bf-in a{color:#2a160a;background:#ffd9a0;padding:4px 12px;border-radius:999px;font-weight:800;text-decoration:none}
.bf-r{background:none;border:0;color:#ffe9c9;text-decoration:underline;font:600 12.5px var(--sans,system-ui);cursor:pointer;padding:4px}
.bf-pop{margin:0;padding:10px 16px;background:#fff7ea;color:#5a3d1e;font:500 12.5px/1.4 var(--sans,system-ui);text-align:center;box-shadow:0 14px 30px -18px rgba(40,20,5,.7)}.bf-pop[hidden]{display:none}
body.has-bf .top{top:38px}
body.has-bf .tabbar,body.has-bf .mtab{z-index:60}
@media(max-width:760px){.bf-l,.bf-t span{display:none}.bf-s{display:inline}.bf-in{gap:8px;font-size:12.5px;padding:0 10px}.bf-t b{font-size:13px}.bf-in a{padding:4px 10px}}
.bf-sel{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:999px;background:#eef1f1;color:#41575a;font:600 12.5px var(--sans,system-ui)}
.bf-sel.ok{background:#fff1e0;color:#a35410}.bf-sel.ok b{color:#8a3d00}