body { font-family: 'Inter', sans-serif; }
        .bg-pattern { background-color: #ffffff; background-image: radial-gradient(#cbd5e1 0.5px, transparent 0.5px); background-size: 24px 24px; }
        /* Añadido relative para posicionar el check */
        .card-shadow { position: relative; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }
        .card-shadow:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }
        .border-red-accent { border-left: 4px solid #b91c1c; }
        
        /* Colores optimizados para legibilidad y contraste máximo */
        .text-black-rich { color: #000000; }
        .text-gray-deep { color: #1e293b; } 
        .text-gray-medium { color: #334155; }
        
        .highlight-red { background: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%); border: 2px solid #fecaca; }
        
        /* Barra de desplazamiento */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f8fafc; }
        ::-webkit-scrollbar-thumb { background: #b91c1c; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #991b1b; }

        .modal-overlay {
            background-color: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(4px);
        }

        /* Estilos del Checkbox de Progreso Actualizados (Más pequeños) */
        .progress-check {
            position: absolute;
            bottom: 10px; /* Ajustado */
            right: 10px;  /* Ajustado */
            width: 22px;  /* Reducido de 28px */
            height: 22px; /* Reducido de 28px */
            border-radius: 50%;
            border: 1.5px solid #cbd5e1; /* Borde más fino */
            background: transparent; 
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #cbd5e1; 
            font-size: 10px; /* Icono más pequeño */
            transition: all 0.2s ease;
            z-index: 20; /* Elevado para asegurar click sobre otros elementos */
        }

        .progress-check:hover {
            border-color: #16a34a;
            color: #16a34a;
            transform: scale(1.1);
        }

        .progress-check.is-checked {
            background-color: #16a34a; 
            border-color: #16a34a;
            color: white; 
        }

        .progress-check i {
            display: block; 
        }
        
        /* Ajuste para tarjetas oscuras */
        .bg-black .progress-check {
            border-color: #475569;
        }
        .bg-black .progress-check:hover {
            border-color: #22c55e;
            color: #22c55e;
        }