/* ============================================
   Utilidades — Cuidados en Red
   Generadas en 2026 al migrar los atributos style="" (A-29): una clase por declaración.
   Llevan !important para conservar la precedencia que tenía el atributo style frente a
   las reglas de cada página; por eso esta hoja se carga última.
   Para estilos nuevos, preferir componentes en styles.css antes que sumar utilidades.
   ============================================ */

.u-background-linear-gradient-135deg-4caf50-1b5e20 { background: linear-gradient(135deg, #4CAF50, #1B5E20) !important; }
.u-background-linear-gradient-135deg-f44336-c62828 { background: linear-gradient(135deg, #F44336, #C62828) !important; }
.u-background-linear-gradient-135deg-fff3e0-ffefdc { background: linear-gradient(135deg, #FFF3E0, #FFEFDC) !important; }
.u-background-linear-gradient-135deg-accent-text-6b2600 { background: linear-gradient(135deg, var(--color-accent-text), #6B2600) !important; }
.u-background-linear-gradient-135deg-primary-0d3b5e { background: linear-gradient(135deg, var(--color-primary), #0D3B5E) !important; }
.u-background-linear-gradient-135deg-purple-6a1b9a { background: linear-gradient(135deg, var(--color-purple), #6A1B9A) !important; }
.u-background-linear-gradient-135deg-secondary-14461a { background: linear-gradient(135deg, var(--color-secondary), #14461A) !important; }
.u-background-transparent { background: transparent !important; }
.u-border-2px-solid-1a5276 { border: 2px solid #1A5276 !important; }
.u-border-2px-solid-friction-warning-border { border: 2px solid var(--color-friction-warning-border) !important; }
.u-border-3px-solid-white { border: 3px solid white !important; }
.u-border-none { border: none !important; }
.u-border-left-3px-solid-1b5e20 { border-left: 3px solid #1B5E20 !important; }
.u-border-left-3px-solid-e65100 { border-left: 3px solid #E65100 !important; }
.u-border-left-3px-solid-accent { border-left: 3px solid var(--color-accent) !important; }
.u-border-left-4px-solid-9e9e9e { border-left: 4px solid #9E9E9E !important; }
.u-border-left-4px-solid-d32f2f { border-left: 4px solid #D32F2F !important; }
.u-border-left-4px-solid-e65100 { border-left: 4px solid #E65100 !important; }
.u-border-left-4px-solid-accent { border-left: 4px solid var(--color-accent) !important; }
.u-border-left-4px-solid-primary { border-left: 4px solid var(--color-primary) !important; }
.u-border-left-4px-solid-purple { border-left: 4px solid var(--color-purple) !important; }
.u-border-left-4px-solid-secondary { border-left: 4px solid var(--color-secondary) !important; }
.u-border-left-none { border-left: none !important; }
.u-border-radius-0 { border-radius: 0 !important; }
.u-border-radius-12px { border-radius: 12px !important; }
.u-border-radius-4px { border-radius: 4px !important; }
.u-border-radius-50pct { border-radius: 50% !important; }
.u-border-radius-6px { border-radius: 6px !important; }
.u-border-radius-8px { border-radius: 8px !important; }
.u-border-right-none { border-right: none !important; }
.u-border-top-2px-solid-f5f5f5 { border-top: 2px solid #F5F5F5 !important; }
.u-border-top-4px-solid-90a4ae { border-top: 4px solid #90A4AE !important; }
.u-border-top-4px-solid-accent { border-top: 4px solid var(--color-accent) !important; }
.u-border-top-4px-solid-primary { border-top: 4px solid var(--color-primary) !important; }
.u-border-top-4px-solid-secondary { border-top: 4px solid var(--color-secondary) !important; }
.u-gap-12px { gap: 12px !important; }
.u-gap-16px { gap: 16px !important; }
.u-gap-20px { gap: 20px !important; }
.u-gap-8px { gap: 8px !important; }
.u-list-style-none { list-style: none !important; }
.u-margin-0 { margin: 0 !important; }
.u-margin-0-0-12px-0 { margin: 0 0 12px 0 !important; }
.u-margin-0-0-16px-0 { margin: 0 0 16px 0 !important; }
.u-margin-0-0-8px { margin: 0 0 8px !important; }
.u-margin-0-0-8px-0 { margin: 0 0 8px 0 !important; }
.u-margin-0-auto { margin: 0 auto !important; }
.u-margin-0-auto-32px-auto { margin: 0 auto 32px auto !important; }
.u-margin-12px-0-0 { margin: 12px 0 0 !important; }
.u-margin-24px-auto-0 { margin: 24px auto 0 !important; }
.u-margin-40px-0-24px { margin: 40px 0 24px !important; }
.u-margin-40px-auto-0 { margin: 40px auto 0 !important; }
.u-margin-4px-0 { margin: 4px 0 !important; }
.u-margin-4px-0-0-0 { margin: 4px 0 0 0 !important; }
.u-overflow-hidden { overflow: hidden !important; }
.u-padding-0 { padding: 0 !important; }
.u-padding-0-32px-32px { padding: 0 32px 32px !important; }
.u-padding-10px-24px { padding: 10px 24px !important; }
.u-padding-12px { padding: 12px !important; }
.u-padding-12px-24px { padding: 12px 24px !important; }
.u-padding-14px-32px { padding: 14px 32px !important; }
.u-padding-16px { padding: 16px !important; }
.u-padding-16px-32px { padding: 16px 32px !important; }
.u-padding-16px-40px { padding: 16px 40px !important; }
.u-padding-18px-40px { padding: 18px 40px !important; }
.u-padding-18px-48px { padding: 18px 48px !important; }
.u-padding-20px { padding: 20px !important; }
.u-padding-24px { padding: 24px !important; }
.u-padding-24px-32px { padding: 24px 32px !important; }
.u-padding-32px { padding: 32px !important; }
.u-padding-40px { padding: 40px !important; }
.u-padding-48px { padding: 48px !important; }
.u-padding-4px-0 { padding: 4px 0 !important; }
.u-padding-60px-0 { padding: 60px 0 !important; }
.u-padding-80px-0 { padding: 80px 0 !important; }
.u-text-decoration-underline { text-decoration: underline !important; }
.u-transition-transform-0_3s { transition: transform 0.3s !important; }
.u-align-items-center { align-items: center !important; }
.u-align-items-start { align-items: start !important; }
.u-background-color-075e54 { background-color: #075E54 !important; }
.u-background-color-14461a { background-color: #14461A !important; }
.u-background-color-e3f2fd { background-color: #E3F2FD !important; }
.u-background-color-e8f5e9 { background-color: #E8F5E9 !important; }
.u-background-color-f3e5f5 { background-color: #F3E5F5 !important; }
.u-background-color-f5f5f5 { background-color: #F5F5F5 !important; }
.u-background-color-ffebee { background-color: #FFEBEE !important; }
.u-background-color-fff3e0 { background-color: #FFF3E0 !important; }
.u-background-color-fff9e6 { background-color: #FFF9E6 !important; }
.u-background-color-fff3e0-2 { background-color: #fff3e0 !important; }
.u-background-color-rgba-255-255-255-0_7 { background-color: rgba(255,255,255,0.7) !important; }
.u-background-color-transparent { background-color: transparent !important; }
.u-background-color-primary { background-color: var(--color-primary) !important; }
.u-background-color-secondary { background-color: var(--color-secondary) !important; }
.u-background-color-warm { background-color: var(--color-warm) !important; }
.u-background-color-white { background-color: white !important; }
.u-border-color-white { border-color: white !important; }
.u-border-left-color-d32f2f { border-left-color: #D32F2F !important; }
.u-border-left-color-accent { border-left-color: var(--color-accent) !important; }
.u-border-top-color-secondary { border-top-color: var(--color-secondary) !important; }
.u-box-shadow-0-2px-8px-rgba-0-0-0-0_1 { box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; }
.u-box-shadow-0-4px-16px-rgba-0-0-0-0_08 { box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; }
.u-box-shadow-0-4px-16px-rgba-27-94-32-0_3 { box-shadow: 0 4px 16px rgba(27,94,32,0.3) !important; }
.u-color-0d47a1 { color: #0D47A1 !important; }
.u-color-14461a { color: #14461A !important; }
.u-color-1a5276 { color: #1A5276 !important; }
.u-color-333 { color: #333 !important; }
.u-color-444 { color: #444 !important; }
.u-color-444444 { color: #444444 !important; }
.u-color-505050 { color: #505050 !important; }
.u-color-546e7a { color: #546E7A !important; }
.u-color-6a1b9a { color: #6A1B9A !important; }
.u-color-90a4ae { color: #90A4AE !important; }
.u-color-9a1515 { color: #9A1515 !important; }
.u-color-9e9e9e { color: #9E9E9E !important; }
.u-color-accent-text { color: var(--color-accent-text) !important; }
.u-color-friction-emphasis { color: var(--color-friction-emphasis) !important; }
.u-color-primary { color: var(--color-primary) !important; }
.u-color-purple { color: var(--color-purple) !important; }
.u-color-purple-6a1b9a { color: var(--color-purple, #6A1B9A) !important; }
.u-color-secondary-text { color: var(--color-secondary-text) !important; }
.u-color-white { color: white !important; }
.u-cursor-pointer { cursor: pointer !important; }
.u-display-block { display: block !important; }
.u-display-flex { display: flex !important; }
.u-display-grid { display: grid !important; }
.u-display-inline-block { display: inline-block !important; }
.u-flex-direction-column { flex-direction: column !important; }
.u-flex-shrink-0 { flex-shrink: 0 !important; }
.u-flex-wrap-wrap { flex-wrap: wrap !important; }
.u-font-size-1_0625rem { font-size: 1.0625rem !important; }
.u-font-size-1_125rem { font-size: 1.125rem !important; }
.u-font-size-1_25rem { font-size: 1.25rem !important; }
.u-font-size-1_375rem { font-size: 1.375rem !important; }
.u-font-size-1_5rem { font-size: 1.5rem !important; }
.u-font-size-1_625rem { font-size: 1.625rem !important; }
.u-font-size-1_75rem { font-size: 1.75rem !important; }
.u-font-size-1rem { font-size: 1rem !important; }
.u-font-size-2_25rem { font-size: 2.25rem !important; }
.u-font-size-2rem { font-size: 2rem !important; }
.u-font-size-3_5rem { font-size: 3.5rem !important; }
.u-font-size-3rem { font-size: 3rem !important; }
.u-font-style-italic { font-style: italic !important; }
.u-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums !important; }
.u-font-weight-600 { font-weight: 600 !important; }
.u-font-weight-700 { font-weight: 700 !important; }
.u-font-weight-bold { font-weight: bold !important; }
.u-height-100pct { height: 100% !important; }
.u-height-120px { height: 120px !important; }
.u-justify-content-center { justify-content: center !important; }
.u-line-height-1_6 { line-height: 1.6 !important; }
.u-line-height-1_8 { line-height: 1.8 !important; }
.u-line-height-2 { line-height: 2 !important; }
.u-margin-bottom-0 { margin-bottom: 0 !important; }
.u-margin-bottom-12px { margin-bottom: 12px !important; }
.u-margin-bottom-16px { margin-bottom: 16px !important; }
.u-margin-bottom-20px { margin-bottom: 20px !important; }
.u-margin-bottom-24px { margin-bottom: 24px !important; }
.u-margin-bottom-32px { margin-bottom: 32px !important; }
.u-margin-bottom-40px { margin-bottom: 40px !important; }
.u-margin-bottom-48px { margin-bottom: 48px !important; }
.u-margin-bottom-4px { margin-bottom: 4px !important; }
.u-margin-bottom-8px { margin-bottom: 8px !important; }
.u-margin-left-12px { margin-left: 12px !important; }
.u-margin-left-4px { margin-left: 4px !important; }
.u-margin-left-auto { margin-left: auto !important; }
.u-margin-right-8px { margin-right: 8px !important; }
.u-margin-right-auto { margin-right: auto !important; }
.u-margin-top-12px { margin-top: 12px !important; }
.u-margin-top-16px { margin-top: 16px !important; }
.u-margin-top-20px { margin-top: 20px !important; }
.u-margin-top-24px { margin-top: 24px !important; }
.u-margin-top-32px { margin-top: 32px !important; }
.u-margin-top-40px { margin-top: 40px !important; }
.u-margin-top-48px { margin-top: 48px !important; }
.u-margin-top-4px { margin-top: 4px !important; }
.u-max-width-500px { max-width: 500px !important; }
.u-max-width-600px { max-width: 600px !important; }
.u-max-width-700px { max-width: 700px !important; }
.u-max-width-800px { max-width: 800px !important; }
.u-max-width-900px { max-width: 900px !important; }
.u-opacity-0_8 { opacity: 0.8 !important; }
.u-opacity-0_9 { opacity: 0.9 !important; }
.u-opacity-0_95 { opacity: 0.95 !important; }
.u-padding-left-24px { padding-left: 24px !important; }
.u-padding-top-12px { padding-top: 12px !important; }
.u-padding-top-8px { padding-top: 8px !important; }
.u-position-relative { position: relative !important; }
.u-text-align-center { text-align: center !important; }
.u-text-align-left { text-align: left !important; }
.u-width-120px { width: 120px !important; }