/* Ajustes para a versão HTML estática da Metalúrgica Garcia. */
html { -webkit-text-size-adjust: 100%; }
body { opacity: 1 !important; }
img { max-width: 100%; height: auto; }
.sitecolor { background-image: none !important; }
#sx, #SITEXPRESSO, .sx_loading, .gt_show { display: none !important; }

/* Vídeos: carregados apenas ao clicar, sem depender do JavaScript do sistema antigo. */
.youtube-player-div { position: relative; cursor: pointer; overflow: hidden; background: #111 !important; min-height: 240px; }
.youtube-player-div iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.youtube-player-div > svg { position: absolute; inset: 0; width: 86px; height: 61px; margin: auto; z-index: 2; pointer-events: none; }
.youtube-player-div.static-video::before { content: "Reproduzir vídeo"; position: absolute; left: 50%; top: calc(50% + 45px); transform: translateX(-50%); color: #fff; font: 14px Arial, sans-serif; white-space: nowrap; z-index: 2; }
.youtube-player-div.static-video.video-loaded::before { display: none; }

/* Formulário estático de contato. */
.static-contact-form { width: 100%; }
.static-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.static-contact-form label { display: block; margin: 0 0 4px; font-weight: 600; }
.static-contact-form input[type="text"],
.static-contact-form input[type="email"],
.static-contact-form textarea { box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid #bbb; border-radius: 2px; background: #fff; }
.static-contact-form textarea { min-height: 110px; resize: vertical; }
.static-contact-form .static-field { margin-bottom: 12px; }
.static-contact-form .static-preference label { display: inline-block; margin: 0 14px 0 4px; font-weight: normal; }
.static-contact-form button { cursor: pointer; padding: 9px 18px; border: 0; background: #2e3436; color: #fff; font-weight: 700; }
.static-contact-note { font-size: 12px; opacity: .75; margin-top: 8px; }

/* O backup não continha as imagens secundárias usadas pelos slides do sistema antigo. */
.static-missing-gallery { display: none !important; }

@media (max-width: 760px) {
  .static-contact-grid { grid-template-columns: 1fr; }
  .youtube-player-div { min-height: 190px; }
}