/* STUDIO CORINA — A planta baixa */
:root{--papel:#e9e7e1;--papel2:#f1efea;--tinta:#14130f;--mut:#625d54;--mut2:#928c81;--acc:#c1502f;--linha:rgba(20,19,15,.55);--linha2:rgba(20,19,15,.16);--serif:"Syne","Hanken Grotesk",sans-serif;--sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",Menlo,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--sans);background:var(--papel);color:var(--tinta);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.pular{position:absolute;left:-999px}.pular:focus{left:12px;top:12px;z-index:99;background:var(--tinta);color:#fff;padding:8px 12px}

/* grade milimetrada */
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--linha2) 1px,transparent 1px),linear-gradient(90deg,var(--linha2) 1px,transparent 1px);background-size:64px 64px;opacity:.45}

.topo{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,48px);pointer-events:none}
.topo>*{pointer-events:auto}
.marca{font-family:var(--serif);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.legenda{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);display:flex;gap:28px}
.legenda a:hover{color:var(--acc)}

/* a planta */
.planta{--mx:clamp(16px,3vw,40px);--topo:clamp(64px,9vh,100px);--base:36px;--cel:calc((100vw - 2*var(--mx)) / 12);--celh:calc((100vh - var(--topo) - var(--base)) / 8);position:fixed;inset:0;padding:var(--topo) var(--mx) var(--base);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:0;perspective:1600px}
.sala{position:relative;border:1.5px solid var(--linha);margin:-.75px;background:rgba(241,239,234,.35);text-align:left;padding:clamp(8px,calc(var(--cel)*.18),20px);display:flex;flex-direction:column;justify-content:space-between;transition:background .5s var(--ease);overflow:hidden}
.sala:hover,.sala:focus-visible{background:rgba(241,239,234,.85)}
.sala .foto{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:0;transition:opacity .8s var(--ease);filter:saturate(.7)}
.sala:hover .foto,.sala:focus-visible .foto{opacity:.28}
.sala .nome{position:relative;font-family:var(--serif);font-weight:600;font-size:clamp(11px,calc(var(--cel) * .22),22px);line-height:1.05;letter-spacing:-.01em;max-width:14ch}
.sala .uso{position:relative;font-family:var(--mono);font-size:clamp(8px,calc(var(--cel)*.11),10px);letter-spacing:.18em;text-transform:uppercase;color:var(--mut2)}
/* porta: abertura na parede + arco */
.sala::before{content:"";position:absolute;right:24px;bottom:-1.5px;width:54px;height:3px;background:var(--papel)}
.sala::after{content:"";position:absolute;right:24px;bottom:0;width:54px;height:54px;border:1px solid var(--linha);border-color:var(--linha) transparent transparent transparent;border-radius:0 54px 0 0;transform-origin:right bottom;transform:rotate(0);transition:transform .6s var(--ease)}
.sala:hover::after{transform:rotate(14deg)}
.sala.esp .nome,.sala.esp .uso{color:var(--acc)}
.sala.esp{border-color:var(--acc)}

/* entrada: texto do hero dentro da planta */
.entrada{grid-column:1/6;grid-row:1/4;justify-content:flex-end}
.entrada h1{font-family:var(--serif);font-weight:700;font-size:clamp(20px,calc(var(--cel) * .62),64px);line-height:.98;letter-spacing:-.03em;margin-bottom:14px}
.entrada h1 em{font-style:normal;color:var(--acc)}
.entrada p{color:var(--mut);max-width:34ch;font-size:clamp(11px,calc(var(--cel)*.16),15px);line-height:1.5}
.entrada .dica{margin-top:16px;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut2)}
.r-interiores{grid-column:6/9;grid-row:1/3}
.r-plataforma{grid-column:9/13;grid-row:1/4}
.r-cenografia{grid-column:6/9;grid-row:3/5}
.r-renders{grid-column:9/13;grid-row:4/6}
.r-fotografia{grid-column:1/4;grid-row:4/9}
.r-workshop{grid-column:4/6;grid-row:4/9}
.r-juliana{grid-column:6/9;grid-row:5/9}
.r-juliana .foto{opacity:.9;object-position:50% 12%}
.r-juliana:hover .foto{opacity:1}
.r-juliana .nome,.r-juliana .uso{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.r-juliana .uso{color:rgba(255,255,255,.75)}
.r-contato{grid-column:9/11;grid-row:6/9}
.r-orcamento{grid-column:11/13;grid-row:6/9}
.cota{position:absolute;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--mut2);text-transform:uppercase}
.cota.norte{top:calc(var(--topo) - 18px);right:var(--mx)}
.cota.escala{bottom:12px;left:var(--mx)}

/* cômodo aberto */
.comodo{position:fixed;inset:0;z-index:30;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--papel);visibility:hidden;opacity:0;transform-origin:left center;transform:perspective(1800px) rotateY(-70deg);transition:transform .9s var(--ease),opacity .5s,visibility .9s}
.comodo.aberto{visibility:visible;opacity:1;transform:none}
.comodo-foto{position:relative;overflow:hidden;background:#d8d3c9}
.comodo-foto img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.comodo-foto .mais{position:absolute;left:0;right:0;bottom:0;display:flex;gap:2px;background:var(--papel)}
.comodo-foto .mais img{height:110px;flex:1;cursor:pointer;opacity:.7;transition:opacity .3s}
.comodo-foto .mais img:hover,.comodo-foto .mais img.on{opacity:1}
.comodo-texto{padding:clamp(80px,12vh,140px) clamp(28px,5vw,80px) 48px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}
.comodo-texto .uso{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--acc)}
.comodo-texto h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.4vw,52px);line-height:1;letter-spacing:-.025em}
.comodo-texto p{color:var(--mut);max-width:48ch;font-size:16px;line-height:1.7}
.comodo-texto p b{color:var(--tinta);font-weight:500}
.comodo-texto .lista{list-style:none;border-top:1px solid var(--linha2)}
.comodo-texto .lista li{padding:12px 0;border-bottom:1px solid var(--linha2);font-size:14px;color:var(--mut)}
.comodo-texto .lista b{display:block;color:var(--tinta);font-weight:500}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--acc);color:var(--acc);transition:background .3s,color .3s;align-self:flex-start}
.btn:hover{background:var(--acc);color:#fff}
.fechar{position:fixed;top:18px;right:clamp(20px,4vw,48px);z-index:40;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:10px 14px;border:1px solid var(--linha);background:var(--papel);visibility:hidden;opacity:0;transition:opacity .4s}
.fechar.on{visibility:visible;opacity:1}
.fechar:hover{border-color:var(--acc);color:var(--acc)}
.prox{display:flex;gap:24px;margin-top:auto;padding-top:28px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut2)}
.prox button:hover{color:var(--acc)}

/* formulário do cômodo Contato */
.form{display:grid;gap:14px;max-width:520px}
.form label{display:grid;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut2)}
.form input,.form textarea,.form select{font:inherit;font-family:var(--sans);font-size:15px;background:transparent;border:0;border-bottom:1px solid var(--linha);padding:10px 0;color:var(--tinta)}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--acc)}
.form .ok{font-size:14px;color:var(--mut)}
.canais{display:flex;flex-wrap:wrap;gap:22px;font-family:var(--serif);font-weight:600;font-size:18px}
.canais a:hover{color:var(--acc)}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}.comodo{transform:none}}
@media (max-width:700px), (orientation:portrait) and (max-width:900px){
  .planta{--cel:calc((100vw - 2*var(--mx)) / 6);grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(12,1fr)}
  .entrada{grid-column:1/7;grid-row:1/4}
  .r-interiores{grid-column:1/4;grid-row:4/6}
  .r-plataforma{grid-column:4/7;grid-row:4/6}
  .r-cenografia{grid-column:1/4;grid-row:6/8}
  .r-renders{grid-column:4/7;grid-row:6/8}
  .r-juliana{grid-column:1/4;grid-row:8/12}
  .r-fotografia{grid-column:4/7;grid-row:8/10}
  .r-workshop{grid-column:4/7;grid-row:10/12}
  .r-contato{grid-column:1/4;grid-row:12/13}
  .r-orcamento{grid-column:4/7;grid-row:12/13}
  .r-contato .nome,.r-orcamento .nome{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
  .entrada p{display:none}
  .sala .uso{display:none}
  .sala::before,.sala::after{display:none}
  .cota,.legenda{display:none}
  .comodo{grid-template-columns:1fr;grid-template-rows:38vh 1fr;overflow-y:auto}
  .comodo-foto .mais{display:none}
  .comodo-texto{padding-top:28px}
}

.mapa{border:1px solid var(--linha2);max-width:520px}.mapa iframe{display:block;width:100%;height:200px;border:0;filter:grayscale(1)}

/* ===== Identidade: Bodoni Moda (como o logo) ===== */
:root{--serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif}
.marca{display:flex;align-items:center;gap:12px;text-transform:none;letter-spacing:0}
.marca-icone{height:30px;width:auto}
.marca-texto{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1;letter-spacing:.06em;display:flex;flex-direction:column;align-items:center}
.marca-texto small{font-family:var(--sans);font-weight:400;font-size:8px;letter-spacing:.42em;text-transform:uppercase;color:var(--mut);margin-bottom:3px}
.entrada h1{font-weight:500;letter-spacing:.01em;line-height:1.02}
.entrada h1 em{color:var(--acc)}
.sala .nome{font-weight:500;letter-spacing:.01em}
.comodo-texto h2{font-weight:500;letter-spacing:.01em;line-height:1.05}
.canais{font-weight:500}
.marca-logo{height:44px;width:auto;mix-blend-mode:multiply}
.topo{mix-blend-mode:multiply}
.marca-logo{height:52px}
.entrada h1{text-transform:uppercase;letter-spacing:.04em;font-size:clamp(18px,calc(var(--cel) * .5),56px)}

/* ===== Paleta: off white + cinza chumbo ===== */
:root{--papel:#f4f3ef;--papel2:#faf9f6;--tinta:#2b2d30;--mut:#5c6065;--mut2:#8b8f94;--acc:#3a3d42;--linha:rgba(43,45,48,.6);--linha2:rgba(43,45,48,.14)}
.entrada h1 em{color:var(--acc)}
.sala.esp{border-color:var(--tinta);border-width:2px}
.sala.esp .nome,.sala.esp .uso{color:var(--tinta)}
.btn{border-color:var(--tinta);color:var(--tinta)}
.btn:hover{background:var(--tinta);color:var(--papel)}
.comodo-texto .uso{color:var(--mut)}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--tinta)}
.fechar:hover,.legenda a:hover,.canais a:hover,.prox button:hover{color:var(--tinta)}

