/* Reset minimal isolé à #simulador — équivalent de css/reset.css du simulateur
   (vendu dans public/simulador-cdeck/, jamais modifié), volontairement NON
   chargé ici : ses sélecteurs globaux (html, body, a, button...) écraseraient
   le reset du site sur toute la page.

   :where(#simulador) isole sans ajouter de spécificité, pour ne jamais passer
   devant les classes du simulateur lui-même (.btn-primario, .input-campo...).

   Fichier statique servi tel quel (hors pipeline Astro/Lightning CSS) car ce
   pipeline "déballe" :where() en sélecteur simple et détruit sa spécificité
   nulle — vérifié en pratique sur ce projet (Astro 7). */

:where(#simulador, #simulador *, #simulador *::before, #simulador *::after) {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:where(#simulador) img, :where(#simulador) video { max-width: 100%; display: block; }
:where(#simulador) input, :where(#simulador) button, :where(#simulador) select, :where(#simulador) textarea {
  font: inherit;
  border: none;
  outline: none;
  background: none;
}
:where(#simulador) button { cursor: pointer; }
:where(#simulador) ul, :where(#simulador) ol { list-style: none; }
:where(#simulador) a { text-decoration: none; color: inherit; }

/* ═══════════════════════════════════════════════════════════════════
   COLLISIONS DE NOMS avec src/styles/global.css du site
   ═══════════════════════════════════════════════════════════════════
   global.css est chargé APRÈS main-2573.css (Astro hoiste tous les
   <style> des composants en fin de <head>, après le contenu du slot
   "head" de cette page) — donc à spécificité égale, ses règles gagnent
   sur celles du simulateur. Ici on utilise #simulador + sélecteur (PAS
   :where) pour battre ces règles de façon fiable, mais seulement sur
   des propriétés que les classes propres du simulateur ne définissent
   jamais elles-mêmes (sinon on écraserait, par ex., le font-weight de
   .ecra-titulo). */

/* body : le site redéfinit font-family/color sur le sélecteur body,
   qui s'applique aussi à l'intérieur de #simulador (héritage). */
#simulador {
  font-family: var(--fonte-principal);
  color: var(--cor-texto);
}

/* h1..h6 : le site fixe une police + line-height globaux ; le
   simulateur ne les définit que via ses propres classes (.ecra-titulo
   etc., qui restent seules responsables de font-size/font-weight). */
#simulador h1, #simulador h2, #simulador h3,
#simulador h4, #simulador h5, #simulador h6 {
  font-family: var(--fonte-principal);
  line-height: normal;
}

/* liens : le site colore tout <a> en bleu IHT. */
#simulador a, #simulador a:hover { color: inherit; }

/* .btn : LE VRAI conflit visible — le site a sa propre classe utilitaire
   .btn (src/styles/global.css:172), même nom que la classe de base du
   simulateur (main-2573.css:108). Même spécificité, mais global.css
   charge après → il gagnait sur padding/border/border-radius/font-size,
   ce qui aplatissait visuellement "Retour"/"Voltar" (bordure disparue)
   et les autres boutons. Copie fidèle du bloc .btn du simulateur —
   À REVOIR si ce bloc change dans un futur ZIP fourni par le prestataire.

   NOTE volontaire : "border" n'est PAS repris ici. #simulador + classe a
   une spécificité plus forte qu'un ID seul (1,1,0) qui bat aussi bien le
   site QUE les propres classes-modificateurs du simulateur (.btn-secundario,
   .btn-terciario, qui définissent chacune leur propre border) — copier
   border:none ici casserait leur bordure. Le border de .btn-secundario/
   .btn-terciario est donc restauré séparément, ci-dessous. */
#simulador .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  border-radius: var(--raio-borda);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  transition: opacity 0.2s, transform 0.1s;
  cursor: pointer;
}
#simulador .btn:active { transform: scale(0.97); }
#simulador .btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* Bordure des variantes .btn-secundario/.btn-terciario — même conflit que
   ci-dessus, mais sur une propriété que seules CES classes définissent
   (pas .btn de base), donc restaurée ici spécifiquement. */
#simulador .btn-secundario { border: 2px solid var(--cor-primaria); }
#simulador .btn-terciario { border: 2px solid var(--cor-borda); }
