/* Estilos mínimos para páginas internas (conteúdo) - responsivo */
html{ box-sizing: border-box; }
*, *:before, *:after{ box-sizing: inherit; }

body{
  margin: 0;
  padding: 12px;
  font-family: Verdana, Arial, sans-serif;
}

img{ max-width: 100%; height: auto; }
iframe{ max-width: 100%; }
table{ max-width: 100%; }

@media (max-width: 768px){
  body{ padding: 10px; }
  /* Evita que tabelas simples "estourem" a largura */
  table{ width: 100% !important; }

  /* Ajuste específico da home (tabela com 3 colunas) */
  #table1, #table1 tbody, #table1 tr, #table1 td{
    display: block;
    width: 100% !important;
  }
  #table1 td{ margin-bottom: 12px; }

  /* Widgets embutidos (ex.: CPTEC) */
  iframe{ width: 100% !important; }
}

/* Controles de formulário (ex.: fale.asp) */
input, textarea, select, button{ font: inherit; }

@media (max-width: 768px){
  input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select{
    width: 100% !important;
    max-width: 100%;
  }
  textarea{ min-height: 120px; }
}