/* ======== Fonte Base e Estilo Global ======== */
html {
  font-size: 100% !important; /* 16px base */
}

body {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem !important; /* 16px */
  line-height: 1.5 !important;
  color: #222;
  background-color: #fff;
  margin: 0 !important;
  padding: 0 !important;
}

/* ======== Títulos para Mobile ======== */
h1 {
  font-size: 1.75rem !important; /* 28px */
  line-height: 1.2 !important;
  margin-bottom: 0.5em !important;
  font-style: normal !important;
}

h2 {
  font-size: 1.375rem !important; /* 22px */
  line-height: 1.3 !important;
  margin-bottom: 0.5em !important;
  font-style: normal !important;
}

h3 {
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.4 !important;
  margin-bottom: 0.5em !important;
  font-style: normal !important;
}

/* Texto e legendas */
p {
  font-size: 1rem !important; /* 16px */
  margin-bottom: 1em !important;
  font-style: normal !important;
}

ul li u, ul li {
    font-size: 1rem !important; /* 16px */
    margin-bottom: 1em !important;
    font-style: normal !important;
}

small {
  font-size: 0.875rem !important; /* 14px */
  font-style: normal !important;
}

label, input, button, select, textarea {
  font-size: 22px !important;
}

select, input {
  width: 320px !important;
  height: 35px !important;
}

input[type="radio"], input[type="checkbox"] {
  width: auto !important;
}

#enviar-botao {
  width: auto !important;
  font-weight: bold !important;
}

textarea::placeholder {
  font-size: 18px !important;
}

nav li {
  margin-bottom: 0 !important;
}



/* ======== Ajuste Automático para Telas Maiores ======== */
@media (min-width: 768px) {
  h1 {
    font-size: 2.25rem !important; /* 36px */
  }
  h2 {
    font-size: 1.75rem !important; /* 28px */
  }
  h3 {
    font-size: 1.375rem !important; /* 22px */
  }
  p, ul li u {
    font-size: 1.125rem !important; /* 18px */
  }
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem !important; /* 40px */
  }
  h2 {
    font-size: 2rem !important; /* 32px */
  }
  h3 {
    font-size: 1.5rem !important; /* 24px */
  }
  p, ul li u {
    font-size: 1.125rem !important; /* 18px */
  }
  .enviar-botao {
    width: 100%;
  }
}