body {
            font-family: 'Inter', sans-serif;
        }

        h1,
        h2,
        h3,
        .brand {
            font-family: 'Playfair Display', serif;
        }

        .monkey-subtle-pattern {
            background-color: #fdfbf7;
            background-image: url("https://www.transparenttextures.com/patterns/cubes.png");
            /* Textura sutil */


            /* --- Widget de WhatsApp --- */
            .wa-widget {
                position: fixed;
                bottom: 30px;
                right: 30px;
                z-index: 9999;
                font-family: 'Inter', sans-serif;
            }

            /* Botón Flotante */
            .wa-float-btn {
                width: 60px;
                height: 60px;
                background-color: #25d366;
                /* Color original WA para reconocimiento rápido */
                color: white;
                border-radius: 50%;
                border: none;
                font-size: 30px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
                cursor: pointer;
                transition: all 0.3s ease;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .wa-float-btn:hover {
                transform: scale(1.1) rotate(10deg);
            }

            /* Ventana de Chat */
            .wa-chat-window {
                position: absolute;
                bottom: 80px;
                right: 0;
                width: 320px;
                background: #0d1117;
                border-radius: 15px;
                border: 1px solid rgba(255, 255, 255, 0.1);
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
                overflow: hidden;
                display: none;
                /* Se activa con JS */
                flex-direction: column;
                animation: slideUp 0.4s ease forwards;
            }

            @keyframes slideUp {
                from {
                    opacity: 0;
                    transform: translateY(20px);
                }

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

            /* Header */
            .wa-chat-header {
                background: #075e54;
                padding: 15px;
                color: white;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .wa-header-info {
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .wa-avatar {
                position: relative;
                width: 40px;
                height: 40px;
            }

            .wa-avatar img {
                width: 100%;
                border-radius: 50%;
            }

            .online-dot {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 10px;
                height: 10px;
                background: #25d366;
                border-radius: 50%;
                border: 2px solid #075e54;
            }

            .wa-name {
                font-weight: bold;
                font-size: 0.9rem;
                margin: 0;
            }

            .wa-status {
                font-size: 0.7rem;
                opacity: 0.8;
                margin: 0;
            }

            .wa-close {
                background: none;
                border: none;
                color: white;
                font-size: 1.5rem;
                cursor: pointer;
            }

            /* Cuerpo del Chat */
            .wa-chat-body {
                padding: 20px;
                background-image: url('https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png');
                /* Fondo oficial WA */
                background-size: contain;
                display: flex;
                flex-direction: column;
                gap: 15px;
            }

            .wa-message {
                background: #056162;
                color: white;
                padding: 10px 15px;
                border-radius: 10px 10px 0 10px;
                align-self: flex-end;
                max-width: 85%;
                position: relative;
                font-size: 0.9rem;
            }

            .wa-time {
                display: block;
                font-size: 0.6rem;
                text-align: right;
                margin-top: 5px;
                opacity: 0.7;
            }

            .wa-sticker-container {
                align-self: flex-end;
            }

            .wa-sticker {
                width: 100px;
                height: auto;
            }

            /* Footer y Botón */
            .wa-chat-footer {
                padding: 15px;
                background: #0d1117;
                text-align: center;
            }

            .wa-send-btn {
                text-decoration: none;
                background: #25d366;
                color: white;
                padding: 10px 20px;
                border-radius: 20px;
                display: inline-block;
                font-weight: bold;
                font-size: 0.9rem;
                transition: 0.3s;
            }

            .wa-send-btn:hover {
                background: #128c7e;
            }
        }

        #loader {
            /* Asegura que el loader cubra toda la pantalla incluso si hay scroll previo */
            height: 100vh;
            width: 100vw;
        }