/* The example site: drawn at any size with container units, so it can sit in a window or fill the frame.
   Colours and letters belong to the tenant, not to the building. */
.site{position:relative;width:100%;height:100%;container-type:inline-size;overflow:hidden;background:var(--s-bg);color:var(--s-fg);font-family:var(--ui)}
.chrome{position:absolute;inset:0 0 auto 0;height:max(24px,3.6cqw);display:flex;align-items:center;gap:max(4px,.6cqw);padding:0 max(9px,1.3cqw);background:#0c0f12;z-index:5;transition:opacity .3s}
.chrome i{width:max(6px,.8cqw);aspect-ratio:1;border-radius:50%;background:#ffffff30}
.chrome span{margin-left:max(6px,1cqw);font:400 max(10px,1.15cqw)/1 var(--ui);color:#b8bfc5}
.s-page{position:absolute;inset:max(24px,3.6cqw) 0 0 0;overflow:hidden}
.h-fundo{position:absolute;inset:0;overflow:hidden}
.h-fundo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--s-foco,50% 50%);filter:var(--s-filtro,none);mix-blend-mode:var(--s-mistura,normal);transform:var(--s-giro,none)}
.s-nav{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;align-items:center;gap:max(10px,2.2cqw);padding:max(9px,1.5cqw) max(14px,3.4cqw);font-size:max(10px,1.25cqw)}
.s-nav strong{font:500 max(14px,1.9cqw)/1 var(--s-letra);letter-spacing:.2em;text-transform:uppercase;margin-right:auto}
.s-menu{display:flex;gap:max(10px,2.2cqw)}
.s-nav a{white-space:nowrap}
.s-langs{display:flex;gap:2px}
.s-langs button{padding:max(2px,.4cqw) max(5px,.7cqw);border-radius:99px;font-size:max(10px,1.1cqw);line-height:1.2;color:inherit}
.s-langs [aria-pressed=true]{background:var(--s-fg);color:var(--s-bg)}
.s-copy{position:absolute;left:max(14px,3.4cqw);top:max(42px,10.5cqw);width:50%;z-index:2}
.s-copy h3{font-family:var(--s-letra);font-weight:var(--s-peso,400);font-stretch:var(--s-largura,100%);font-size:clamp(20px,5.1cqw,76px);line-height:1.03;letter-spacing:-.022em;text-wrap:balance}
.s-copy h3 em{font-style:italic;color:var(--s-ac)}
.s-copy p{margin-top:max(7px,1.4cqw);font:400 max(11px,1.5cqw)/1.42 var(--ui);color:var(--s-soft);max-width:max(170px,32cqw)}
.s-cta{display:inline-flex;align-items:center;justify-content:center;padding:max(7px,1cqw) max(11px,1.9cqw);border-radius:max(4px,.5cqw);background:var(--s-ac);color:var(--s-acfg);font:500 max(11px,1.35cqw)/1.2 var(--ui);white-space:nowrap;transition:filter .2s}
button.s-cta:hover{filter:brightness(1.12)}
.s-f{display:flex;flex-direction:column;gap:max(1px,.2cqw);min-width:0;font:400 max(9.5px,1cqw)/1.25 var(--ui);color:var(--s-soft)}
.s-f select{width:100%;min-width:0;border:0;background:none;color:var(--s-fg);font:500 max(11px,1.35cqw)/1.3 var(--ui);padding:0;appearance:auto;cursor:pointer;outline-offset:2px}
.s-f select option{color:#15171c;background:#fff}
.s-bar{position:absolute;left:max(14px,3.4cqw);right:max(14px,3.4cqw);bottom:max(40px,6.2cqw);z-index:3;display:flex;gap:max(8px,1.6cqw);align-items:center;padding:max(7px,1cqw) max(9px,1.3cqw);border-radius:max(6px,.9cqw);background:var(--s-campo);box-shadow:inset 0 0 0 1px var(--s-linha);backdrop-filter:blur(8px)}
.s-bar .s-f{flex:1 1 auto}
.site[data-hero] .s-bar:not(:has(.s-f)){width:auto;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.s-bar .s-cta{flex:none}
.s-strip{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:max(14px,4cqw);padding:max(6px,1.1cqw) max(14px,3.4cqw);font-size:max(10px,1.15cqw);line-height:1.3}
.s-strip b{display:block;font-weight:500;color:var(--s-soft);font-size:max(9px,1cqw)}

/* palco: the plate on the right, cut by the screen, on near black */
.site[data-hero=palco] .h-fundo{left:30%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.site[data-hero=palco] .h-fundo img{object-position:78% 46%;transform-origin:72% 50%;animation:h-respira 28s ease-in-out infinite alternate;filter:saturate(1.08) contrast(1.04)}
.site[data-hero=palco] .h-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--s-bg),transparent 30%),linear-gradient(180deg,#0d0a08b3,transparent 22%)}
@keyframes h-respira{to{transform:scale(1.05)}}
.site[data-hero=palco] .s-nav{justify-content:flex-start}
.site[data-hero=palco] .s-nav strong{font-family:'Source Serif 4',Georgia,serif;font-weight:400;font-size:max(15px,2.3cqw);letter-spacing:.3em;color:var(--s-ac)}
.site[data-hero=palco] .s-copy{top:max(40px,13cqw);width:56%}
.site[data-hero=palco] .s-copy h3{font-weight:300;font-size:clamp(22px,6.9cqw,104px);line-height:.98;letter-spacing:-.03em}
.site[data-hero=palco] .s-copy p{margin-top:max(9px,2cqw);max-width:max(170px,30cqw)}
.site[data-hero=palco] .s-bar{right:auto;width:62%;bottom:max(38px,6.6cqw);background:#ffffff0a;box-shadow:inset 0 0 0 1px #d9a45b4d}
.site[data-hero=palco] .s-cta{border-radius:max(3px,.3cqw);letter-spacing:.01em}
.site[data-hero=palco] .s-strip{color:#f5ede3c9}
.h-selo{position:absolute;right:max(10px,3cqw);bottom:max(10px,3cqw);z-index:3;width:max(58px,10.5cqw);overflow:visible;animation:gira-selo 38s linear infinite}
.h-selo text{font:500 11.2px var(--ui);letter-spacing:.09em;fill:var(--s-ac)}
@keyframes gira-selo{to{transform:rotate(360deg)}}

/* perfil: the face in cold light on the right, looking at the text */
.site[data-hero=perfil] .h-fundo{left:42%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}
.site[data-hero=perfil] .h-fundo img{transform:var(--s-perfil-giro,scaleX(-1));filter:var(--s-perfil-filtro,grayscale(1) brightness(1.42) contrast(.8))}
.site[data-hero=perfil] .h-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,#d9e6e340,#7fa39a33 60%,#d3dcda40);mix-blend-mode:multiply}
.h-marca{position:absolute;left:max(8px,1.6cqw);bottom:max(-12px,-3.2cqw);z-index:1;font:600 31cqw/.8 var(--display);font-stretch:118%;letter-spacing:-.05em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #ffffffc4;white-space:nowrap;pointer-events:none}
.site[data-hero=perfil] .s-nav{justify-content:space-between;gap:max(6px,1cqw)}
.site[data-hero=perfil] .s-nav strong{font:600 max(14px,1.85cqw)/1 var(--display);font-stretch:110%;letter-spacing:.06em;margin-right:auto}
.site[data-hero=perfil] .s-menu{padding:max(5px,.8cqw) max(10px,1.6cqw);border-radius:99px;background:#ffffff8c;backdrop-filter:blur(8px)}
.site[data-hero=perfil] .s-langs{padding:max(2px,.3cqw);border-radius:99px;background:#ffffff8c;backdrop-filter:blur(8px)}
.s-navcta{padding:max(6px,.9cqw) max(10px,1.6cqw);border-radius:99px;background:var(--s-fg);color:var(--s-acfg);font-weight:500;white-space:nowrap}
.site[data-hero=perfil] .s-copy{top:max(42px,11cqw);width:48%}
.site[data-hero=perfil] .s-copy h3{font-weight:200;font-size:clamp(23px,6cqw,92px);line-height:1.03;letter-spacing:-.04em}
.h-chip{display:inline-block;width:1.7em;height:.74em;margin:0 .06em;border-radius:99px;overflow:hidden;vertical-align:-.03em;box-shadow:0 0 0 1px #ffffff8c}
.h-chip img{display:block;width:100%;height:100%;object-fit:cover}
.site[data-hero=perfil] .s-copy p{margin-top:max(8px,1.8cqw);max-width:max(170px,27cqw)}
.h-notas{list-style:none;margin:0;padding:0;font:500 max(9.5px,1.05cqw)/1.2 var(--ui);color:var(--s-fg)}
.h-notas li{position:absolute;z-index:2;display:flex;align-items:center;gap:max(4px,.6cqw);padding:max(3px,.5cqw) max(7px,1cqw);border-radius:99px;background:#ffffffc2;backdrop-filter:blur(6px);white-space:nowrap}
.h-notas i{width:max(5px,.55cqw);height:max(5px,.55cqw);background:var(--s-fg)}
.h-notas li:nth-child(1){right:3.4cqw;top:22%}
.h-notas li:nth-child(2){right:7cqw;top:40%}
.h-notas li:nth-child(3){right:3.4cqw;top:58%}
.site[data-hero=perfil] .s-bar{right:auto;width:64%;bottom:max(12px,9.4cqw);border-radius:max(10px,1.4cqw);background:#ffffff6b;box-shadow:inset 0 0 0 1px #ffffffa8,0 max(6px,1.6cqw) max(18px,4cqw) -1.6cqw #16231d59}
.site[data-hero=perfil] .s-cta{border-radius:99px}

/* pedido: the form beside the promise */
.site[data-hero=pedido] .h-fundo img{filter:saturate(1.05)}
.site[data-hero=pedido] .h-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--s-bg) 94%,transparent) 0,color-mix(in srgb,var(--s-bg) 62%,transparent) 44%,color-mix(in srgb,var(--s-bg) 15%,transparent) 76%),linear-gradient(180deg,color-mix(in srgb,var(--s-bg) 60%,transparent),transparent 22%)}
.site[data-hero=pedido] .s-copy{width:50%;top:max(42px,11.5cqw)}
.site[data-hero=pedido] .s-copy h3{font-size:clamp(21px,5.6cqw,84px);line-height:1}
.site[data-hero=pedido] .s-copy p{max-width:max(170px,36cqw)}
.s-passos{list-style:none;counter-reset:p;display:flex;gap:max(8px,2cqw);margin:max(8px,2.2cqw) 0 0;padding:0;font:500 max(10px,1.2cqw)/1.2 var(--ui)}
.s-passos li{counter-increment:p;display:flex;align-items:center;gap:max(4px,.6cqw);white-space:nowrap}
.s-passos li::before{content:counter(p);display:grid;place-items:center;width:max(16px,2cqw);height:max(16px,2cqw);border-radius:50%;background:var(--s-ac);color:var(--s-acfg);font-size:max(9px,1cqw)}
.s-card{position:absolute;right:max(14px,3.4cqw);top:50%;transform:translateY(-44%);z-index:3;width:max(170px,30cqw);display:grid;gap:max(7px,1.2cqw);padding:max(10px,1.8cqw);border-radius:max(7px,1cqw);background:var(--s-campo);color:#15171A;box-shadow:0 max(8px,2cqw) max(20px,5cqw) -2cqw #000a}
.s-card .s-f{padding-bottom:max(5px,.8cqw);border-bottom:1px solid #15171a24;color:#5c646b}
.s-card .s-f select{color:#15171A}
.s-card .s-cta{width:100%}
.s-card small{font:400 max(9.5px,1cqw)/1.35 var(--ui);color:#5c646b}
.s-destaque{position:absolute;left:max(14px,3.4cqw);bottom:max(12px,3cqw);z-index:3;width:46%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:max(6px,1.1cqw);padding:max(7px,1.1cqw) max(9px,1.4cqw);border-radius:max(6px,.8cqw);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff33;backdrop-filter:blur(8px);font:400 max(10px,1.2cqw)/1.25 var(--ui)}
.s-destaque b{font-weight:500}
.s-destaque i{height:max(3px,.4cqw);border-radius:9px;background:linear-gradient(90deg,var(--s-ac) 62%,#ffffff33 62%)}
.s-destaque span{white-space:nowrap}

/* the composition of each branch: the same four themes as its picture in the windows */
.site[data-tema=tela] .h-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--s-bg) 0,color-mix(in srgb,var(--s-bg) 72%,transparent) 38%,transparent 74%),linear-gradient(0deg,color-mix(in srgb,var(--s-bg) 76%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--s-bg) 60%,transparent),transparent 20%)}
.site[data-tema=direita] .h-fundo{left:-15%;right:15%}
.site[data-tema=direita] .h-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--s-bg) 0,color-mix(in srgb,var(--s-bg) 66%,transparent) 40%,transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--s-bg) 60%,transparent),transparent 20%)}
.site[data-tema=direita] .s-copy{left:auto;right:max(14px,3.4cqw);width:47%}
.site[data-tema=claro] .h-fundo{left:45%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.site[data-tema=claro] .s-copy{width:43%}
.site[data-tema=claro] .s-menu{padding:max(4px,.7cqw) max(10px,1.5cqw);border-radius:99px;background:color-mix(in srgb,var(--s-bg) 82%,transparent);backdrop-filter:blur(8px)}
.site[data-tema=claro] .s-langs{padding:max(2px,.3cqw);border-radius:99px;background:color-mix(in srgb,var(--s-bg) 82%,transparent);backdrop-filter:blur(8px)}
.site[data-tema=centro] .h-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--s-bg) 78%,transparent) 0,color-mix(in srgb,var(--s-bg) 56%,transparent) 55%,color-mix(in srgb,var(--s-bg) 30%,transparent))}
.site[data-tema=centro] .s-copy{left:12%;right:12%;width:auto;top:max(38px,8.5cqw);text-align:center}
.site[data-tema=centro] .s-copy p{margin-inline:auto}
.site[data-hero=tema] .s-copy h3{font-size:clamp(21px,5.6cqw,84px);line-height:1.02}
.site[data-hero=tema] .s-bar{right:auto;width:68%;bottom:max(38px,6.4cqw)}
.site[data-hero=tema][data-tema=centro] .s-bar{left:16%;width:68%}
.site[data-hero=tema] .s-strip{color:var(--s-soft)}
.site[data-cena=solar] .hv__nav b{cursor:pointer}

/* catálogo: the photo above, the items below with a filter */
.site[data-modelo=catalogo] .h-fundo{bottom:42%}
.site[data-modelo=catalogo] .s-copy{top:max(38px,7.6cqw)}
.site[data-modelo=catalogo] .s-copy h3{font-size:clamp(20px,4.6cqw,70px);line-height:1.03}
.site[data-modelo=catalogo] .s-copy p{margin-top:max(5px,1cqw)}
.c-baixo{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:max(6px,1.1cqw) max(14px,3.4cqw) max(10px,1.7cqw);background:linear-gradient(180deg,transparent,var(--s-bg) 22%)}
.c-fil{display:flex;flex-wrap:wrap;gap:max(4px,.6cqw);margin-bottom:max(6px,1cqw)}
.c-fil button{padding:max(3px,.5cqw) max(9px,1.3cqw);border-radius:99px;font:500 max(10px,1.15cqw)/1.2 var(--ui);color:var(--s-fg);box-shadow:inset 0 0 0 1px var(--s-linha);background:color-mix(in srgb,var(--s-bg) 70%,transparent);transition:background .2s,color .2s}
.c-fil [aria-pressed=true]{background:var(--s-ac);color:var(--s-acfg);box-shadow:none}
.c-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:max(6px,1.2cqw)}
.c-item{display:block;min-width:0;text-align:left;color:var(--s-fg);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.c-item:hover{transform:translateY(-2px)}
.c-foto{display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--s-ac) 18%,var(--s-bg));color:var(--s-ac)}
.c-foto img{display:block;width:100%;height:100%;object-fit:cover}
.c-foto svg{width:30%;height:auto;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.c-item .c-foto{aspect-ratio:1.55;border-radius:max(4px,.6cqw)}
.c-item b{display:block;margin-top:max(3px,.6cqw);font:500 max(10.5px,1.35cqw)/1.2 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-item small{display:block;font:400 max(9.5px,1.05cqw)/1.25 var(--ui);color:var(--s-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* autoridade: the promise and who answers for it on one side, the areas on the other */
.site[data-modelo=autoridade] .s-copy{top:max(40px,8.6cqw);width:48%}
.site[data-modelo=autoridade] .s-copy h3{font-size:clamp(21px,5.2cqw,78px);line-height:1.03}
.site[data-modelo=autoridade][data-tema=direita] .s-copy{left:max(14px,3.4cqw);right:auto}
.site[data-modelo=autoridade][data-tema=direita] .h-fundo{left:0;right:0;transform:scaleX(-1)}
.site[data-modelo=autoridade][data-tema=centro] .s-copy{left:max(14px,3.4cqw);right:auto;width:46%;text-align:left}
.site[data-modelo=autoridade][data-tema=centro] .s-copy p{margin-inline:0}
.a-quem{display:flex;align-items:center;gap:max(6px,1cqw);margin:max(8px,1.8cqw) 0 max(8px,1.5cqw)}
.a-quem i{flex:none;display:grid;place-items:center;width:max(26px,3.6cqw);height:max(26px,3.6cqw);border-radius:50%;background:var(--s-ac);color:var(--s-acfg);font:500 max(10px,1.2cqw)/1 var(--ui);font-style:normal}
.a-quem b{display:block;font:500 max(11px,1.35cqw)/1.2 var(--ui)}
.a-quem small{display:block;font:400 max(9.5px,1.1cqw)/1.25 var(--ui);color:var(--s-soft)}
.a-areas{position:absolute;right:max(14px,3.4cqw);top:50%;transform:translateY(-44%);z-index:3;width:39%;padding:max(8px,1.3cqw);border-radius:max(7px,1cqw);background:color-mix(in srgb,var(--s-bg) 86%,transparent);box-shadow:inset 0 0 0 1px var(--s-linha);backdrop-filter:blur(10px)}
.a-areas h4{margin:0 0 max(4px,.7cqw);padding:0 max(4px,.7cqw);font:500 max(10px,1.15cqw)/1.2 var(--ui);color:var(--s-soft)}
.a-areas button{display:block;width:100%;padding:max(5px,.9cqw) max(4px,.7cqw);border-top:1px solid var(--s-linha);text-align:left;color:var(--s-fg);transition:background .2s}
.a-areas b{display:block;font:500 max(11px,1.45cqw)/1.2 var(--ui)}
.a-areas span{display:none;margin-top:max(2px,.3cqw);font:400 max(10px,1.15cqw)/1.35 var(--ui);color:var(--s-soft)}
.a-areas [aria-pressed=true] b{color:var(--s-ac)}
.a-areas [aria-pressed=true] span{display:block}

/* portfólio: the work fills the screen */
.site[data-modelo=portfolio] .h-fundo{inset:0!important;left:0!important;right:0!important;-webkit-mask-image:none;mask-image:none}
.site[data-modelo=portfolio] .h-fundo img{object-position:50% 50%}
.site[data-modelo=portfolio] .h-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--s-bg) 90%,transparent) 0,color-mix(in srgb,var(--s-bg) 42%,transparent) 42%,transparent 66%),linear-gradient(180deg,color-mix(in srgb,var(--s-bg) 62%,transparent),transparent 20%)}
.site[data-modelo=portfolio] .s-copy{left:max(14px,3.4cqw);right:auto;top:auto;bottom:max(12px,3.4cqw);width:54%;text-align:left}
.site[data-modelo=portfolio] .s-copy h3{font-size:clamp(21px,5.6cqw,84px);line-height:1}
.site[data-modelo=portfolio] .s-copy p{margin-inline:0;margin-bottom:max(7px,1.3cqw)}
.p-agora{display:block;margin-bottom:max(4px,.8cqw);font:400 max(10px,1.2cqw)/1.25 var(--ui);color:var(--s-soft)}
.p-obras{position:absolute;right:max(14px,3.4cqw);bottom:max(12px,3.4cqw);z-index:3;display:flex;gap:max(5px,.8cqw)}
.p-obras button{width:max(52px,8.6cqw);text-align:left;color:var(--s-fg);opacity:.76;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.p-obras button:hover{opacity:1;transform:translateY(-2px)}
.p-obras [aria-pressed=true]{opacity:1}
.p-obras .c-foto{aspect-ratio:1.3;border-radius:max(3px,.5cqw)}
.p-obras [aria-pressed=true] .c-foto{box-shadow:0 0 0 2px var(--s-ac)}
.p-obras b{display:block;margin-top:max(2px,.4cqw);font:500 max(9.5px,1.05cqw)/1.2 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* inscrição: the classes with the seats that are left */
.site[data-modelo=inscricao] .s-copy{width:42%}
.site[data-modelo=inscricao] .s-copy h3{font-size:clamp(21px,5.4cqw,80px);line-height:1.02}
.i-lista{position:absolute;right:max(14px,3.4cqw);top:52%;transform:translateY(-46%);z-index:3;width:49%;padding:max(8px,1.4cqw);border-radius:max(7px,1cqw);background:color-mix(in srgb,var(--s-bg) 84%,transparent);box-shadow:inset 0 0 0 1px var(--s-linha);backdrop-filter:blur(10px)}
.i-lista h4{margin:0 0 max(4px,.8cqw);font:500 max(11px,1.35cqw)/1.2 var(--ui)}
.i-t{display:grid;grid-template-columns:minmax(0,1fr) max(52px,8cqw) auto;align-items:center;gap:max(6px,1cqw);padding:max(5px,.9cqw) 0;border-top:1px solid var(--s-linha)}
.i-t__n b{display:block;font:500 max(10.5px,1.3cqw)/1.2 var(--ui)}
.i-t small{display:block;font:400 max(9.5px,1.05cqw)/1.25 var(--ui);color:var(--s-soft)}
.i-t__v i{display:block;height:max(3px,.4cqw);margin-bottom:max(2px,.3cqw);border-radius:9px;background:linear-gradient(90deg,var(--s-ac) var(--v),var(--s-linha) var(--v))}
.i-t .s-cta{padding:max(5px,.7cqw) max(7px,1.1cqw);font-size:max(10px,1.15cqw)}

/* landing page: one message, one action, in the middle of the photo */
.s-land{position:absolute;inset:0}
.site[data-tema] .s-land .h-fundo{inset:0;-webkit-mask-image:none;mask-image:none;transform:none}
.site[data-hero] .s-land .h-fundo img{filter:brightness(.5);animation:none;mix-blend-mode:normal}
.site[data-hero] .s-land .h-fundo::after{content:"";position:absolute;inset:0;background:radial-gradient(62% 48% at 50% 50%,#00000080,transparent)}
.site[data-hero=perfil] .s-land .h-fundo{left:0;-webkit-mask-image:none;mask-image:none}
.site[data-hero=perfil] .s-land .h-fundo img{transform:none;filter:grayscale(1) brightness(.62)}
.site[data-hero=perfil] .s-land .h-fundo::after{display:none}
.s-land .s-copy,.site[data-hero] .s-land .s-copy{left:0;right:0;top:50%;transform:translateY(-50%);width:auto;text-align:center;padding:0 7cqw;color:#fff}
.s-land .s-copy strong{display:block;margin-bottom:max(6px,1.4cqw);font:400 max(11px,1.5cqw)/1 'Source Serif 4',Georgia,serif;letter-spacing:.34em;text-transform:uppercase;color:#E9C48C}
.s-land .s-copy p,.site[data-hero] .s-land .s-copy p{margin-inline:auto;color:inherit;opacity:.92;max-width:max(220px,46cqw)}

/* whatsapp and form panels slide over the same page */
.s-over{position:absolute;z-index:4;top:0;bottom:0;right:0;width:max(190px,42cqw);background:#0e1316;color:#eef1f2;display:flex;flex-direction:column;animation:s-in .45s cubic-bezier(.2,.8,.2,1) both;box-shadow:-20px 0 40px #0006}
@keyframes s-in{from{transform:translateX(26px);opacity:0}}
.s-dim{position:absolute;inset:0;z-index:3;background:#0006}
.s-chat-h{padding:max(8px,1.3cqw) max(11px,1.6cqw);background:#1a2126;font:500 max(11px,1.35cqw)/1.2 var(--ui)}
.s-chat-b{flex:1;padding:max(10px,1.6cqw);display:flex;align-items:flex-end;justify-content:flex-end}
.s-bubble{min-height:3em;max-width:94%;padding:max(8px,1.1cqw) max(10px,1.3cqw);border-radius:max(8px,1cqw) max(8px,1cqw) 2px max(8px,1cqw);background:#E2AE62;color:#1d2125;font:400 max(11.5px,1.4cqw)/1.4 var(--ui)}
.s-send{display:flex;gap:max(6px,.8cqw);padding:max(8px,1.1cqw);background:#1a2126;font:400 max(10px,1.15cqw)/1.3 var(--ui);color:#b8bfc5;align-items:center}
.s-send b{margin-left:auto;padding:max(4px,.6cqw) max(9px,1.2cqw);border-radius:99px;background:var(--prata);color:#15171c;font-weight:500}
.s-form{left:0;width:100%;right:0;display:grid;grid-template-columns:1fr 1fr;background:#0e1316}
.s-form section{padding:max(11px,2.2cqw);display:flex;flex-direction:column;gap:max(6px,1cqw);justify-content:center;min-width:0}
.s-form section+section{background:#1a2126}
.s-form h4{margin:0 0 max(2px,.4cqw);font:500 max(12px,1.65cqw)/1.2 var(--ui)}
.s-field{display:block;font:400 max(9.5px,1.05cqw)/1.3 var(--ui);color:#b8bfc5}
.s-field u{display:block;text-decoration:none;margin-top:max(2px,.3cqw);padding:max(4px,.7cqw) max(6px,.9cqw);border:1px solid #ffffff2a;border-radius:max(3px,.4cqw);font-size:max(11px,1.3cqw);color:#fff}
.s-card2{border-radius:max(5px,.7cqw);padding:max(8px,1.3cqw);background:var(--luz);color:#1d2125;font:400 max(11px,1.3cqw)/1.4 var(--ui)}
.s-card2 b{display:block;font-weight:600}

@container (max-width:520px){
  .s-menu{display:none!important}
  .s-copy{width:62%;top:38px}
  .s-copy p,.s-strip,.s-passos,.s-card small,.s-destaque,.h-notas,.s-navcta{display:none}
  .s-bar,.site[data-hero] .s-bar{left:14px;bottom:10px;width:auto;right:auto;padding:0;background:none;box-shadow:none;backdrop-filter:none}
  .s-bar .s-f{display:none}
  .s-card{top:auto;bottom:10px;transform:none;left:14px;right:auto;width:auto;padding:0;background:none;box-shadow:none}
  .s-card .s-f{display:none}
  .site[data-hero=palco] .s-copy,.site[data-hero=perfil] .s-copy,.site[data-hero=pedido] .s-copy{top:38px;width:62%}
  .site[data-hero=palco] .s-copy{width:47%}
  .site[data-hero=palco] .s-copy h3{font-size:24px}
  .site[data-hero=perfil] .s-copy h3{font-size:22px}
  .site[data-hero=pedido] .s-copy h3{font-size:21px}
  .h-selo{width:46px;right:8px;bottom:8px}
  .site[data-tema=claro] .s-copy,.site[data-tema=direita] .s-copy{width:50%}
  .site[data-hero=tema] .s-copy h3,.site[data-modelo] .s-copy h3{font-size:20px}
  .site[data-tema=centro] .s-copy{left:8%;right:8%;top:36px}
  .site[data-hero=tema][data-tema=centro] .s-bar{left:50%;transform:translateX(-50%)}
  .c-fil,.c-item small,.a-quem,.a-areas h4,.a-areas span,.a-areas [aria-pressed=true] span,.p-agora,.i-lista h4,.i-t__v,.i-t small,.p-obras b{display:none}
  .site[data-modelo=catalogo] .h-fundo{bottom:30%}
  .c-baixo{padding:4px 12px 8px}
  .c-item .c-foto{aspect-ratio:1.9}
  .c-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c-item:nth-child(n+4){display:none}
  .c-item b{font-size:10px}
  .site[data-modelo=autoridade] .s-copy{width:56%;top:36px}
  .site[data-modelo=autoridade] .s-cta{margin-top:7px}
  .a-areas{top:auto;bottom:8px;transform:none;width:38%;right:10px;padding:2px 6px}
  .a-areas button{padding:3px 0}
  .a-areas button:first-of-type{border-top:0}
  .a-areas b{font-size:10px}
  .site[data-modelo=portfolio] .s-copy{bottom:10px;width:56%}
  .site[data-modelo=portfolio] .s-copy h3{font-size:19px}
  .site[data-modelo=portfolio] .s-cta{margin-top:7px}
  .p-obras{bottom:10px;right:10px}
  .p-obras button{width:34px}
  .site[data-modelo=inscricao] .s-copy{width:46%}
  .i-lista{top:auto;bottom:8px;transform:none;width:50%;right:8px;padding:2px 6px}
  .i-t{grid-template-columns:minmax(0,1fr) auto;padding:3px 0}
  .i-t:first-of-type{border-top:0}
  .i-t__n b{font-size:10px}
  .i-t .s-cta{padding:3px 6px;font-size:10px}
  .i-t:nth-of-type(n+3){display:none}
  .h-marca{font-size:26cqw}
}
@media (prefers-reduced-motion:reduce){.s-over,.site[data-hero=palco] .h-fundo img,.h-selo{animation:none}.chrome,.s-cta{transition:none}}