/* =============================================================================
   global.css — CalculaMedica
   Estilos compartilhados entre todas as páginas e locales.
   Zero texto visível. Zero tradução.
   @updated 2026-05-30
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Design Tokens
   ----------------------------------------------------------------------------- */
:root {
  --accent:   #1e40af;
  --text:     #1f2937;
  --muted:    #6b7280;
  --bg:       #f9fafb;
  --card-bg:  #ffffff;
  --shadow:   0 1px 3px rgba(0, 0, 0, 0.1);
}

/* -----------------------------------------------------------------------------
   Base
   ----------------------------------------------------------------------------- */
body {
  font-family: 'Inter', 'Roboto', sans-serif;
}

/* Reset de fieldset — evita bordas e padding nativos do browser */
fieldset {
  border:  0;
  padding: 0;
  margin:  0;
}

/* -----------------------------------------------------------------------------
   Utilitários globais
   ----------------------------------------------------------------------------- */

/* Gradiente do título principal (h1 CALCULAMEDICA) */
.title-gradient {
  font-size:                3rem;
  font-weight:              700;
  background:               linear-gradient(to right, #1e40af, #63b3ed);
  -webkit-background-clip:  text;
  -webkit-text-fill-color:  transparent;
  background-clip:          text;
  text-align:               center;
  width:                    100%;
}

/* Wrapper de largura máxima para o conteúdo principal */
.content-width {
  width:      100%;
  max-width:  700px;
  margin:     0 auto;
}

/* Caixa de resultado das calculadoras */
.result-box {
  transition: all 0.3s ease;
}

/* -----------------------------------------------------------------------------
   Responsivo
   ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .title-gradient {
    font-size: 1.8rem;
  }

  .content-width {
    max-width: 100%;
  }
}