/* ===============================================================
   DIMILÔ EVENTOS — ESTÉTICA LUXO (PRETO, CHAMPANHE E CREME)
   Manutenção: cada bloco começa com # + nome da seção.
   Para trocar fundos: procure background-image no bloco #09.
================================================================ */

/* # 00 - CORES / FONTES: edite aqui para mudar o visual global */
:root{
  --black:#0b0a09; --black-2:#14120f; --cream:#f5eee5; --gold:#c6a58a;
  --gold-light:#e8d2b8; --muted:#c4b8ab; --line:rgba(210,183,158,.23);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Montserrat",Arial,sans-serif;
  --max:1180px;
}
/* # 01 - RESET / ELEMENTOS GERAIS */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--black);font-family:var(--sans);color:var(--cream);line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.eyebrow{color:var(--gold-light);font-size:.67rem;letter-spacing:.26em;font-weight:600;text-transform:uppercase}h1,h2,h3{font-family:var(--serif);line-height:1.04;font-weight:500}h2{font-size:clamp(3rem,5.7vw,5rem);margin:18px 0 22px}h2 em,h1 em{color:var(--gold-light);font-weight:400}p{color:var(--muted)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
/* # 02 - MENU / LOGO */
.site-header{position:sticky;top:0;z-index:200;background:rgba(10,9,8,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:var(--max);margin:auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{width:140px;height:72px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:33px}.main-nav a{font-size:.66rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;transition:color .2s}.main-nav a:hover{color:var(--gold-light)}.main-nav .nav-cta{color:var(--gold-light);border:1px solid var(--gold);padding:12px 18px}.menu-toggle{display:none;border:0;background:none;width:38px;padding:8px}.menu-toggle span{display:block;height:2px;background:var(--gold-light);margin:5px 0}
/* # 03 - BOTÕES / LINKS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:13px 22px;letter-spacing:.10em;font-size:.67rem;text-transform:uppercase;font-weight:700;transition:background .2s,color .2s,transform .2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#1c1410;border:1px solid var(--gold)}.btn-gold:hover{background:var(--gold-light)}.btn-outline{border:1px solid var(--gold);color:var(--gold-light);background:rgba(12,11,10,.15)}.btn-outline:hover{background:var(--gold);color:var(--black)}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:.66rem;letter-spacing:.12em;color:var(--gold-light);text-transform:uppercase;font-weight:700;margin-top:8px}
/* # 04 - HERO (foto em paisagem, enquadramento central) */
.hero{position:relative;min-height:680px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,4,4,.88) 0%,rgba(5,5,5,.68) 43%,rgba(5,5,5,.2) 100%),url('assets/card-castelo.jpg') center 49% / cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(0deg,var(--black),transparent);pointer-events:none}.hero-content{position:relative;z-index:1;padding:115px 0 125px}.hero h1{font-size:clamp(4.5rem,9vw,8.8rem);max-width:800px;margin:22px 0 24px}.hero-lead{max-width:500px;font-size:.93rem;line-height:1.95;color:#f2e9e0}.hero-actions{display:flex;align-items:center;gap:33px;margin-top:34px}.hero-secondary{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:6px}.hero-side-note{z-index:1;position:absolute;bottom:33px;right:max(24px,calc((100vw - var(--max))/2));font-size:.52rem;letter-spacing:.23em;color:var(--gold-light)}.hero-bottom-line{position:absolute;bottom:0;left:50%;width:1px;height:65px;background:var(--gold);transform:translateX(-50%);z-index:2}
/* # 05 - SOBRE: foto horizontal suave ao fundo */
.about{position:relative;isolation:isolate;text-align:center;padding:118px 24px 128px;background:url('assets/bg-castelo.jpg') center 50%/cover no-repeat}.about:before{content:"";position:absolute;inset:0;background:rgba(7,6,5,.83);z-index:-1}.about-inner{max-width:780px}.about-inner>p:not(.eyebrow):not(.tiny){font-size:1.02rem;line-height:2;margin:auto;max-width:690px}.about .tiny{font-size:.57rem;letter-spacing:.24em}.small-rule{width:55px;height:1px;background:var(--gold);margin:30px auto 20px}
/* # 06 - VITRINE DE EXPERIÊNCIAS: fotos verticais nos cards */
.catalog{padding:112px 0 122px;background:var(--black)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}.section-head>div{max-width:740px}.section-head>p{max-width:255px;font-size:.85rem}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.catalog-card{background:var(--black-2);border:1px solid var(--line);overflow:hidden}.card-photo{display:block;height:310px;position:relative;overflow:hidden;background:#171310}.card-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .45s}.catalog-card:hover .card-photo img{transform:scale(1.035)}.card-number{position:absolute;top:16px;left:18px;font:500 24px var(--serif);text-shadow:0 0 8px #000}.card-body{padding:23px 26px 29px}.card-body h3{font-size:2.15rem;margin:2px 0 10px}.card-body p{font-size:.82rem;min-height:65px;line-height:1.75}
/* # 07 - EXPERIÊNCIAS: fotos paisagem no fundo + carrossel retrato */
.showcase{position:relative;isolation:isolate;min-height:680px;display:flex;align-items:center;background-color:#141110;background-position:center;background-repeat:no-repeat;background-size:cover;border-top:1px solid rgba(232,204,173,.2)}.showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.91),rgba(5,5,5,.76) 50%,rgba(5,5,5,.52));z-index:-1}.showcase.reverse:before{background:linear-gradient(270deg,rgba(5,5,5,.91),rgba(5,5,5,.76) 50%,rgba(5,5,5,.52))}.showcase-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:center;gap:clamp(45px,9vw,130px);padding-top:92px;padding-bottom:92px}.showcase.reverse .showcase-copy{order:2}.showcase.reverse .photo-carousel{order:1}.showcase-copy{max-width:610px}.showcase-copy h2{margin:15px 0 22px}.showcase-lead{color:#eee7dc;font-size:.89rem;max-width:510px;line-height:1.95}.feature-list{padding:0;margin:28px 0 34px;list-style:none;display:grid;gap:10px}.feature-list li{font-size:.79rem;line-height:1.5;color:#efe2d6;display:flex;gap:12px}.feature-list li:before{content:'✦';color:var(--gold);font-size:.7rem;flex:none;margin-top:2px}
/* # 08 - CARROSSEL: fotos verticais inteiras, sem cortes */
.photo-carousel{width:min(100%,420px);justify-self:center}.carousel-frame{position:relative;width:100%;height:490px;background:#100e0c;border:1px solid rgba(230,210,188,.35);box-shadow:0 25px 70px rgba(0,0,0,.47);overflow:hidden}.carousel-slide{position:absolute;inset:0;width:100%;height:calc(100% - 60px);object-fit:contain;object-position:center;opacity:0;visibility:hidden;transition:opacity .55s ease}.carousel-slide.is-active{opacity:1;visibility:visible}.carousel-controls{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(12,11,10,.95);border-top:1px solid var(--line)}.carousel-prev,.carousel-next{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold-light);font-size:1.1rem;display:grid;place-items:center}.carousel-prev:hover,.carousel-next:hover{background:#3b2c22}.carousel-dots{display:flex;align-items:center;gap:8px;justify-content:center}.carousel-dot{width:6px;height:6px;border-radius:50%;border:0;background:rgba(255,255,255,.35);padding:0}.carousel-dot.is-active{background:var(--gold-light);width:19px;border-radius:20px}.carousel-caption{font-size:.56rem;letter-spacing:.20em;text-align:right;margin:12px 0 0;color:var(--gold-light)}.carousel-caption span{color:var(--muted)}
/* # 09 - FOTOS DE FUNDO POR SERVIÇO — TROQUE APENAS OS ARQUIVOS */
/* Todas as fotos bg-* abaixo são horizontais, selecionadas dos catálogos. */
.showcase-castelo{background-image:url('assets/castelo-01.jpg');background-position:center 51%}
.showcase-brinquedoteca{background-image:url('assets/bg-brinquedoteca.jpg');background-position:center 50%}
.showcase-momento{background-image:url('assets/bg-momento.jpg');background-position:center 50%}
.showcase-robo{background-image:url('assets/bg-robo.jpg');background-position:center 50%}
.showcase-karaoke{background-image:url('assets/bg-karaoke.jpg');background-position:center 50%}
/* # 10 - CHAMADA FINAL: imagem paisagem da celebração */
.final-call{position:relative;isolation:isolate;text-align:center;padding:132px 24px;background:url('assets/bg-contato.jpg') center 50%/cover no-repeat}.final-call:before{content:"";position:absolute;inset:0;background:rgba(4,4,4,.80);z-index:-1}.final-inner{max-width:780px}.final-call h2{font-size:clamp(3.4rem,6vw,6rem)}.final-call p:not(.eyebrow){max-width:565px;margin:0 auto 33px;color:#f0e7dc}
/* # 11 - CONTATO */
.contact{background:#14120f;padding:90px 0;border-top:1px solid var(--line)}.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.contact h2{font-size:clamp(2.8rem,5vw,4.4rem)}.contact p:not(.eyebrow){max-width:540px;font-size:.91rem}.contact-links{display:flex;flex-direction:column;align-items:start;gap:17px}.contact-links>a:not(.btn){color:var(--gold-light);font-size:.8rem}.contact-links>span{color:var(--muted);font-size:.8rem}.float-whatsapp{position:fixed;bottom:22px;right:24px;z-index:180;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#178e59;font-size:.78rem;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.38)}
/* # 12 - RODAPÉ */
.footer{border-top:1px solid var(--line);background:#090807;padding:22px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer a,.footer p{font-size:.62rem;letter-spacing:.12em;color:var(--muted)}
/* # 13 - RESPONSIVIDADE: tablets */
@media(max-width:980px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-inner{gap:45px;grid-template-columns:minmax(0,1fr) minmax(270px,380px)}.carousel-frame{height:450px}.section-head{align-items:start}.hero{min-height:620px}}
/* # 14 - RESPONSIVIDADE: celulares */
@media(max-width:700px){html{scroll-padding-top:72px}.container{width:calc(100% - 36px)}.header-inner{min-height:72px;padding:0 18px}.brand{width:119px;height:64px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(8,7,6,.99);padding:22px 24px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.main-nav.is-open{display:flex}.main-nav .nav-cta{text-align:center}.hero{min-height:650px;background-position:52% center}.hero:before{content:"";position:absolute;inset:0;background:rgba(4,4,4,.15)}.hero-content{padding:95px 0 120px}.hero h1{font-size:clamp(4.1rem,15vw,6rem)}.hero-lead{font-size:.88rem;max-width:390px}.hero-actions{flex-wrap:wrap;gap:24px}.hero-side-note{left:18px;right:auto;bottom:15px;font-size:.47rem}.eyebrow{font-size:.61rem}.about{padding:90px 16px}.catalog{padding:84px 0}.section-head{display:block;margin-bottom:28px}.section-head>p{max-width:440px}.catalog-grid{grid-template-columns:1fr;gap:20px}.card-photo{height:360px}.showcase{min-height:0;background-position:center}.showcase:before,.showcase.reverse:before{background:rgba(4,4,4,.78)}.showcase-inner{display:flex;flex-direction:column;align-items:stretch;padding:66px 0 72px;gap:37px}.showcase.reverse .showcase-copy,.showcase.reverse .photo-carousel{order:initial}.showcase-copy{width:100%}.showcase-copy h2{font-size:clamp(3.3rem,12vw,4.9rem)}.photo-carousel{width:min(100%,410px);margin:0 auto}.carousel-frame{height:500px}.final-call{padding:92px 18px}.contact{padding:78px 0}.contact-inner{grid-template-columns:1fr;gap:24px}.contact-links .btn{width:100%}.footer-inner{flex-direction:column;gap:0;text-align:center}}
@media(max-width:380px){.hero h1{font-size:3.8rem}.carousel-frame{height:430px}.card-photo{height:320px}.btn{padding:12px 15px;letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-slide,.card-photo img,.btn{transition:none}}

/* # 15 - ASSINATURA ZNCODE NO RODAPÉ */
.footer .developer-credit{white-space:nowrap;color:var(--muted)}
.footer .developer-credit strong{font-weight:600;color:var(--gold-light)}
@media(max-width:700px){.footer .developer-credit{white-space:normal;margin-top:3px}}