/* ==== Tarjeta tipo “Glass” moderna ==== */
            .card-modern {
                background: rgba(255, 255, 255, 0.9);
                backdrop-filter: blur(12px);
                border-radius: 18px;
                box-shadow: 0 8px 25px rgba(0,0,0,0.08);
                border: 1px solid rgba(255,255,255,0.5);
                overflow: hidden;
            }

            /* ==== Header elegante con degradado corporativo ==== */
            .header-modern {
                /*background: linear-gradient(135deg, #c1192d, #e34d5c);*/
                padding: 32px 20px;
                color: white;
                text-align: center;
            }

            .header-modern h3 {
                font-weight: 600;
                letter-spacing: 0.5px;
            }

            /* ==== Inputs minimalistas ==== */
            .input-modern {
                border-radius: 10px !important;
                border: 1px solid #ddd !important;
                padding: 12px;
                font-size: 16px;
                transition: all .2s ease-in-out;
            }
            .input-modern:focus {
                border-color: var(--l4d-primary) !important;
                box-shadow: 0 0 0 3px rgba(193,25,45,0.2);
            }

            /* ==== Botón premium ==== */
            .btn-modern {
                background: linear-gradient(135deg, var(--l4d-primary), var(--l4d-primary-medium));
                border: none;
                color: #fff;
                padding: 14px;
                font-size: 16px;
                width: 100%;
                border-radius: 12px;
                font-weight: 600;
                letter-spacing: 0.4px;
                transition: transform .2s ease, box-shadow .2s ease;
            }
            .btn-modern:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 18px rgba(193,25,45,0.35);
            }

            /* Loader */
            #loader img {
                width: 40px;
                opacity: .8;
            }

            /* Alert */
            .modern-alert {
                border-radius: 12px;
                padding: 14px 18px;
                display: none;
            }