/* ===============================================================
   IMAGAS / CONTATO — personalização independentemente de outras páginas
   =============================================================== */
body.page-contato {
  --ic-font: "Courier New", monospace;
  --ic-ink: var(--page-ui-color, #4b5d8a);
  --ic-content-width: 780px;
  --ic-content-x: 0px;
  --ic-content-y: 0px;
  --ic-top: 38px;               /* descer o conteúdo inteiro */
  --ic-section-gap: 42px;
  --ic-social-columns: 2;
  --ic-buttons-gap: 12px;
  --ic-title-size: 36px;
  --ic-text-size: 14px;
  --ic-small-size: 12px;
  --ic-button-font-size: 14px;
  --ic-button-padding: 13px;
}
html:has(body.page-contato), body.page-contato { overflow-x:hidden; overflow-y:auto; }
body.page-contato .ic-main {
  display:block; position:relative; z-index:10; width:100%; height:auto;
  min-height:0; padding:var(--ic-top) 12px 130px; pointer-events:auto;
}
body.page-contato .ic-stage {
  display:block; width:100%; max-width:none; height:auto; min-height:0;
  aspect-ratio:auto; margin:0 auto; padding:0;
}
body.page-contato .ic-stage > .subpage-mesh {display:none;}
body.page-contato .ic-page {
  box-sizing:border-box; position:relative;
  width:min(var(--ic-content-width), calc(100vw - 32px));
  margin:0 auto; padding:0;
  transform:translate(var(--ic-content-x),var(--ic-content-y));
  font:400 var(--ic-text-size)/1.6 var(--ic-font);
  color:var(--ic-ink); text-align:center; overflow-wrap:anywhere;
}
body.page-contato .ic-page * {box-sizing:border-box;}
body.page-contato .ic-heading {display:flex; flex-direction:column; gap:9px; align-items:center;}
body.page-contato .ic-heading p {margin:0;}
body.page-contato .ic-kicker {font-size:var(--ic-small-size); letter-spacing:.12em;}
body.page-contato .ic-heading h1 {margin:0; font:700 var(--ic-title-size)/1.18 var(--ic-font);}
body.page-contato .ic-section {margin-top:var(--ic-section-gap);}
body.page-contato .ic-section h2 {margin:0 0 17px; font:700 17px/1.4 var(--ic-font); letter-spacing:.06em;}
body.page-contato .ic-social-grid {
  display:grid; grid-template-columns:repeat(var(--ic-social-columns),minmax(0,1fr));
  gap:var(--ic-buttons-gap);
}
body.page-contato .ic-link {
  display:flex; justify-content:center; align-items:center; min-width:0;
  padding:var(--ic-button-padding) 8px; border:1px solid currentColor;
  color:inherit; background:transparent; text-align:center; text-decoration:none;
  font:700 var(--ic-button-font-size)/1.4 var(--ic-font);
  transition:background .15s,color .15s;
}
body.page-contato .ic-link:hover {background:var(--ic-ink);color:var(--panel-backdrop,#fff);}
body.page-contato .ic-portfolio {width:100%;}
body.page-contato .ic-email-row {margin:21px 0 0;display:flex;flex-wrap:wrap;gap:7px;justify-content:center;}
body.page-contato .ic-email-row a {color:inherit; overflow-wrap:anywhere;}
body.page-contato .ic-section-subtitle {margin:0 auto 10px;max-width:580px;}
body.page-contato .ic-frame {border:0; display:block; width:100%; height:700px; min-height:300px; overflow:hidden; background:transparent;}
body.page-contato a:focus-visible {outline:2px solid currentColor;outline-offset:4px;}
html[data-imagas-layout="mobile"] body.page-contato {
  --ic-content-width:58vw; /* corredor branco entre as faixas de ASCII */
  --ic-content-x:0px;
  --ic-content-y:0px;
  --ic-top:22px;
  --ic-section-gap:28px;
  --ic-title-size:clamp(18px,5vw,27px);
  --ic-text-size:clamp(10px,2.7vw,12px);
  --ic-small-size:clamp(9px,2.35vw,11px);
  --ic-button-font-size:clamp(9px,2.45vw,12px);
  --ic-button-padding:9px;
  --ic-buttons-gap:7px;
  --ic-social-columns:1;
}
html[data-imagas-layout="mobile"] body.page-contato .ic-page {width:min(var(--ic-content-width),calc(100vw - 20px));}
html[data-imagas-layout="mobile"] body.page-contato .ic-section h2 {font-size:12px;}
html[data-imagas-layout="mobile"] body.page-contato .ic-email-row {font-size:11px;}
html[data-imagas-layout="mobile"] body.page-contato .ic-link {overflow-wrap:anywhere;}
@media (max-width:600px) {
  body.page-contato:not(.nada) {--ic-content-width:58vw;--ic-title-size:23px;--ic-text-size:11px;--ic-small-size:10px;--ic-button-font-size:11px;--ic-buttons-gap:8px;--ic-button-padding:10px;--ic-social-columns:1;}
  body.page-contato .ic-page {width:min(var(--ic-content-width),calc(100vw - 20px));}
}
@media (prefers-reduced-motion:reduce) {body.page-contato .ic-link{transition:none;}}


/* ================================================================
   IMAGAS — BOTÕES PNG PERSONALIZADOS / CONTATO
   Para trocar as artes, substitua os arquivos em /imagens/contato/.
   Os botões preservam o aspecto da imagem (object-fit: contain).
   ================================================================ */
body.page-contato {
  /* TAMANHOS DESKTOP — edite sem tocar no HTML */
  --ic-social-image-width: 300px;
  --ic-social-image-height: 70px;
  --ic-portfolio-image-width: 420px;
  --ic-portfolio-image-height: 74px;
}
body.page-contato .ic-social-grid {justify-items:center;}
body.page-contato .ic-link.ic-art-button {
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-inline:auto;
  width:min(100%,var(--ic-art-width,var(--ic-social-image-width)));
  height:var(--ic-art-height,var(--ic-social-image-height));
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  text-decoration:none;
  transition:opacity .15s ease;
}
body.page-contato .ic-link.ic-art-button:hover {
  background:transparent;
  color:inherit;
  opacity:.72;
}
body.page-contato .ic-art-image {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
body.page-contato .ic-portfolio {
  --ic-art-width:var(--ic-portfolio-image-width);
  --ic-art-height:var(--ic-portfolio-image-height);
}
/* TAMANHOS MOBILE */
html[data-imagas-layout="mobile"] body.page-contato {
  --ic-social-image-width:185px;
  --ic-social-image-height:46px;
  --ic-portfolio-image-width:200px;
  --ic-portfolio-image-height:50px;
}
@media(max-width:600px) {
  body.page-contato {
    --ic-social-image-width:185px;
    --ic-social-image-height:46px;
    --ic-portfolio-image-width:200px;
    --ic-portfolio-image-height:50px;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.page-contato .ic-link.ic-art-button {transition:none;}
}
/* DESKTOP */
body.page-contato {
    --ic-top: 135px;
}

/* MOBILE */
html[data-imagas-layout="mobile"] body.page-contato {
    --ic-top: 35px;
}