/* ===== Fontes da marca ===== */
@font-face{font-family:"Against";src:url("../fonts/against.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Ace Sans";src:url("../fonts/acesans.otf") format("opentype");font-weight:400;font-display:swap}
:root{--serif:"Against","Bodoni Moda",Georgia,serif;--mono:"Ace Sans","JetBrains Mono",Menlo,monospace}
.entrada h1,.sala .nome,.comodo-texto h2,.canais{font-family:var(--serif);font-weight:400}
.entrada h1{letter-spacing:.06em}
.sala .uso,.cota,.legenda,.btn,.fechar,.prox,.comodo-texto .uso,.form label,.a-pular{font-family:var(--mono);letter-spacing:.28em}
.marca-logo{height:46px;mix-blend-mode:normal}
.topo{mix-blend-mode:normal}
.entrada h1{line-height:1.15}
.comodo-texto h2{line-height:1.15}
.sala .nome{line-height:1.2}
.entrada h1{font-size:clamp(16px,calc(var(--cel) * .4),48px);letter-spacing:.04em}
.entrada h1,.comodo-texto h2{line-height:1.28}.sala .nome{line-height:1.3}
.comodo-texto h2{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(24px,3vw,44px)}
.sala .nome{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(10px,calc(var(--cel) * .19),20px);line-height:1.35}
.sala .nome em{font-style:normal;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--tinta)}
.r-juliana .nome em{text-decoration-color:#fff}

/* ===== Mockups iMac + iPad (Plataforma) ===== */
.dispositivos{background:var(--papel);display:grid;place-items:center;padding:clamp(24px,5vw,72px) clamp(16px,4vw,56px);overflow:hidden}
.dispositivos{position:relative}
.imac{width:min(100%,640px);position:relative;filter:drop-shadow(0 30px 40px rgba(43,45,48,.18))}
.imac-tela{background:#0c0d0e;border-radius:14px 14px 0 0;padding:14px;position:relative}
.imac-tela::before{content:"";position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#2a2c2e;transform:translateX(-50%)}
.imac-tela img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:3px}
.imac-queixo{height:44px;background:linear-gradient(#e6e6e3,#cfcfcb);border-radius:0 0 12px 12px;position:relative}
.imac-queixo::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#dcdcd8,#b9b9b4)}
.imac-pe{width:22%;height:70px;margin:0 auto;background:linear-gradient(90deg,#c9c9c4,#e2e2de,#c9c9c4);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);position:relative;top:-1px}
.ipad{position:absolute;right:clamp(8px,4%,40px);bottom:clamp(16px,6%,56px);width:min(34%,220px);background:#0c0d0e;border-radius:18px;padding:10px;box-shadow:0 24px 40px rgba(43,45,48,.28);transform:rotate(-4deg)}
.ipad-tela{border-radius:8px;overflow:hidden;background:#000}
.ipad-tela video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
@media (max-width:900px){.dispositivos{padding:20px}.ipad{width:32%;bottom:8%}.imac-pe{height:40px}}
/* logo dentro da Entrada */
.entrada-marca{position:relative;display:block;width:clamp(120px,calc(var(--cel) * 2.2),300px);pointer-events:auto}
.entrada-marca img{width:100%;height:auto}
.planta{--topo:clamp(48px,7vh,72px)}
.topo .miolo{height:auto}
.topo{padding:18px clamp(20px,4vw,48px)}
@media (max-width:700px), (orientation:portrait) and (max-width:900px){.entrada-marca{width:44%}}
.entrada{justify-content:space-between;gap:8px}
.entrada h1{font-size:clamp(15px,calc(var(--cel) * .34),40px)}
.entrada p{font-size:clamp(10px,calc(var(--cel)*.14),14px)}
.entrada .dica{margin-top:8px}
/* Entrada: compacta, centralizada */
.entrada{justify-content:center;align-items:center;text-align:center;gap:clamp(10px,calc(var(--cel)*.22),28px)}
.entrada-marca{width:clamp(130px,calc(var(--cel) * 2.6),340px);margin:0}
.entrada h1{font-size:clamp(13px,calc(var(--cel) * .26),30px);letter-spacing:.14em;line-height:1.35;margin:0;color:var(--mut)}
.entrada h1 em{color:inherit}
.entrada .dica{margin:0;font-size:9px;letter-spacing:.3em;color:var(--mut2)}
.entrada::before,.entrada::after{display:none}
.entrada h1{font-family:var(--sans);font-weight:300;font-size:clamp(12px,calc(var(--cel) * .2),20px);letter-spacing:.22em;line-height:1.6;color:var(--tinta)}
.entrada h1 b{font-weight:600}
.entrada h1{white-space:nowrap;font-size:clamp(10px,calc(var(--cel) * .17),18px);letter-spacing:.2em}
/* ===== Porta de planta: vão na parede, folha e arco tracejado ===== */
.sala::before{content:"";position:absolute;right:24px;bottom:-1.5px;width:58px;height:3px;background:var(--papel);transform:none;border:0}
.sala::after{content:"";position:absolute;right:24px;bottom:0;width:56px;height:56px;border:0;border-top:1px dashed var(--linha);border-right:1px dashed var(--linha);border-radius:0 100% 0 0;transform-origin:left bottom;transform:none;transition:none;background:linear-gradient(var(--tinta),var(--tinta)) left bottom/2px 100% no-repeat}
.sala:hover::after{transform:none}
.sala.esp::after{border-color:var(--tinta)}
.entrada::before,.entrada::after{display:none}
/* ===== Porta: só no hover, com movimento de abertura ===== */
.sala::after{content:"";position:absolute;right:24px;bottom:-1.5px;width:56px;height:57.5px;border:0;border-top:1px dashed var(--linha);border-right:1px dashed var(--linha);border-radius:0 100% 0 0;background:linear-gradient(var(--papel),var(--papel)) left bottom/100% 3px no-repeat;opacity:0;transition:opacity .35s ease;transform:none}
.sala::before{content:"";position:absolute;right:calc(24px + 56px - 1px);bottom:0;width:2px;height:56px;background:var(--tinta);transform-origin:50% 100%;transform:rotate(90deg);opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .35s ease;border:0}
.sala:hover::after,.sala:focus-visible::after{opacity:1}
.sala:hover::before,.sala:focus-visible::before{opacity:1;transform:rotate(0deg)}
.sala.esp::after{border-color:var(--tinta)}
.entrada::before,.entrada::after{display:none}
@media (prefers-reduced-motion:reduce){.sala::before{transition:none}}
/* porta espelhada, menor, afastada do canto */
.sala::after{width:40px;height:41.5px;right:44px;border-right:0;border-left:1px dashed var(--linha);border-radius:100% 0 0 0;background:linear-gradient(var(--papel),var(--papel)) left bottom/100% 3px no-repeat}
.sala.esp::after{border-color:var(--tinta)}
.sala::before{right:44px;height:40px;transform:rotate(-90deg)}
.sala:hover::before,.sala:focus-visible::before{transform:rotate(0deg)}
/* porta flutuando perto do canto, sem tocar as paredes */
.sala::after{right:16px;bottom:14px;width:36px;height:36px;background:none;border-bottom:1px solid var(--linha)}
.sala::before{right:16px;bottom:14px;height:36px}
/* cômodo abre como a porta do ícone: dobradiça à direita */
.comodo{transform-origin:right center;transform:perspective(1800px) rotateY(70deg)}
.comodo.aberto{transform:none}
/* linha de base (parede) da porta sempre visível durante a abertura */
.sala::after{border-bottom:1.5px solid var(--tinta);height:37px}
.sala::before{bottom:15px;height:35px;transform-origin:50% 100%}
/* ===== Antes e depois (Renderização) ===== */
.antes-depois{--pos:50%;position:relative;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none}
.antes-depois>img{width:100%;height:100%;object-fit:cover;display:block}
.ad-antes{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ad-antes img{width:100%;height:100%;object-fit:cover;display:block}
.ad-linha{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;margin-left:-.5px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.35)}
.ad-linha::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:44px;background:#fff;border-radius:2px}
.ad-rotulo{position:absolute;top:18px;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#fff;background:rgba(43,45,48,.6);padding:6px 10px;pointer-events:none}
.ad-a{left:18px}.ad-d{right:18px}
/* giro invertido: dobradiça à direita, folha vem de trás para a frente */
.comodo{transform-origin:right center;transform:perspective(1800px) rotateY(-70deg)}
.comodo.aberto{transform:none}

/* ===== Elementos de planta: cotas, norte, escala, mobiliário ===== */
.mob{position:absolute;inset:0;width:100%;height:100%;padding:18% 12%;fill:none;stroke:var(--tinta);stroke-width:1;opacity:.16;pointer-events:none;transition:opacity .4s}
.sala:hover .mob{opacity:0}
.cota-h,.cota-v{position:absolute;display:flex;align-items:center;font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--mut2);pointer-events:none}
.cota-h{left:var(--mx);right:var(--mx);top:calc(var(--topo) - 22px);height:10px}
.cota-h i{flex:0 0 1px;height:10px;background:var(--linha)}
.cota-h span{flex:1;text-align:center;border-top:1px solid var(--linha);line-height:0;padding-top:0;position:relative;top:-4px}
.cota-h span::after{content:attr(data-x)}
.cota-v{top:var(--topo);bottom:var(--base);left:calc(var(--mx) - 22px);width:10px;flex-direction:column}
.cota-v i{flex:0 0 1px;width:10px;background:var(--linha)}
.cota-v span{flex:1;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;border-right:1px solid var(--linha);position:relative;left:-4px;line-height:0}
.cota-h span:nth-of-type(1){flex:5}.cota-h span:nth-of-type(2){flex:3}.cota-h span:nth-of-type(3){flex:4}
.cota-v span:nth-of-type(1){flex:3}.cota-v span:nth-of-type(2){flex:5}
.norte{position:absolute;right:calc(var(--mx) + 4px);top:8px;width:22px;height:34px;color:var(--mut);pointer-events:none}
.escala-grafica{position:absolute;right:var(--mx);bottom:11px;display:flex;align-items:center;gap:0;font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--mut2);pointer-events:none}
.escala-grafica i{width:28px;height:5px;border:1px solid var(--linha);margin:0 4px}
.escala-grafica i.b{background:var(--tinta);border-color:var(--tinta)}
/* cômodo: giro invertido */
.comodo{transform-origin:right center;transform:perspective(1800px) rotateY(-70deg)}
.comodo.aberto{transform:none}
@media (max-width:700px), (orientation:portrait) and (max-width:900px){.cota-h,.cota-v,.norte,.escala-grafica,.mob{display:none}}
/* porta: só arco tracejado + folha */
.sala::after{border-bottom:0;height:36px}
.sala::before{bottom:14px;height:36px}

/* ===== Cômodo como pop-up modal com moldura de régua ===== */
.comodo{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:clamp(28px,5vh,56px) clamp(28px,5vw,64px);background:rgba(43,45,48,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:none!important;transform-origin:center;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility .45s}
.comodo.aberto{visibility:visible;opacity:1}
.comodo .modal{position:relative;width:min(1240px,100%);height:min(100%,820px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--papel);overflow:hidden;transform:scale(.94) translateY(12px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease;box-shadow:0 40px 80px rgba(20,22,24,.35)}
.comodo.aberto .modal{transform:none;opacity:1}
/* réguas: ticks a cada 8px (1 m) e maiores a cada 40px, nas quatro bordas */
.comodo .modal::before,.comodo .modal::after{content:"";position:absolute;pointer-events:none;z-index:5}
.comodo .modal::before{left:0;right:0;top:0;height:14px;background:
  repeating-linear-gradient(90deg,var(--tinta) 0 1px,transparent 1px 8px) left bottom/100% 5px no-repeat,
  repeating-linear-gradient(90deg,var(--tinta) 0 1px,transparent 1px 40px) left bottom/100% 10px no-repeat,
  linear-gradient(var(--tinta),var(--tinta)) left bottom/100% 1px no-repeat;
  background-color:var(--papel);border-bottom:0}
.comodo .modal::after{top:0;bottom:0;left:0;width:14px;background:
  repeating-linear-gradient(180deg,var(--tinta) 0 1px,transparent 1px 8px) right top/5px 100% no-repeat,
  repeating-linear-gradient(180deg,var(--tinta) 0 1px,transparent 1px 40px) right top/10px 100% no-repeat,
  linear-gradient(var(--tinta),var(--tinta)) right top/1px 100% no-repeat;
  background-color:var(--papel)}
.comodo .modal{border:1px solid var(--tinta)}
.comodo .comodo-foto{margin:14px 0 0 14px}
.comodo .comodo-texto{padding-top:clamp(40px,6vh,72px)}
.fechar{top:auto;right:auto;position:absolute}
.comodo.aberto ~ .fechar,.fechar.on{position:fixed;top:clamp(28px,5vh,56px);right:clamp(28px,5vw,64px);transform:translate(-14px,-50%);z-index:40;background:var(--papel)}
@media (max-width:900px){.comodo{padding:12px}.comodo .modal{height:100%;grid-template-columns:1fr;grid-template-rows:40vh 1fr;overflow-y:auto}}
.comodo{grid-template-columns:1fr;grid-template-rows:1fr}
.comodo .modal{transform-origin:0 0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.comodo .modal.sem-transicao{transition:none}
.fechar,.fechar.on{position:fixed;top:clamp(28px,5vh,56px);right:clamp(28px,5vw,64px);transform:translateY(-50%);z-index:40;background:var(--papel)}
@media (max-width:900px){.fechar,.fechar.on{top:12px;right:12px;transform:none}}

/* ===== Modal: bordas iguais às da planta (parede + cotas), abrindo do centro ===== */
.comodo .modal{border:1.5px solid var(--tinta);overflow:visible;transform-origin:center center;transform:scale(.55);opacity:0;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .4s ease;box-shadow:0 40px 80px rgba(20,22,24,.3)}
.comodo.aberto .modal{transform:scale(1);opacity:1}
.comodo .modal>*{overflow:hidden}
.comodo .comodo-foto{margin:0}
.comodo .comodo-texto{padding-top:clamp(40px,6vh,72px);overflow-y:auto}
/* cota superior e cota lateral, como na planta */
.comodo .modal::before{content:"12,00";left:0;right:0;top:-22px;height:10px;width:auto;background:none;border:0;border-top:1px solid var(--linha);font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--mut2);text-align:center;line-height:0;box-shadow:inset 1px 0 var(--linha),inset -1px 0 var(--linha)}
.comodo .modal::after{content:"8,00";top:0;bottom:0;left:-22px;width:10px;height:auto;background:none;border:0;border-left:1px solid var(--linha);font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--mut2);writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;line-height:0;box-shadow:inset 0 1px var(--linha),inset 0 -1px var(--linha)}
.comodo{background:rgba(244,243,239,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
@media (max-width:900px){.comodo .modal::before,.comodo .modal::after{display:none}.comodo .modal{overflow:hidden}}

/* ===== Contato como planta de apartamento ===== */
.comodo.apto .modal{display:block;background:var(--papel)}
.planta-apto{position:relative;height:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);background-image:linear-gradient(var(--linha2) 1px,transparent 1px),linear-gradient(90deg,var(--linha2) 1px,transparent 1px);background-size:48px 48px}
.ap{position:relative;border:1.5px solid var(--linha);margin:-.75px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:var(--tinta);background:transparent;transition:background .4s}
.ap:hover{background:rgba(255,255,255,.6)}
.ap .uso{font-family:var(--mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut2)}
.ap .nome{font-family:var(--serif);font-size:clamp(18px,2vw,28px);text-transform:uppercase;letter-spacing:.06em;line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.ap .sub{font-size:12px;color:var(--mut);margin-top:6px}
.ap h2{font-size:clamp(22px,2.6vw,36px);margin:8px 0 14px}
.ap p{font-size:14px;color:var(--mut);line-height:1.6}
.ap.esp{border-color:var(--tinta);border-width:2px}
.ap-sala{grid-column:1/4;grid-row:1/5}
.ap-sala .mapa{flex:1;margin-top:0;min-height:0}
.ap-sala .mapa iframe{height:100%;min-height:180px}
.ap-whats{grid-column:4/6;grid-row:1/3}
.ap-insta{grid-column:6/7;grid-row:1/3}
.ap-mail{grid-column:4/7;grid-row:3/4}
.ap-varanda{grid-column:4/6;grid-row:4/5}
.ap-orc{grid-column:6/7;grid-row:4/5}
/* portas nos ambientes, só no hover */
.ap::after{content:"";position:absolute;right:14px;bottom:12px;width:28px;height:28px;border-left:1px dashed var(--linha);border-top:1px dashed var(--linha);border-radius:100% 0 0 0;opacity:0;transition:opacity .35s}
.ap::before{content:"";position:absolute;right:14px;bottom:12px;width:2px;height:28px;background:var(--tinta);transform-origin:50% 100%;transform:rotate(-90deg);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .35s}
.ap:hover::after{opacity:1}.ap:hover::before{opacity:1;transform:rotate(0)}
@media (max-width:900px){.planta-apto{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.ap{min-height:120px}.ap-sala{grid-column:1/3;grid-row:auto}.ap-whats,.ap-insta,.ap-mail,.ap-varanda,.ap-orc{grid-column:auto;grid-row:auto}.ap-mail{grid-column:1/3}}
/* fechar: só um × quadrado no canto, estilo janela antiga */
.fechar,.fechar.on{display:none}
.modal .x{position:absolute;top:0;right:0;z-index:20;width:30px;height:30px;border-left:1.5px solid var(--tinta);border-bottom:1.5px solid var(--tinta);background:var(--papel);color:var(--tinta);font:22px/1 "Hanken Grotesk",Arial,sans-serif;display:grid;place-items:center;padding:0 0 3px;cursor:pointer;transition:background .2s,color .2s}
.modal .x:hover{background:var(--tinta);color:var(--papel)}
.modal .x:focus-visible{outline:2px solid var(--tinta);outline-offset:-4px}
.ap h2{font-family:var(--serif);text-transform:uppercase;letter-spacing:.06em;font-weight:400}
/* Orçamento compacto: sem rolagem */
#c-orcamento .comodo-texto{padding-top:clamp(28px,4vh,44px);gap:10px;justify-content:flex-start}
#c-orcamento h2{font-size:clamp(20px,2.2vw,30px)}
#c-orcamento .comodo-texto>p{font-size:14px;line-height:1.45;margin:0}
#c-orcamento .form{gap:6px;max-width:none}
#c-orcamento .form label{gap:2px;font-size:9px}
#c-orcamento .form input,#c-orcamento .form select,#c-orcamento .form textarea{padding:6px 0;font-size:14px}
#c-orcamento .form textarea{min-height:0;height:52px;resize:none}
#c-orcamento .form .duas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#c-orcamento .btn{margin-top:8px;padding:11px 22px}
/* cores das redes no hover */
.ap-whats:hover{background:#25D366;border-color:#25D366;color:#fff}
.ap-whats:hover .uso{color:rgba(255,255,255,.8)}
.ap-insta:hover{background:linear-gradient(45deg,#f9ce34 0%,#ee2a7b 50%,#6228d7 100%);border-color:#ee2a7b;color:#fff}
.ap-insta:hover .uso{color:rgba(255,255,255,.85)}
.ap-whats:hover::before,.ap-insta:hover::before{background:#fff}
.ap-whats:hover::after,.ap-insta:hover::after{border-color:rgba(255,255,255,.8)}

/* ===== Portfólio ===== */
.r-fotografia{grid-row:4/7}
.r-portfolio{grid-column:1/4;grid-row:7/9}
.comodo.galeria .modal{display:block}
.portfolio{height:100%;display:flex;flex-direction:column;padding:clamp(24px,4vh,40px) clamp(24px,4vw,44px);gap:16px}
.portfolio-cabeca{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.portfolio-cabeca .uso{font-family:var(--mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut2)}
.portfolio-cabeca h2{font-family:var(--serif);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(22px,2.6vw,36px);font-weight:400}
.portfolio-cabeca p{font-size:13px;color:var(--mut);margin-left:auto}
.grade{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-auto-flow:dense;gap:10px}
.obra{position:relative;margin:0;overflow:hidden;background:var(--concreto);cursor:zoom-in;border:1px solid var(--linha2)}
.obra img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:filter .5s,transform .8s var(--ease)}
.obra:hover img{filter:saturate(1);transform:scale(1.03)}
.obra.alta{grid-row:span 2}.obra.larga{grid-column:span 2}
.obra figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(to top,rgba(43,45,48,.75),transparent);color:#fff;font-size:12px;line-height:1.3;opacity:0;transition:opacity .3s}
.obra:hover figcaption{opacity:1}
.obra figcaption b{display:block;font-family:var(--serif);font-weight:400;font-size:15px;text-transform:uppercase;letter-spacing:.05em}
.obra figcaption span{color:rgba(255,255,255,.75)}
.portfolio .prox{margin-top:0}
.ampliar{position:absolute;inset:0;z-index:50;background:rgba(43,45,48,.92);display:grid;place-items:center;cursor:zoom-out;padding:4vh 4vw}
.ampliar img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.ampliar-x{position:absolute;top:16px;right:16px;color:#fff;font-size:28px;width:40px;height:40px;border:1px solid rgba(255,255,255,.5)}
@media (max-width:900px){.r-portfolio{grid-column:1/4;grid-row:9/10}.r-fotografia{grid-column:4/7;grid-row:8/10}.grade{grid-template-columns:1fr 1fr;grid-auto-rows:140px}.portfolio{height:auto}}
/* modais: todos do mesmo tamanho, centralizados */
.comodo{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;padding:clamp(40px,7vh,72px) clamp(40px,6vw,80px)}
.comodo .modal{width:100%;max-width:1240px;height:100%;max-height:800px;box-sizing:border-box}
.comodo.apto .modal,.comodo.galeria .modal{display:block}
.portfolio{height:100%;box-sizing:border-box}
.ampliar[hidden]{display:none}
@media (max-width:900px){.comodo{padding:12px}.comodo .modal{max-height:none}}
/* modais: mesmo tamanho exato, ocupando a tela com margem pequena */
.comodo{padding:28px clamp(28px,4vw,56px) 24px}
.comodo .modal{width:100%;max-width:none;height:100%;max-height:none}
.comodo .modal::before{top:-16px}
.comodo .modal::after{left:-16px}
.ampliar{background:rgba(43,45,48,.92)}
@media (max-width:900px){.comodo{padding:10px}}
.comodo .modal{height:calc(100vh - 52px);height:calc(100svh - 52px)}
@media (max-width:900px){.comodo .modal{height:calc(100svh - 20px)}}
.r-juliana::before{background:#fff}.r-juliana::after{border-color:rgba(255,255,255,.85)}

/* ===== Modais: tipografia padrão e compacta ===== */
.comodo-texto{gap:14px;padding:clamp(32px,5vh,56px) clamp(24px,4vw,56px) 32px}
.comodo-texto .uso{font-size:9px;letter-spacing:.26em}
.comodo-texto h2{font-size:clamp(22px,2.6vw,36px);line-height:1.15;margin:0}
.comodo-texto p{font-size:15px;line-height:1.5;max-width:52ch}
.comodo-texto .lista li{padding:8px 0;font-size:13px;line-height:1.4}
.comodo-texto .lista b{font-size:14px}
.comodo-texto .btn{padding:11px 22px;font-size:10px}
.comodo-texto .prox{padding-top:16px;font-size:9px}
.form{gap:6px}.form label{gap:2px;font-size:9px;min-width:0}
.form input,.form select,.form textarea{padding:7px 0;font-size:14px;width:100%;min-width:0;box-sizing:border-box}
.form .duas{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .ok{font-size:13px}
.plataforma p,.workshop p{font-size:15px}

/* ===== Mobile: planta em 2 colunas (masonry) e modais compactos ===== */
@media (max-width:700px), (orientation:portrait) and (max-width:900px){
  html,body{overflow:auto;height:auto}
  .planta{position:static;height:auto;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(120px,auto);grid-auto-flow:dense;gap:0;padding:calc(var(--topo) + 4px) 14px 28px}
  .sala,.entrada{grid-column:auto!important;grid-row:auto!important;min-height:150px;padding:14px 14px 12px}
  .entrada{grid-column:1/3!important;min-height:230px;justify-content:center}
  .entrada-marca{width:60%}
  .entrada h1{font-size:11px;letter-spacing:.18em;white-space:normal}
  .r-plataforma,.r-juliana{grid-row:span 2!important;min-height:300px}
  .r-juliana{grid-column:2/3!important}
  .r-portfolio{grid-column:1/3!important;min-height:150px}
  .r-orcamento{min-height:150px}
  .sala .uso{display:block;font-size:8px}
  .sala .nome{font-size:15px}
  .sala .foto{opacity:.10}
  .r-juliana .foto{opacity:.9}
  .sala::before,.sala::after{display:block}
  .cota,.cota-h,.cota-v,.norte,.escala-grafica,.legenda{display:none}
  .topo{padding:14px}
  .comodo{padding:10px}
  .comodo .modal{height:calc(100svh - 20px);grid-template-columns:1fr;grid-template-rows:32svh 1fr;overflow:hidden}
  .comodo .modal::before,.comodo .modal::after{display:none}
  .comodo .comodo-foto{min-height:0}
  .comodo .comodo-foto .mais{display:none}
  .comodo-texto{padding:16px 16px 20px;gap:10px;overflow-y:auto}
  .comodo-texto h2{font-size:20px;line-height:1.15}
  .comodo-texto p{font-size:14px;line-height:1.45}
  .comodo-texto .lista li{padding:6px 0;font-size:12.5px}
  .comodo-texto .lista b{font-size:13px}
  .form .duas{gap:10px}
  .form input,.form select,.form textarea{font-size:13px;padding:6px 0}
  #c-orcamento .comodo-texto{padding-top:12px}
  .dispositivos{padding:12px}.ipad{width:34%}
  .comodo.apto .modal,.comodo.galeria .modal{grid-template-rows:1fr;overflow-y:auto}
  .planta-apto{height:auto;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(110px,auto)}
  .ap{padding:12px}.ap .nome{font-size:16px}.ap-sala{grid-column:1/3;grid-row:auto;min-height:280px}
  .ap-whats,.ap-insta,.ap-varanda,.ap-orc{grid-column:auto;grid-row:auto}.ap-mail{grid-column:1/3}
  .portfolio{padding:16px;gap:12px}.grade{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
  .portfolio-cabeca p{display:none}
  .modal .x{width:34px;height:34px}
  .a-frase{font-size:24px}
}
.idioma{display:inline-flex;gap:2px;margin-left:8px;border:1px solid var(--linha);padding:2px}
.idioma button{font-family:var(--mono);font-size:9px;letter-spacing:.14em;padding:4px 7px;color:var(--mut2)}
.idioma button.on{background:var(--tinta);color:var(--papel)}
@media (max-width:700px), (orientation:portrait) and (max-width:900px){.legenda{display:flex;gap:14px;font-size:9px}.legenda a{display:none}.idioma{margin:0}}

/* ===== Nova distribuição: Renderização 3:4 com antes e depois, corredor de Contato ===== */
@media (min-width:701px) and (orientation:landscape), (min-width:901px){
  .r-plataforma{grid-column:9/12;grid-row:1/4}
  .r-renders{grid-column:9/12;grid-row:4/8}
  .r-orcamento{grid-column:9/12;grid-row:8/9}
  .r-contato{grid-column:12/13;grid-row:1/9}
  .r-fotografia{grid-column:1/4;grid-row:4/7}
  .r-portfolio{grid-column:1/4;grid-row:7/9}
  .r-workshop{grid-column:4/6;grid-row:4/9}
  .r-contato{padding:14px 0;align-items:center}
  .r-contato .uso{display:none}
  .r-contato .nome{writing-mode:vertical-rl;transform:rotate(180deg);text-decoration:none;font-size:clamp(10px,calc(var(--cel)*.16),16px);letter-spacing:.2em;max-width:none}
  .r-contato::before,.r-contato::after{display:none}
  .r-orcamento{flex-direction:row;align-items:center;justify-content:space-between}
  .r-orcamento .uso{order:2}
}
/* antes e depois no bloco de renderização (segue o mouse) */
.r-renders{--pos:50%}
.r-renders .foto{opacity:.85;filter:saturate(.6)}
.r-renders .ad-antes{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);opacity:.85;transition:opacity .4s}
.r-renders .ad-antes img{width:100%;height:100%;object-fit:cover;object-position:62% 45%}
.r-renders .foto{object-position:62% 45%}
.r-renders .ad-linha{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;margin-left:-.5px;background:var(--tinta);opacity:.6}
.r-renders .ad-linha::after{display:none}
.r-renders:hover .foto{opacity:1;filter:saturate(.8)}
.r-renders .uso,.r-renders .nome{position:relative;z-index:2;background:rgba(244,243,239,.75);padding:2px 6px;margin-left:-6px;align-self:flex-start}
.r-renders .nome{text-decoration-color:var(--tinta)}
/* benefícios */
.beneficios{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:4px 0;padding:0}
.beneficios li{display:grid;gap:4px;font-size:12px;line-height:1.4;color:var(--mut);padding-top:10px;border-top:1px solid var(--linha2)}
.beneficios svg{width:26px;height:26px;fill:none;stroke:var(--tinta);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.beneficios b{font-size:13px;color:var(--tinta);font-weight:500}
@media (max-width:700px){.beneficios{grid-template-columns:1fr 1fr 1fr;gap:8px}.beneficios li{font-size:11px}.beneficios span{display:none}}

/* ===== Mobile: planta inteira na tela, sem rolagem ===== */
@media (max-width:700px), (orientation:portrait) and (max-width:900px){
  html,body{overflow:hidden;height:100%}
  .planta{position:fixed;inset:0;height:100svh;min-height:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(13,1fr);grid-auto-flow:row;gap:0;padding:calc(var(--topo) - 8px) 10px 10px}
  .sala,.entrada{min-height:0!important;padding:8px 9px 8px}
  .entrada{grid-column:1/7!important;grid-row:1/3!important;gap:6px}
  .entrada-marca{width:46%}
  .entrada h1{font-size:9px;letter-spacing:.16em}
  .entrada .dica{display:none}
  .r-interiores{grid-column:1/4!important;grid-row:3/6!important}
  .r-plataforma{grid-column:4/7!important;grid-row:3/6!important}
  .r-cenografia{grid-column:1/4!important;grid-row:6/8!important}
  .r-renders{grid-column:4/7!important;grid-row:6/9!important}
  .r-juliana{grid-column:1/4!important;grid-row:8/11!important}
  .r-fotografia{grid-column:4/7!important;grid-row:9/11!important}
  .r-portfolio{grid-column:1/3!important;grid-row:11/13!important}
  .r-workshop{grid-column:3/5!important;grid-row:11/13!important}
  .r-orcamento{grid-column:5/7!important;grid-row:11/13!important;flex-direction:column;align-items:flex-start}
  .r-contato{grid-column:1/7!important;grid-row:13/14!important;flex-direction:row;align-items:center;justify-content:center;padding:0}
  .r-contato .nome{writing-mode:horizontal-tb;transform:none;font-size:11px;letter-spacing:.2em;text-decoration:none}
  .sala .uso{display:none}
  .sala .nome{font-size:clamp(10px,3.2vw,13px);line-height:1.25;letter-spacing:.04em}
  .sala .foto{opacity:.10}.r-juliana .foto{opacity:.9}
  .r-renders .uso,.r-renders .nome{background:none;padding:0;margin:0}
  .sala::before,.sala::after{display:none}
  .topo{padding:12px 10px}
}
.topo-icone{display:block;height:34px}.topo-icone img{height:100%;width:auto}
@media (max-width:700px), (orientation:portrait) and (max-width:900px){.topo-icone{height:26px}}

/* ===== CMS: filtros, cookies, chat, privacidade ===== */
.filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.filtros button{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--linha2);color:var(--mut)}
.filtros button.on{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.ver-mais{align-self:center;margin-top:8px}
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;background:var(--papel);border:1.5px solid var(--tinta);padding:14px 16px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 20px 50px rgba(43,45,48,.2);max-width:820px;margin:0 auto}
.cookies p{margin:0;font-size:13px;color:var(--mut);flex:1;min-width:220px}.cookies a{text-decoration:underline;color:var(--tinta)}
.cookies div{display:flex;gap:8px}.cookies .btn{padding:9px 14px;font-size:9px}
.privacidade{position:fixed;inset:0;z-index:95;background:rgba(43,45,48,.5);display:grid;place-items:center;padding:20px}
.priv-caixa{position:relative;background:var(--papel);border:1.5px solid var(--tinta);max-width:720px;max-height:88svh;overflow:auto;padding:36px 32px}
.priv-caixa h2{font-family:var(--serif);text-transform:uppercase;letter-spacing:.05em;font-size:22px;font-weight:400;margin:0 0 14px}
.priv-caixa p{font-size:14px;line-height:1.55;color:var(--mut);margin:0 0 10px}.priv-caixa b{color:var(--tinta);font-weight:500}
.chat{position:fixed;right:18px;bottom:18px;z-index:85}
.chat-abrir{font-family:var(--mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;background:var(--tinta);color:var(--papel);padding:12px 16px;border:1.5px solid var(--tinta)}
.chat-janela{position:absolute;right:0;bottom:0;width:min(340px,calc(100vw - 36px));height:440px;background:var(--papel);border:1.5px solid var(--tinta);display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(43,45,48,.25)}
.chat-janela header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--linha2);font-family:var(--serif);letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.chat-x{font-size:20px;line-height:1}
.chat-msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.chat-msgs .m{max-width:85%;padding:8px 11px;font-size:13px;line-height:1.4;border:1px solid var(--linha2)}
.chat-msgs .m.bot{align-self:flex-start;background:#fff}.chat-msgs .m.eu{align-self:flex-end;background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.chat-form{display:flex;border-top:1px solid var(--linha2)}.chat-form input{flex:1;border:0;background:transparent;padding:12px;font:inherit;font-size:14px;color:var(--tinta)}.chat-form input:focus{outline:none}.chat-form button{padding:0 14px;font-size:16px}
@media (max-width:700px){.chat{right:10px;bottom:10px}.chat-abrir{padding:10px 12px}.chat-janela{height:min(70svh,440px)}.cookies{left:10px;right:10px;bottom:10px;padding:10px 12px}}

/* ===== Header acima de tudo, com respiro ===== */
.topo{z-index:60;background:linear-gradient(var(--papel) 70%,transparent)}
.planta{--topo:clamp(80px,11vh,110px)}
.cota-h{top:calc(var(--topo) - 20px)}
/* ===== Mockups modernos: iMac 24" e iPad Pro ===== */
.dispositivos{padding:clamp(20px,4vw,56px) clamp(16px,3vw,48px)}
.imac{width:min(100%,680px);filter:drop-shadow(0 40px 50px rgba(43,45,48,.22))}
.imac-tela{background:#0b0c0d;border-radius:14px 14px 0 0;padding:8px 8px 0;position:relative}
.imac-tela::before{display:none}
.imac-cam{position:absolute;top:3px;left:50%;width:4px;height:4px;border-radius:50%;background:#2a2c2e;transform:translateX(-50%)}
.imac-tela img{border-radius:8px 8px 0 0}
.imac-queixo{height:38px;background:linear-gradient(180deg,#f2f2f0,#dcdcd8);border-radius:0 0 12px 12px}
.imac-queixo::after{display:none}
.imac-pe{width:6%;height:52px;margin:0 auto;background:linear-gradient(90deg,#d9d9d5,#f0f0ee,#d9d9d5);clip-path:none;border-radius:0}
.imac-base{width:34%;height:8px;margin:0 auto;background:linear-gradient(180deg,#e8e8e5,#c9c9c4);border-radius:0 0 6px 6px}
.ipad{width:min(30%,210px);border-radius:16px;padding:8px;background:#141516;box-shadow:0 30px 50px rgba(43,45,48,.35),inset 0 0 0 1px rgba(255,255,255,.08);transform:rotate(-5deg)}
.ipad-tela{border-radius:9px}
.ipad::after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 40%);pointer-events:none}
/* ===== Plataforma: conteúdo completo ===== */
.passos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.passos li{font-size:12px;line-height:1.4;color:var(--mut)}.passos b{display:block;font-size:13px;color:var(--tinta);font-weight:500;margin-bottom:2px}
.para-quem{font-size:13px!important;color:var(--mut);border-left:2px solid var(--tinta);padding-left:12px}
.para-quem b{color:var(--tinta);font-weight:500}
.acoes-plat{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nota-plat{font-size:12px;color:var(--mut2)}
#c-plataforma .comodo-texto{gap:12px}
#c-plataforma .beneficios span{display:none}
@media (max-width:700px){.passos{grid-template-columns:1fr;gap:6px}.passos li{font-size:12px}.passos b{display:inline;margin-right:4px}.para-quem{display:none}.imac-pe{height:30px}}
/* hidden sempre vence */
[hidden]{display:none!important}
.r-plataforma .foto{object-position:70% 50%}
body:has(.comodo.aberto) .chat,body:has(.comodo.aberto) .cookies{display:none}
.imac-tela video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:8px 8px 0 0;background:#000}

/* ===== Modal menor, longe do header ===== */
.comodo{padding:calc(var(--topo) + 8px) clamp(48px,8vw,120px) 36px;align-items:start}
.comodo .modal{height:calc(100svh - var(--topo) - 44px);max-height:760px;max-width:1120px;margin:0 auto}
@media (max-width:900px){.comodo{padding:calc(var(--topo) - 10px) 10px 10px}.comodo .modal{height:calc(100svh - var(--topo));max-height:none}}
/* ===== Selos de reconhecimento ===== */
.selos{list-style:none;padding:0;margin:4px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.selos li{border-top:1px solid var(--linha2);padding-top:10px;display:grid;gap:2px;min-width:0}
.selos span{display:block;font-size:14px;letter-spacing:.02em;color:var(--tinta);line-height:1.1}
.selo-vogue span{font-family:var(--serif);font-size:17px;text-transform:uppercase;letter-spacing:.04em}
.selo-casacor span{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.12em}
.selo-pq span{font-family:var(--sans);font-weight:300;font-size:13px;text-transform:uppercase;letter-spacing:.14em}
.selo-milao span{font-family:var(--serif);font-size:14px;letter-spacing:.06em}
.selos small{font-size:10.5px;color:var(--mut2);line-height:1.3}
.selos img{height:26px;width:auto;object-fit:contain;filter:grayscale(1)}
.selos li.com-logo span{display:none}
@media (max-width:700px){.selos{grid-template-columns:1fr 1fr}}

/* ===== Modais: caixa única, sempre abaixo do header ===== */
:root{--header-h:72px}
.topo{height:var(--header-h);box-sizing:border-box;display:flex;align-items:center}
.comodo{padding:calc(var(--header-h) + 16px) clamp(48px,8vw,120px) 24px;align-items:start;justify-items:center}
.comodo .modal,.comodo.apto .modal,.comodo.galeria .modal{width:100%;max-width:1120px;height:calc(100svh - var(--header-h) - 40px);max-height:760px;margin:0;overflow:hidden}
.comodo.apto .modal,.comodo.galeria .modal{overflow-y:auto}
.planta-apto{min-height:100%}
@media (max-width:900px){
  :root{--header-h:56px}
  .topo{padding:0 10px}
  .comodo{padding:calc(var(--header-h) + 10px) 10px 10px}
  .comodo .modal,.comodo.apto .modal,.comodo.galeria .modal{height:calc(100svh - var(--header-h) - 20px);max-height:none}
  .planta-apto{grid-template-rows:auto;min-height:0}
}

/* ===== Mobile: sem wordmark na entrada, elementos de planta sutis ===== */
@media (max-width:700px), (orientation:portrait) and (max-width:900px){
  .entrada-marca{display:none}
  .entrada{grid-row:1/3!important}
  .entrada h1{font-size:12px;letter-spacing:.2em;color:var(--tinta)}
  .entrada .dica{display:block;font-size:8px;margin-top:6px}
  .planta{padding:calc(var(--header-h) + 22px) 22px 22px 22px}
  .cota-h,.cota-v,.escala-grafica,.norte{display:flex;opacity:.7}
  .cota-h{left:22px;right:22px;top:calc(var(--header-h) + 8px);height:8px;font-size:6px}
  .cota-h i{height:8px}.cota-h span{top:-3px}
  .cota-v{top:calc(var(--header-h) + 22px);bottom:22px;left:8px;width:8px;font-size:6px}
  .cota-v i{width:8px}.cota-v span{left:-3px}
  .norte{display:block;right:6px;top:calc(var(--header-h) - 6px);width:12px;height:20px}
  .escala-grafica{right:22px;bottom:6px;font-size:6px}.escala-grafica i{width:16px;height:3px;margin:0 2px}
  .cota.escala{display:block;left:22px;bottom:6px;font-size:6px;letter-spacing:.14em}
}

/* ===== Mobile: sem o bloco da Entrada ===== */
@media (max-width:700px), (orientation:portrait) and (max-width:900px){
  .entrada{display:none}
  .planta{grid-template-rows:repeat(11,1fr)}
  .r-interiores{grid-row:1/4!important}.r-plataforma{grid-row:1/4!important}
  .r-cenografia{grid-row:4/6!important}.r-renders{grid-row:4/7!important}
  .r-juliana{grid-row:6/9!important}.r-fotografia{grid-row:7/9!important}
  .r-portfolio,.r-workshop,.r-orcamento{grid-row:9/11!important}
  .r-contato{grid-row:11/12!important}
}
.r-juliana .nome,.r-juliana .uso{color:var(--tinta);text-shadow:none}
.r-juliana .nome em{text-decoration-color:var(--tinta)}
.r-juliana::before{background:var(--tinta)}.r-juliana::after{border-color:var(--linha)}
/* modais mais compactos no mobile; fonte menor no bloco do workshop */
@media (max-width:700px), (orientation:portrait) and (max-width:900px){
  .comodo .modal{grid-template-rows:30svh 1fr}
  .comodo-texto{padding:12px 14px 16px;gap:8px}
  .comodo-texto h2{font-size:18px;line-height:1.1}
  .comodo-texto p{font-size:13px;line-height:1.4}
  .comodo-texto .lista li{padding:5px 0}
  .selos{gap:6px}.selos li{padding-top:6px}
  .r-workshop .nome{font-size:10px;letter-spacing:.03em}
}
.selos span{font-size:12px;overflow-wrap:anywhere}
.selo-vogue span{font-size:14px}
.selo-casacor span{font-size:11px;letter-spacing:.1em}
.selo-pq span{font-size:10px;letter-spacing:.1em}
.selo-milao span{font-size:12px;letter-spacing:.03em}
.selos small{font-size:10px}
/* Juliana: branco no desktop e tablet, preto no celular */
@media (min-width:701px){
  .r-juliana .nome,.r-juliana .uso{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
  .r-juliana .uso{color:rgba(255,255,255,.75)}
  .r-juliana .nome em{text-decoration-color:#fff}
  .r-juliana::before{background:#fff}.r-juliana::after{border-color:rgba(255,255,255,.85)}
}
/* troca de posição: Fotografia à direita (3:4), Renderização à esquerda */
@media (min-width:701px) and (orientation:landscape), (min-width:901px){
  .r-fotografia{grid-column:9/12;grid-row:4/8}
  .r-renders{grid-column:1/4;grid-row:4/7}
}
@media (min-width:701px){
  .planta .r-juliana::before{background:#fff!important}
  .planta .r-juliana::after{border-color:#fff!important;opacity:.95}
}
/* chat: bolinha com ícone */
.chat-abrir{width:52px;height:52px;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--tinta);border:0;box-shadow:0 10px 24px rgba(43,45,48,.28);transition:transform .2s}
.chat-abrir:hover{transform:translateY(-2px)}
.chat-abrir svg{width:24px;height:24px;fill:none;stroke:var(--papel);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:700px){.chat-abrir{width:46px;height:46px}}
/* troca Workshop e Juliana; fundo da Plataforma sempre visível */
@media (min-width:701px) and (orientation:landscape), (min-width:901px){
  .r-juliana{grid-column:4/6;grid-row:4/9}
  .r-workshop{grid-column:6/9;grid-row:5/9}
}
.r-plataforma .foto{opacity:.9;filter:saturate(.85)}
.r-plataforma:hover .foto{opacity:1}
.r-plataforma .nome,.r-plataforma .uso{position:relative;z-index:2;background:rgba(244,243,239,.82);padding:2px 6px;margin-left:-6px;align-self:flex-start}
.chat-titulo{display:flex;align-items:center;gap:10px}
.chat-titulo img{height:22px;width:auto}
.chat-titulo b{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.28em;text-transform:uppercase}

/* ===== Cotas de planta em todos os modais ===== */
.comodo .modal,.comodo.apto .modal,.comodo.galeria .modal{overflow:visible}
.comodo .modal>.comodo-foto,.comodo .modal>.comodo-texto{overflow:hidden}
.comodo .modal>.comodo-texto{overflow-y:auto}
.comodo.apto .planta-apto{height:100%;overflow-y:auto}
.comodo.galeria .portfolio{height:100%;overflow-y:auto}
.comodo .modal::before,.comodo .modal::after{content:"";display:block;position:absolute;pointer-events:none;z-index:5;font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--mut2);line-height:0}
.comodo .modal::before{content:"12,00";left:0;right:0;top:-20px;height:10px;width:auto;border:0;border-top:1px solid var(--linha);text-align:center;background:linear-gradient(var(--linha),var(--linha)) left top/1px 10px no-repeat,linear-gradient(var(--linha),var(--linha)) right top/1px 10px no-repeat,linear-gradient(var(--linha),var(--linha)) 33% top/1px 6px no-repeat,linear-gradient(var(--linha),var(--linha)) 66% top/1px 6px no-repeat;box-shadow:none}
.comodo .modal::after{content:"8,00";top:0;bottom:0;left:-20px;width:10px;height:auto;border:0;border-left:1px solid var(--linha);writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;background:linear-gradient(var(--linha),var(--linha)) left top/10px 1px no-repeat,linear-gradient(var(--linha),var(--linha)) left bottom/10px 1px no-repeat,linear-gradient(var(--linha),var(--linha)) left 50%/6px 1px no-repeat;box-shadow:none}
@media (max-width:900px){.comodo .modal::before,.comodo .modal::after{display:none}}

/* portas por cima das fotos */
.sala::before,.sala::after{z-index:4}
/* Varanda com foto do MASP; Escritório com fotos */
.planta-apto{grid-template-rows:repeat(5,1fr)}
.ap-sala{grid-row:1/6}
.ap-varanda{position:relative;overflow:hidden;color:#fff}
.ap-varanda .ap-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1) contrast(1.05)}
.ap-varanda::after,.ap-varanda::before{z-index:3}
.ap-varanda .uso,.ap-varanda p{position:relative;z-index:2}
.ap-varanda .uso{color:rgba(255,255,255,.8)}
.ap-varanda p{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.ap-varanda .credito{position:absolute;right:8px;bottom:6px;z-index:2;font-size:8px;color:rgba(255,255,255,.7);letter-spacing:.06em}
.ap-escritorio{grid-column:4/7;grid-row:5/6;flex-direction:row;align-items:flex-end;gap:12px}
.ap-escritorio .uso{position:absolute;left:20px;top:18px}
.fotos-escritorio{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1;height:calc(100% - 34px);margin-top:24px}
.fotos-escritorio img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .4s}
.ap-escritorio:hover .fotos-escritorio img{filter:none}
.ap-escritorio .nome{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;text-decoration:none;flex:none}
@media (max-width:900px){.planta-apto{grid-template-rows:auto}.ap-sala{grid-row:auto}.ap-escritorio{grid-column:1/3;grid-row:auto;min-height:160px}.ap-varanda{min-height:160px}}
/* planta de contato: linhas de altura fixa, escritório com 2 linhas */
.planta-apto{grid-template-rows:repeat(6,minmax(0,1fr))}
.ap{min-height:0}
.ap-sala{grid-row:1/7}
.ap-whats,.ap-insta{grid-row:1/3}.ap-mail{grid-row:3/4}
.ap-varanda,.ap-orc{grid-row:4/5}
.ap-escritorio{grid-row:5/7}
.fotos-escritorio{height:auto;align-self:stretch;min-height:0;margin-top:26px}
.fotos-escritorio img{min-height:0}
@media (max-width:900px){.planta-apto{grid-template-rows:auto}.ap-sala,.ap-whats,.ap-insta,.ap-mail,.ap-varanda,.ap-orc,.ap-escritorio{grid-row:auto}.fotos-escritorio{height:120px}}
.vaga{margin:0;position:relative;border:1px dashed var(--linha);display:grid;place-items:center;min-height:0;background:rgba(255,255,255,.4)}
.vaga span{font-family:var(--mono);font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut2)}
.vaga img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vaga.com-foto{border:0}.vaga.com-foto span{display:none}
/* planta de contato sem a sessão do escritório */
.planta-apto{grid-template-rows:repeat(4,minmax(0,1fr))}
.ap-sala{grid-row:1/5}.ap-whats,.ap-insta{grid-row:1/3}.ap-mail{grid-row:3/4}.ap-varanda,.ap-orc{grid-row:4/5}
/* tablet e celular: planta de contato empilhada; mockups inteiros */
@media (max-width:900px){
  .planta-apto{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-auto-rows:minmax(110px,auto)}
  .ap-sala,.ap-whats,.ap-insta,.ap-mail,.ap-varanda,.ap-orc{grid-row:auto}
  .ap-sala{grid-column:1/3;min-height:300px}.ap-mail{grid-column:1/3}
  .ap-varanda{min-height:150px}
  #c-plataforma .modal{grid-template-rows:auto 1fr}
  #c-plataforma .dispositivos{padding:14px 12px 22px;overflow:visible;position:relative;z-index:1}
  #c-plataforma .imac{width:80%;margin-right:auto}
  #c-plataforma .imac-pe{height:24px}#c-plataforma .imac-base{height:6px}
  #c-plataforma .ipad{width:28%;right:8px;bottom:14px}
}

/* ===== Contato: foto do MASP e endereço ao lado do mapa ===== */
@media (min-width:901px){
  .planta-apto{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,minmax(0,1fr))}
  .ap-sala{grid-column:1/4;grid-row:1/5}
  .ap-varanda{grid-column:4/7;grid-row:1/3}
  .ap-whats{grid-column:4/6;grid-row:3/4}.ap-insta{grid-column:6/7;grid-row:3/4}
  .ap-mail{grid-column:4/6;grid-row:4/5}.ap-orc{grid-column:6/7;grid-row:4/5}
}
.ap-varanda .ap-fundo{filter:none;object-position:50% 55%}
.ap-varanda::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,22,24,.55),rgba(20,22,24,0) 55%);z-index:1;border:0;transform:none;opacity:1;width:auto;height:auto}
.ap-varanda:hover::before{transform:none}
/* área de imagem dos modais 40% mais alta em telas estreitas */
@media (max-width:900px){.comodo .modal{grid-template-rows:45svh 1fr}}
@media (max-width:700px){.comodo .modal{grid-template-rows:42svh 1fr}}
.beneficios li{border-top:0;padding-top:0}
/* varanda: foto com transparência sobre o papel */
.ap-varanda .ap-fundo{opacity:.45;transition:opacity .5s}
.ap-varanda:hover .ap-fundo{opacity:.7}
.ap-varanda::before{display:none}
.ap-varanda,.ap-varanda .uso{color:var(--tinta)}
.ap-varanda .uso{color:var(--mut)}
.ap-varanda p{color:var(--tinta);text-shadow:0 0 12px rgba(244,243,239,.9)}
.ap-varanda .credito{color:var(--mut);text-shadow:0 0 8px rgba(244,243,239,.9)}
/* varanda: texto mais compacto */
.ap-varanda p{line-height:1.3;font-size:13px}
.ap-varanda{gap:4px}
/* celular: imagem mais baixa e carrossel com as miniaturas */
@media (max-width:700px){
  .comodo .modal{grid-template-rows:30svh 1fr}
  #c-plataforma .modal{grid-template-rows:auto 1fr}
  .comodo .modal>.comodo-foto:not(.dispositivos):not(.antes-depois){display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .comodo .modal>.comodo-foto::-webkit-scrollbar{display:none}
  .comodo .modal>.comodo-foto:not(.dispositivos):not(.antes-depois)>img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
  .comodo .modal>.comodo-foto .mais{display:contents}
  .comodo .modal>.comodo-foto .mais img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;opacity:1;cursor:default;scroll-snap-align:start}
  .comodo .modal>.comodo-foto .mais img.on{display:none}
}
.planta-apto .ap-varanda p{font-weight:600;font-size:12px;line-height:1.25;margin:0}
@media (max-width:900px){.planta-apto .ap-varanda p{font-size:12px;line-height:1.25}}
/* menu do topo: tudo na mesma linha de base */
.legenda{display:flex;align-items:center;gap:24px;line-height:1}
.legenda a,.legenda button{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut);padding:6px 0;line-height:1;display:inline-flex;align-items:center}
.legenda a:hover,.legenda button:hover{color:var(--tinta)}
.idioma{margin-left:4px;align-items:center}
.idioma button{padding:5px 7px;font-size:9px}

/* ===== Mobile e tablet: células quadradas (Juliana 3:4), sem rolagem ===== */
@media (max-width:700px), (orientation:portrait) and (max-width:900px){
  .planta{--cel:min(calc((100vw - 44px) / 6),calc((100svh - var(--header-h) - 44px) / 12));grid-template-columns:repeat(6,var(--cel));grid-template-rows:repeat(12,var(--cel));justify-content:center;align-content:center}
  .r-cenografia{grid-row:4/6!important}.r-renders{grid-row:4/7!important}
  .r-juliana{grid-column:1/4!important;grid-row:6/10!important}
  .r-fotografia{grid-column:4/7!important;grid-row:7/10!important}
  .r-portfolio,.r-workshop,.r-orcamento{grid-row:10/12!important}
  .r-contato{grid-row:12/13!important}
}

/* ===== Tema invertido (escuro) ===== */
html[data-tema="escuro"]{--papel:#1f2124;--papel2:#26282b;--tinta:#f4f3ef;--mut:#c9c9c4;--mut2:#8b8f94;--acc:#f4f3ef;--linha:rgba(244,243,239,.6);--linha2:rgba(244,243,239,.14);--concreto:#2c2f33;--concreto-claro:#26282b}
html[data-tema="escuro"] body{background:var(--papel);color:var(--tinta)}
html[data-tema="escuro"] body::before{opacity:.25}
html[data-tema="escuro"] .sala{background:rgba(38,40,43,.5)}
html[data-tema="escuro"] .sala:hover{background:rgba(38,40,43,.9)}
html[data-tema="escuro"] .sala .foto{opacity:.16}
html[data-tema="escuro"] .r-juliana .foto,html[data-tema="escuro"] .r-plataforma .foto{opacity:.85}
html[data-tema="escuro"] .entrada-marca img,html[data-tema="escuro"] .topo-icone img,html[data-tema="escuro"] .chat-titulo img{filter:invert(1)}
html[data-tema="escuro"] .r-plataforma .nome,html[data-tema="escuro"] .r-plataforma .uso,html[data-tema="escuro"] .r-renders .nome,html[data-tema="escuro"] .r-renders .uso{background:rgba(31,33,36,.8)}
html[data-tema="escuro"] .comodo{background:rgba(20,22,24,.7)}
html[data-tema="escuro"] .comodo .modal,html[data-tema="escuro"] .pedido,html[data-tema="escuro"] .comparativo,html[data-tema="escuro"] .priv-caixa,html[data-tema="escuro"] .cookies,html[data-tema="escuro"] .chat-janela{background:var(--papel);color:var(--tinta)}
html[data-tema="escuro"] .modal .x,html[data-tema="escuro"] .fechar{background:var(--papel);color:var(--tinta);border-color:var(--tinta)}
html[data-tema="escuro"] .btn{border-color:var(--tinta);color:var(--tinta)}html[data-tema="escuro"] .btn:hover{background:var(--tinta);color:var(--papel)}
html[data-tema="escuro"] .form input,html[data-tema="escuro"] .form select,html[data-tema="escuro"] .form textarea{color:var(--tinta);border-color:var(--linha)}
html[data-tema="escuro"] .form select option{color:#000}
html[data-tema="escuro"] .ap{color:var(--tinta)}html[data-tema="escuro"] .ap:hover{background:rgba(255,255,255,.06)}
html[data-tema="escuro"] .ap-varanda p,html[data-tema="escuro"] .ap-varanda .credito{text-shadow:0 0 12px rgba(31,33,36,.9)}
html[data-tema="escuro"] .chat-msgs .m.bot{background:#26282b;color:var(--tinta)}html[data-tema="escuro"] .chat-msgs .m.eu{background:var(--tinta);color:var(--papel)}
html[data-tema="escuro"] .chat-abrir{background:var(--tinta)}html[data-tema="escuro"] .chat-abrir svg{stroke:var(--papel)}
html[data-tema="escuro"] .dispositivos{background:var(--papel)}
html[data-tema="escuro"] .idioma button.on,html[data-tema="escuro"] .filtros button.on,html[data-tema="escuro"] .demo-opcoes button.ativo{background:var(--tinta);color:var(--papel)}
html[data-tema="escuro"] .a-frase{color:var(--tinta)}html[data-tema="escuro"] .abertura-video.frase{background:var(--papel)}
html[data-tema="escuro"] .obra figcaption{background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}
html[data-tema="escuro"] .mapa iframe{filter:grayscale(1) invert(.9) contrast(.9)}
html[data-tema="escuro"] .vaga{background:rgba(255,255,255,.04)}
html[data-tema="escuro"] .r-juliana .nome,html[data-tema="escuro"] .r-juliana .uso{color:#fff}
.tema{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid var(--linha);margin-left:8px;color:var(--mut);cursor:pointer}
.tema svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.tema:hover{color:var(--tinta);border-color:var(--tinta)}
html,body,.sala,.comodo .modal,.topo{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.tema{border:0;width:auto;height:auto;padding:0 2px;margin-left:10px}
.tema svg{width:15px;height:15px}

/* ===== Tablet em pé (701 a 900px): planta própria, 9 x 12 células quadradas, ocupa a tela toda ===== */
@media (orientation:portrait) and (min-width:701px) and (max-width:900px){
  .planta{--cel:min(calc((100vw - 44px) / 9),calc((100svh - var(--header-h) - 44px) / 12));grid-template-columns:repeat(9,var(--cel));grid-template-rows:repeat(12,var(--cel))}
  .entrada{display:flex;grid-column:1/10!important;grid-row:1/3!important;flex-direction:row;justify-content:center;align-items:center;gap:calc(var(--cel)*.5);padding:0 calc(var(--cel)*.3)}
  .entrada-marca{display:block;width:clamp(150px,calc(var(--cel)*2.9),280px);margin:0}
  .entrada h1{font-size:clamp(11px,calc(var(--cel)*.16),15px);letter-spacing:.22em;line-height:1.5;color:var(--tinta);white-space:nowrap}
  .entrada .dica{display:none}
  .r-interiores{grid-column:1/5!important;grid-row:3/6!important}
  .r-plataforma{grid-column:5/10!important;grid-row:3/6!important}
  .r-cenografia{grid-column:1/5!important;grid-row:6/8!important}
  .r-renders{grid-column:5/10!important;grid-row:6/8!important}
  .r-juliana{grid-column:1/4!important;grid-row:8/12!important}
  .r-fotografia{grid-column:4/7!important;grid-row:8/12!important}
  .r-portfolio{grid-column:7/10!important;grid-row:8/10!important}
  .r-workshop{grid-column:7/10!important;grid-row:10/12!important}
  .r-contato{grid-column:1/6!important;grid-row:12/13!important}
  .r-orcamento{grid-column:6/10!important;grid-row:12/13!important}
  .r-workshop .nome{font-size:clamp(10px,calc(var(--cel)*.15),14px);letter-spacing:.04em}
  .sala .nome{font-size:clamp(11px,calc(var(--cel)*.2),19px)}
}