/* ==========================================================================
   ClinicusMed — Design System v2
   utilities.css — classes utilitárias pequenas e diretas
   ==========================================================================
   Regra desse arquivo: só entra aqui classe de uma responsabilidade só
   (texto, espaçamento, visibilidade). Nada de componente complexo —
   isso vai em components.css.
   ========================================================================== */

.cx-text-display{ font-family: var(--cx-font-display); }
.cx-text-body{ font-family: var(--cx-font-body); }

.cx-text-gold{ color: var(--cx-gold); }
.cx-text-green{ color: var(--cx-green-light); }
.cx-text-gray{ color: var(--cx-gray); }
.cx-text-white{ color: var(--cx-white); }

.cx-text-center{ text-align: center; }

.cx-mt-0{ margin-top: 0; }
.cx-mb-0{ margin-bottom: 0; }

.cx-sr-only{
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.cx-hidden{ display: none !important; }

@media (max-width: 720px){
  .cx-hide-mobile{ display: none !important; }
}
@media (min-width: 721px){
  .cx-hide-desktop{ display: none !important; }
}