/* ===============================
   UTILIDADES GLOBALES REUTILIZABLES
   NovuAgencia - utilities.css
==================================*/

/* === Display === */
.d-flex       { display: flex !important; }
.d-inline     { display: inline !important; }
.d-inline-flex{ display: inline-flex !important; }
.d-none       { display: none !important; }

/* === Flex === */
.justify-between { justify-content: space-between !important; }
.justify-center  { justify-content: center !important; }
.justify-end     { justify-content: flex-end !important; }

.align-center    { align-items: center !important; }
.align-start     { align-items: flex-start !important; }
.align-end       { align-items: flex-end !important; }

.flex-column     { flex-direction: column !important; }
.flex-row        { flex-direction: row !important; }

/* === Espaciados === */
.p-0   { padding: 0 !important; }
.p-1   { padding: 4px !important; }
.p-2   { padding: 8px !important; }
.p-3   { padding: 16px !important; }

.pt-1  { padding-top: 4px !important; }
.pt-2  { padding-top: 8px !important; }
.pt-3  { padding-top: 16px !important; }

.pb-1  { padding-bottom: 4px !important; }
.pb-2  { padding-bottom: 8px !important; }

.m-0   { margin: 0 !important; }
.mt-1  { margin-top: 4px !important; }
.mt-2  { margin-top: 8px !important; }
.mt-3  { margin-top: 16px !important; }

.mb-1  { margin-bottom: 4px !important; }
.mb-2  { margin-bottom: 8px !important; }
.mb-3  { margin-bottom: 16px !important; }

/* === Tama���os === */
.w-100    { width: 100% !important; }
.w-auto   { width: auto !important; }
.max-w-600 { max-width: 600px !important; }
.h-100    { height: 100% !important; }

/* === Text === */
.text-center  { text-align: center !important; }
.text-start   { text-align: left !important; }
.text-end     { text-align: right !important; }

.text-bold    { font-weight: 700 !important; }
.text-normal  { font-weight: 400 !important; }
.text-muted   { color: #888 !important; }
.text-danger  { color: #e74c56 !important; }
.text-primary { color: #151562 !important; }

/* === Backgrounds === */
.bg-white    {background-color: #FFFFF !important;}
.bg-light    { background-color: #f9f9fc !important; }
.bg-primary  { background-color: #151562 !important; }
.bg-danger   { background-color: #e74c56 !important; }

/* === Border Radius === */
.rounded     { border-radius: 4px !important; }
.rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-bottom { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }

/* === Utility States === */
.pointer { cursor: pointer !important; }
.shadow-none { box-shadow: none !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-0  { opacity: 0 !important; }

/* === Gap === */
.gap-1 { gap: 4px !important; }
.gap-2 { gap: 8px !important; }
.gap-3 {gap: 16px !important;}

/* === Position === */
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed    { position: fixed !important; }