/* Fondo con imagen */
        body {
            background-image: url('https://wallpapers.com/images/hd/holistic-spa-relaxation-17rj6e3w7ogmciku.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow: hidden;
        }

        /* Estilos principales */
        .text-primario {
            color: #195973;
        }
        .bg-primario {
            background: #195973;
        }

        /* Glassmorphism */
        .glassmorphism {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 16px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        /* Transición de entrada */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeIn 1s forwards;
        }

        input[type="button"]:disabled {
          cursor: pointer;
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }