/* Extraído de myphp/layouts/header_base.php (bloque en línea de la línea 1845).
   Se sirve como archivo para que el navegador lo cachee en vez de
   descargarlo dentro del HTML de cada página. */
        .modern-auth-modal .modal-dialog {
            max-width: 480px;
            margin: 80px auto;
        }

        @media (max-width: 576px) {
            .modern-auth-modal .modal-dialog {
                margin: 40px auto;
            }
        }

        .modern-auth-modal .modal-content {
            border: none;
            border-radius: 20px;
            padding: 35px 32px 32px;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
            background: #ffffff;
        }

        .modern-auth-modal .modern-auth-close {
            border: none;
            background: transparent;
            font-size: 26px;
            color: #999;
            position: absolute;
            top: 18px;
            right: 22px;
            line-height: 1;
            transition: color 0.2s ease;
        }

        .modern-auth-modal .modern-auth-close:hover {
            color: #E30613;
        }

        .modern-auth-modal .modern-auth-header {
            text-align: center;
            margin-bottom: 28px;
            padding: 26px 22px 22px;
            background: linear-gradient(135deg, #E30613, #FF4D4D);
            border-radius: 18px;
            box-shadow: 0 18px 35px rgba(227, 6, 19, 0.25);
        }

        .modern-auth-modal .modern-auth-header h3 {
            font-size: 28px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 6px;
            display: none; /* Oculto por defecto */
        }

        .modern-auth-modal.show .modern-auth-header h3,
        .modern-auth-modal.in .modern-auth-header h3 {
            display: block; /* Solo visible cuando el modal esté activo */
        }

        .modern-auth-modal .modern-auth-header p {
            color: rgba(255, 255, 255, 0.85);
            font-size: 15px;
            margin: 0;
        }

        .modern-auth-modal .form-group {
            margin-bottom: 18px;
        }

        .modern-auth-modal .form-control {
            border: 2px solid #e9ecef;
            border-radius: 12px;
            padding: 14px 18px;
            font-size: 15px;
            transition: all 0.2s ease;
        }

        .modern-auth-modal .form-control:focus {
            border-color: #E30613;
            box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.25);
        }

        .modern-auth-modal .btn-auth-primary {
            background: #E30613;
            border: none;
            border-radius: 12px;
            padding: 14px 24px;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            width: 100%;
            transition: all 0.2s ease;
            box-shadow: 0 10px 25px rgba(227, 6, 19, 0.3);
        }

        .modern-auth-modal .btn-auth-primary:hover {
            background: #C40510;
            transform: translateY(-1px);
            box-shadow: 0 12px 30px rgba(227, 6, 19, 0.35);
        }

        .modern-auth-modal .auth-links {
            font-size: 14px;
            text-align: center;
            margin-top: 18px;
            color: #6c757d;
        }

        .modern-auth-modal .auth-links a {
            color: #E30613;
            font-weight: 600;
        }

        .modern-auth-modal .auth-divider {
            position: relative;
            text-align: center;
            margin: 22px 0 18px;
            color: #adb5bd;
            font-size: 13px;
        }

        .modern-auth-modal .auth-divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            background: #e9ecef;
        }

        .modern-auth-modal .auth-divider span {
            background: #fff;
            padding: 0 12px;
            position: relative;
        }

        .modern-auth-modal .google-wrapper {
            display: flex;
            justify-content: center;
        }

        .modern-auth-modal .google-wrapper .g_id_signin {
            width: 100%;
            display: flex;
            justify-content: center;
        }