/* Botões fluidos: o texto ocupa sua área sem competir com a seta. */
.tablet-about-art,.differences-grid,.difference-item,.faq-intro {display:contents;}
.cta {
  --cta-height:max(56px,calc(60 * var(--u)));
  --cta-core:calc(var(--cta-height) - 18 * var(--u));
  --cta-right:calc(12 * var(--u));
  --cta-left:calc(28 * var(--u));
  --cta-gap:calc(38 * var(--u));
  --cta-icon:calc(18 * var(--u));
  --cta-separator:calc(var(--cta-height) - 34 * var(--u));
  --cta-separator-gap:calc(19 * var(--u));
  height:var(--cta-height);
  border-radius:calc(var(--cta-height)/2);
}
.v462,.v476 {--cta-height:max(44px,calc(48 * var(--u)));}
.d146 {
  --cta-height:44px;
  --cta-core:calc(30 * var(--u));
  --cta-right:calc(10 * var(--u));
  --cta-left:calc(18 * var(--u));
  --cta-gap:calc(32 * var(--u));
  --cta-icon:calc(14 * var(--u));
  --cta-separator:calc(18 * var(--u));
  --cta-separator-gap:calc(15 * var(--u));
  top:50%;transform:translateY(-50%);
}
.cta > :is(.v413,.v463,.v477,.v584,.d147,.v627) {
  inset:calc(1.25 * var(--u));width:auto;height:auto;
  border-radius:calc(var(--cta-height)/2 - 1.25 * var(--u));
}
.cta > :is(.v414,.v464,.v478,.v585,.d148,.v628) {
  inset:calc(3.5 * var(--u));width:auto;height:auto;
  border-radius:calc(var(--cta-height)/2 - 3.5 * var(--u));
}
.cta > :is(.v417,.v467,.v481,.v588,.d151,.v631) {
  left:auto;right:var(--cta-right);top:50%;bottom:auto;
  width:var(--cta-core);height:var(--cta-core);transform:translateY(-50%);
}
.cta > :is(.v419,.v469,.v483,.v590,.d153,.v633) {
  left:auto;right:calc(var(--cta-right) + (var(--cta-core) - var(--cta-icon))/2);
  top:50%;bottom:auto;width:var(--cta-icon);height:var(--cta-icon);transform:translateY(-50%);
}
.cta > :is(.v416,.v466,.v480,.v587,.d150,.v630) {
  left:auto;right:calc(var(--cta-right) + var(--cta-core) + var(--cta-separator-gap));
  top:50%;bottom:auto;width:calc(1 * var(--u));height:var(--cta-separator);transform:translateY(-50%);
}
.cta > :is(.v418,.v468,.v482,.v589,.d152,.v632) {
  left:var(--cta-left);right:calc(var(--cta-right) + var(--cta-core) + var(--cta-gap));
  top:50%;bottom:auto;width:auto;height:auto;transform:translateY(-50%);white-space:nowrap;
}
.cta .copy-desktop,.cta .copy-mobile {white-space:nowrap;}
.v468,.v482 {font-size:clamp(14px,1vw,16px);}
.d146 > .d147 {inset:calc(1 * var(--u));border-radius:999px;}
.d146 > .d148 {inset:calc(3 * var(--u));border-radius:999px;}
.menu-link-icon {width:24px;height:24px;top:18px;right:0;left:auto;color:#EDB67D;}

@media (max-width:1439px) {
  .cta {
    --cta-height:56px;--cta-core:38px;--cta-right:12px;--cta-left:22px;
    --cta-gap:26px;--cta-icon:18px;--cta-separator:22px;--cta-separator-gap:19px;
  }
  .v462,.v476 {--cta-right:10px;}
  .v468,.v482 {font-size:15px;}
  .cta .copy-desktop {display:none;}
  .cta .copy-mobile {display:contents;}
}

/* Tablets e notebooks compactos partem da composição desktop. */
@media (min-width:768px) and (max-width:1439px) {
  :root {--u:1px;--tablet-pad:clamp(32px,4vw,64px);}
  .canvas {max-width:1440px;}
  .copy-desktop {display:contents;}
  .copy-mobile {display:none;}
  :where(.scene:not(#inicio)) .canvas {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 32px;align-items:start;padding:64px var(--tablet-pad);
    height:auto;min-height:0;
  }
  .scene .spacer {display:none;}
  :where(.scene:not(#inicio)) .canvas > :where(h2,p,article,.art-stage,.faq-list,.brand-link,.section-link) {
    position:relative;inset:auto;width:100%;height:auto;
  }
  .scene h2 {font-size:clamp(32px,3.8vw,52px);line-height:1.12;letter-spacing:-1.2px;}
  .scene p {font-size:16px;line-height:25px;}
  .scene h3 {font-size:20px;line-height:28px;}
  .scene .canvas > :is(.v421,.v447,.v485,.v507,.v533,.v566,.v573,.v594) {
    left:var(--tablet-pad);right:var(--tablet-pad);top:0;width:auto;
  }
  .art-stage {position:relative;overflow:hidden;}
  .art-stage .sculpture {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;}
  .art-stage > :is(.v427,.v453,.v491,.v511,.v575) {left:-7%;top:0;width:114%;height:100%;}
  .art-stage > [data-reveal-layer="mask"] {left:0;right:0;top:auto;bottom:0;width:100%;height:64px;}
  #problema article .copy-desktop,#processo article .copy-desktop,#experiencia article .copy-desktop {display:none;}
  #problema article .copy-mobile,#processo article .copy-mobile,#experiencia article .copy-mobile {display:contents;}

  /* Hero horizontal, mensagem central e apoio alinhado à direita. */
  #inicio .v398 {display:block;height:760px;padding:0;}
  .v399 {left:0;top:0;width:100%;max-width:none;height:100%;transform:none;}
  .v400 {left:50%;top:32px;width:calc(100% - 64px);max-width:1080px;height:60px;transform:translateX(-50%);border-radius:30px;}
  .v401 {height:calc(100% - 2px);border-radius:29px;}
  .v402 {height:calc(100% - 7px);border-radius:27px;}
  .v719 {left:24px;top:8px;}
  .v404 {display:none;}
  .d139 {display:block;left:28px;top:.4px;width:180px;}
  .d141 {display:block;left:160px;top:20px;}
  .d142 {display:flex;position:absolute;left:50%;top:8px;width:auto;height:44px;transform:translateX(-50%);gap:20px;align-items:center;overflow:visible;}
  .d143,.d144,.d145 {display:block;position:relative;inset:auto;width:auto;min-width:44px;height:44px;line-height:22px;padding-block:11px;font-size:14px;text-align:center;}
  .d146 {display:block;left:auto;right:16px;top:50%;width:190px;--cta-height:44px;--cta-core:30px;--cta-right:10px;--cta-left:18px;--cta-gap:24px;--cta-icon:14px;--cta-separator:18px;--cta-separator-gap:15px;}
  .d147,.d148,.d149,.d150,.d151,.d152,.d153 {display:block;}
  .d152 {font-size:13px;line-height:20px;}
  .v407 {display:contents;}
  #inicio .v408 {position:absolute;left:50%;top:250px;width:calc(100% - 2 * var(--tablet-pad));height:auto;transform:translateX(-50%);font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-1.7px;text-align:center;}
  #inicio .v410 {position:absolute;left:auto;right:var(--tablet-pad);top:520px;width:calc(100% - 2 * var(--tablet-pad));max-width:560px;font-size:18px;line-height:28px;text-align:right;}
  #inicio .v412 {position:absolute;left:auto;right:var(--tablet-pad);top:640px;width:288px;--cta-height:60px;}

  /* Problema: argumentos à esquerda, gesto completo à direita. */
  .v422 {grid-column:1;grid-row:1;}
  .v424 {grid-column:1;grid-row:2;}
  #problema .v426 {grid-column:2;grid-row:1/span 5;height:clamp(460px,54vw,640px);align-self:center;}
  .v431 {grid-column:1;grid-row:3;}
  .v437 {grid-column:1;grid-row:4;}
  .v443 {grid-column:1;grid-row:5;}
  .v435,.v441 {display:none;}

  /* Serviços: escultura à esquerda, cards legíveis à direita. */
  .v448 {grid-column:2;grid-row:1;}
  .v450 {grid-column:2;grid-row:2;}
  #servicos .v452 {grid-column:1;grid-row:1/span 4;height:auto;min-height:600px;align-self:stretch;}
  .v457 {grid-column:2;grid-row:3;}
  .v471 {grid-column:2;grid-row:4;}
  #servicos .v454 {height:100%;object-fit:cover;object-position:center top;}
  #servicos :is(.v457,.v471) {padding:18px;gap:14px;}
  #servicos h3 {font-size:22px;line-height:28px;}
  #servicos :is(.v458,.v472) {font-size:10px;line-height:16px;}
  #servicos :is(.v461,.v475) {font-size:13px;line-height:20px;}
  #servicos .cta {width:100%;}

  .v486 {grid-column:1;grid-row:1;}
  .v488 {grid-column:1;grid-row:2;}
  #experiencia .v490 {grid-column:2;grid-row:1/span 5;height:clamp(420px,50vw,640px);align-self:center;}
  .v495 {grid-column:1;grid-row:3;}
  .v499 {grid-column:1;grid-row:4;}
  .v503 {grid-column:1;grid-row:5;}

  .v508 {grid-column:2;grid-row:1;}
  #processo .v510 {grid-column:1;grid-row:1/span 5;height:clamp(400px,54vw,660px);align-self:center;}
  .v515 {grid-column:2;grid-row:2;}
  .v521 {grid-column:2;grid-row:3;}
  .v527 {grid-column:2;grid-row:4;}
  .v531 {grid-column:2;grid-row:5;}
  .v519,.v525 {display:none;}

  /* Sobre: composição editorial com quatro diferenciais em duas colunas. */
  .v534 {display:contents;}
  .v535,.v536 {position:relative;inset:auto;width:100%;height:auto;grid-column:1;}
  .v535 {grid-row:1;}
  .v536 {grid-row:2;}
  .v540 {grid-column:1;grid-row:3;}
  .tablet-about-art {display:block;position:relative;grid-column:2;grid-row:1/span 3;align-self:stretch;min-height:380px;overflow:hidden;}
  .tablet-about-art .v537 {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;}
  .tablet-about-art .v538 {left:0;right:0;top:auto;bottom:0;width:100%;height:64px;}
  .differences-grid {display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-top:8px;}
  .difference-item {display:flex;min-width:0;flex-direction:column;gap:10px;}
  .difference-item > :is(h3,p) {width:100%;}
  .difference-item h3 {font-size:20px;line-height:28px;}

  .v567 {grid-column:1;grid-row:1;}
  .v569 {grid-column:1;grid-row:2;align-self:start;}
  .faq-intro {display:flex;flex-direction:column;gap:24px;grid-column:1;grid-row:1;}
  #perguntas .v571 {grid-column:2;grid-row:1;height:600px;overflow-y:auto;overflow-x:hidden;}
  .faq-list {overscroll-behavior:contain;}

  #contato .v574 {grid-column:1;grid-row:1/span 4;height:clamp(420px,50vw,640px);align-self:center;}
  .v579 {grid-column:2;grid-row:1;}
  .v581 {grid-column:2;grid-row:2;}
  #contato .v583 {position:relative;inset:auto;grid-column:2;grid-row:3;width:100%;max-width:342px;}
  .v592 {grid-column:2;grid-row:4;}

  #rodape .v593 {grid-template-columns:minmax(0,1fr) repeat(3,max-content);gap:12px 24px;padding:40px var(--tablet-pad);}
  .v721 {grid-column:1;grid-row:1;}
  .v597 {grid-column:1;grid-row:2;}
  .v599 {grid-column:2;grid-row:1;}
  .v601 {grid-column:3;grid-row:1;}
  .v603 {grid-column:4;grid-row:1;}
  #rodape .v605 {grid-column:2/span 3;grid-row:2;justify-self:end;width:auto;min-width:140px;}
  #rodape .section-link {min-width:44px;height:44px;}
  #rodape .brand-link {min-height:44px;}
  #rodape :is(.v600,.v602,.v604,.v606) {width:100%;white-space:nowrap;}
}

@media (max-width:767px) {
  .menu-link-icon {height:24px;}
}
@media (max-width:374px) {
  .v462,.v476 {--cta-core:34px;--cta-left:18px;--cta-gap:16px;}
  .v468,.v482 {font-size:14px;}
}
@media (max-width:340px) {
  .v462,.v476 {--cta-core:32px;--cta-left:16px;--cta-gap:12px;}
  .v468,.v482 {font-size:13px;}
}
