/* =============================================================================
 * inline-utilities.css
 * PARCHE SEGURIDAD 2026-09-11 (Fase 7): utility classes generadas por script
 * a partir de style="..." inline. Permite retirar unsafe-inline de style-src.
 * NO editar a mano; regenera con scripts/refactor-styles.py
 * !important replica la especificidad de style="..." attr (1000 sobre class).
 * ============================================================================= */

/* 430 usos */
.u-inline-1 { color:var(--muted) !important; text-decoration:none !important }
/* 430 usos */
.u-inline-2 { opacity:.45 !important; margin:0 2px !important }
/* 270 usos */
.u-inline-3 { color:var(--muted) !important }
/* 158 usos */
.u-inline-4 { color:var(--text) !important }
/* 148 usos */
.u-inline-5 { font-size:.82rem !important; margin:0 0 16px !important; display:flex !important; flex-wrap:wrap !important; gap:6px !important; align-items:center !important; line-height:1.4 !important }
/* 134 usos */
.u-inline-6 { color:var(--accent) !important }
/* 122 usos */
.u-inline-7 { margin-left:auto !important; text-align:right !important }
/* 30 usos */
.u-inline-8 { margin:0 !important; border-radius:18px !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.10) !important; background:#0b0b0d !important }
/* 30 usos */
.u-inline-9 { padding:12px 16px !important; font-size:.88rem !important; color:var(--muted) !important }
/* 28 usos */
.u-inline-10 { width:100% !important; aspect-ratio:1/1 !important; object-fit:cover !important; display:block !important }
/* 28 usos */
.u-inline-11 { margin-top:12px !important }
/* 24 usos */
.u-inline-12 { white-space:normal !important; text-align:center !important; line-height:1.2 !important }
/* 20 usos */
.u-inline-13 { width:100% !important; aspect-ratio:1/1 !important; object-fit:cover !important; border-radius:14px !important; display:block !important }
/* 20 usos */
.u-inline-14 { display:inline-flex !important; padding:5px 12px !important; border-radius:999px !important; background:rgba(216,31,38,.14) !important; border:1px solid rgba(216,31,38,.35) !important; font-size:.82rem !important; font-weight:700 !important; margin-bottom:8px !important }
/* 20 usos */
.u-inline-15 { margin:4px 0 6px !important; font-size:1.5rem !important }
/* 20 usos */
.u-inline-16 { color:var(--muted) !important; margin:0 !important; font-size:.9rem !important }
/* 16 usos */
.u-inline-17 { grid-column:1/-1 !important; margin-bottom:28px !important }
/* 14 usos */
.u-inline-18 { display:inline-flex !important; padding:5px 14px !important; border-radius:999px !important; background:rgba(216,31,38,.14) !important; border:1px solid rgba(216,31,38,.35) !important; font-size:.82rem !important; font-weight:700 !important; margin-bottom:16px !important }
/* 14 usos */
.u-inline-19 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:20px !important }
/* 12 usos */
.u-inline-20 { display:grid !important; grid-template-columns:160px 1fr !important; gap:20px !important; align-items:center !important; padding:20px !important; border-radius:20px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.10) !important; margin-bottom:20px !important }
/* 10 usos */
.u-inline-21 { margin:0 0 10px !important }
/* 10 usos */
.u-inline-22 { width:100% !important; aspect-ratio:1/1 !important; object-fit:cover !important; border-radius:14px !important; display:block !important; box-shadow:0 8px 24px rgba(0,0,0,.4) !important }
/* 10 usos */
.u-inline-23 { display:grid !important; gap:8px !important }
/* 10 usos */
.u-inline-24 { display:inline-flex !important; align-self:start !important; padding:4px 12px !important; border-radius:999px !important; background:rgba(216,31,38,.14) !important; border:1px solid rgba(216,31,38,.35) !important; font-size:.78rem !important; font-weight:700 !important; letter-spacing:.03em !important }
/* 10 usos */
.u-inline-25 { margin:0 !important; font-size:1.4rem !important; font-weight:800 !important; letter-spacing:.02em !important }
/* 10 usos */
.u-inline-26 { margin:0 !important; color:var(--muted) !important; font-size:.88rem !important; line-height:1.5 !important }
/* 10 usos */
.u-inline-27 { width:100% !important; aspect-ratio:1/1 !important; object-fit:cover !important; border-radius:16px !important; display:block !important }
/* 10 usos */
.u-inline-28 { display:inline-flex !important; padding:6px 14px !important; border-radius:999px !important; background:rgba(216,31,38,.14) !important; border:1px solid rgba(216,31,38,.35) !important; font-size:.85rem !important; font-weight:700 !important; margin-bottom:10px !important }
/* 10 usos */
.u-inline-29 { margin:6px 0 8px !important; font-size:1.8rem !important }
/* 10 usos */
.u-inline-30 { color:var(--muted) !important; margin:0 0 14px !important }
/* 10 usos */
.u-inline-31 { display:flex !important; flex-wrap:wrap !important; gap:10px !important }
/* 8 usos */
.u-inline-32 { display:grid !important; grid-template-columns:160px 1fr !important; gap:20px !important; align-items:center !important; padding:20px !important; border-radius:20px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.10) !important; margin:32px 0 20px !important }
/* 8 usos */
.u-inline-33 { grid-column:1/-1 !important; display:grid !important; grid-template-columns:120px 1fr !important; gap:18px !important; align-items:center !important; padding:18px 20px !important; border-radius:20px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.08) !important; box-shadow:0 4px 24px rgba(0,0,0,.2) !important; margin-bottom:8px !important }
/* 8 usos */
.u-inline-34 { display:flex !important; gap:10px !important; flex-wrap:wrap !important }
/* 8 usos */
.u-inline-35 { display:inline-flex !important; align-items:center !important; gap:6px !important; min-height:36px !important; padding:0 14px !important; border-radius:999px !important; background:#1DB954 !important; color:#000 !important; font-weight:700 !important; font-size:.82rem !important; text-decoration:none !important }
/* 8 usos */
.u-inline-36 { width:100% !important; aspect-ratio:1/1 !important; object-fit:cover !important; border-radius:14px !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow:0 12px 30px rgba(0,0,0,.4) !important; display:block !important }
/* 6 usos */
.u-inline-37 { display:grid !important; grid-template-columns:200px 1fr !important; gap:20px !important; align-items:center !important; padding:20px !important; border-radius:20px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.10) !important; margin-bottom:20px !important }
/* 4 usos */
.u-inline-38 { color:var(--accent) !important; font-weight:800 !important; letter-spacing:.04em !important }
/* 4 usos */
.u-inline-39 { display:grid !important; grid-template-columns:200px 1fr !important; gap:20px !important; align-items:center !important; padding:20px !important; border-radius:20px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.10) !important; margin:32px 0 20px !important }
/* 3 usos */
.u-inline-40 { margin:0 0 6px !important }
/* 2 usos */
.u-inline-41 { font-size:.9rem !important }
/* 2 usos */
.u-inline-42 { display:none !important }
/* 2 usos */
.u-inline-43 { color:var(--muted) !important; margin:0 0 10px !important }
/* 2 usos */
.u-inline-44 { display:grid !important; gap:8px !important; max-width:420px !important }
/* 2 usos */
.u-inline-45 { color:var(--muted) !important; margin:0 !important }
/* 2 usos */
.u-inline-46 { width:100% !important; aspect-ratio:525/227 !important; object-fit:cover !important; display:block !important }
/* 2 usos */
.u-inline-47 { grid-column:1/-1 !important; display:grid !important; grid-template-columns:120px 1fr !important; gap:18px !important; align-items:center !important; padding:18px 20px !important; border-radius:20px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.08) !important; box-shadow:0 4px 24px rgba(0,0,0,.2) !important; margin-bottom:8px !important; margin-top:32px !important }
/* 2 usos */
.u-inline-48 { padding:38px 0 8px !important }
/* 2 usos */
.u-inline-49 { margin:0 0 6px !important; font-size:clamp(1.6rem,3vw,2.4rem) !important; line-height:1.12 !important }
/* 2 usos */
.u-inline-50 { margin:0 0 18px !important; color:var(--muted) !important }
/* 2 usos */
.u-inline-51 { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important; gap:18px !important }
/* 2 usos */
.u-inline-52 { padding:20px !important; border-radius:20px !important; background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.08) !important }
/* 2 usos */
.u-inline-53 { margin:0 0 8px !important; font-size:.82rem !important; font-weight:700 !important; color:var(--accent) !important; letter-spacing:.02em !important }
/* 2 usos */
.u-inline-54 { margin:0 0 8px !important; font-size:1.15rem !important }
/* 2 usos */
.u-inline-55 { margin:0 0 14px !important; color:var(--muted) !important; line-height:1.7 !important }
/* 2 usos */
.u-inline-56 { display:inline-flex !important; align-items:center !important; gap:6px !important; font-weight:700 !important; color:var(--text) !important; text-decoration:none !important; border-bottom:1px solid rgba(216,31,38,.55) !important; padding-bottom:2px !important }
/* 2 usos */
.u-inline-57 { display:none !important; position:fixed !important; inset:0 !important; background:rgba(0,0,0,.96) !important; z-index:99999 !important; align-items:center !important; justify-content:center !important; padding:20px !important }
/* 2 usos */
.u-inline-58 { background:#111 !important; border:1px solid rgba(216,31,38,.3) !important; border-radius:16px !important; padding:28px 24px !important; max-width:500px !important; width:100% !important }
/* 2 usos */
.u-inline-59 { display:flex !important; align-items:center !important; gap:10px !important; margin-bottom:6px !important }
/* 2 usos */
.u-inline-60 { font-family:sans-serif !important; font-size:22px !important; font-weight:900 !important; color:#fff !important; letter-spacing:.1em !important }
/* 2 usos */
.u-inline-61 { color:#d81f26 !important }
/* 2 usos */
.u-inline-62 { background:rgba(216,31,38,.12) !important; border:1px solid rgba(216,31,38,.3) !important; color:#d81f26 !important; font-size:9px !important; font-weight:700 !important; padding:2px 8px !important; border-radius:4px !important; letter-spacing:.1em !important }
/* 2 usos */
.u-inline-63 { font-size:13px !important; color:rgba(255,255,255,.65) !important; margin:0 0 16px !important; line-height:1.6 !important }
/* 2 usos */
.u-inline-64 { margin-bottom:14px !important }
/* 2 usos */
.u-inline-65 { display:none !important; background:rgba(216,31,38,.1) !important; border:1px solid rgba(216,31,38,.3) !important; border-radius:8px !important; padding:12px !important; font-size:13px !important; color:#d81f26 !important; margin-bottom:14px !important }
/* 2 usos */
.u-inline-66 { margin-top:14px !important; padding:10px 14px !important; background:rgba(255,255,255,.03) !important; border-radius:8px !important; font-size:11px !important; color:rgba(255,255,255,.35) !important; line-height:1.7 !important }
/* 2 usos */
.u-inline-67 { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; padding:9px 14px !important; background:#0d0d0d !important; border:1px solid #1e1e1e !important; border-radius:8px !important; margin-bottom:6px !important }
/* 2 usos */
.u-inline-68 { font-size:13px !important; font-weight:600 !important; color:#fff !important }
/* 2 usos */
.u-inline-69 { background:'+(s.done?'#1a7a3a':'#d81f26')+' !important; color:#fff !important; text-decoration:none !important; padding:7px 14px !important; border-radius:20px !important; font-size:10px !important; font-weight:700 !important; white-space:nowrap !important }
/* 2 usos */
.u-inline-70 { margin:0 0 14px !important }
/* 2 usos */
.u-inline-71 { color:var(--muted) !important; font-weight:400 !important; font-size:.7em !important }
/* 2 usos */
.u-inline-72 { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:0 0 22px !important; align-items:center !important }
/* 2 usos */
.u-inline-73 { color:var(--muted) !important; font-size:.85rem !important; margin-right:2px !important }
/* 2 usos */
.u-inline-74 { cursor:pointer !important; min-height:38px !important; padding:7px 14px !important; border-radius:999px !important; background:rgba(216,31,38,.14) !important; border:1px solid rgba(216,31,38,.35) !important; color:var(--text) !important; font-size:.82rem !important; font-weight:700 !important }
/* 2 usos */
.u-inline-75 { padding:22px !important; border-radius:24px !important; background:linear-gradient(160deg,rgba(216,31,38,.14),rgba(255,255,255,.03)) !important; border:1px solid rgba(216,31,38,.30) !important; box-shadow:0 22px 60px rgba(0,0,0,.24) !important }
/* 2 usos */
.u-inline-76 { margin:0 0 8px !important; line-height:1.1 !important; font-size:clamp(1.5rem,2.4vw,2rem) !important }
/* 2 usos */
.u-inline-77 { margin:0 0 16px !important; line-height:1.6 !important; color:var(--muted) !important }
/* 2 usos */
.u-inline-78 { display:flex !important; flex-wrap:wrap !important; gap:12px !important }
/* 2 usos */
.u-inline-79 { scroll-margin-top:90px !important }
/* 2 usos */
.u-inline-80 { color:inherit !important; text-decoration:none !important }
/* 2 usos */
.u-inline-81 { color:var(--muted) !important; font-weight:400 !important; font-size:.8em !important }
/* 2 usos */
.u-inline-82 { color:#999 !important }
/* 2 usos */
.u-inline-83 { color:var(--muted) !important; font-size:.9rem !important; margin-top:-6px !important }
/* 2 usos */
.u-inline-84 { background:rgba(216,31,38,.06) !important; border:1px solid rgba(216,31,38,.2) !important; border-radius:16px !important; padding:28px !important }
/* 2 usos */
.u-inline-85 { color:var(--muted) !important; line-height:2.1 !important; padding-left:1.2rem !important; margin:10px 0 14px !important }
/* 2 usos */
.u-inline-86 { color:var(--muted) !important; font-size:.88rem !important }
/* 2 usos */
.u-inline-87 { display:grid !important; gap:12px !important; width:100% !important; max-width:410px !important; margin:auto !important }
/* 2 usos */
.u-inline-88 { width:100% !important; aspect-ratio:1/1 !important; object-fit:cover !important; border-radius:18px !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 18px 50px rgba(0,0,0,.45) !important; display:block !important }
/* 2 usos */
.u-inline-89 { display:grid !important; grid-template-columns:1fr 1fr 1fr 1fr !important; gap:12px !important }
/* 2 usos */
.u-inline-90 { background:rgba(21,163,74,.14) !important; border-color:rgba(21,163,74,.4) !important; color:#d7ffe4 !important; font-weight:700 !important }
/* 2 usos */
.u-inline-91 { margin-top:14px !important }
/* 1 usos */
.u-inline-92 { opacity:.8 !important }
/* 1 usos */
.u-inline-93 { color:var(--muted,#9a9a9a) !important }
