/* Personalizaciones mínimas fuera de Bulma */
        .is-green-dark { background-color: #006400 !important; color: white !important; }
        .is-green-light { background-color: #228B22 !important; color: white !important; }
        .hero {
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
                        url('front.jpg');
            background-size: cover;
            background-position: center;
        }
        .floating-social {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 100;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        /* Ajuste para el mapa responsivo */
        .map-responsive {
            overflow: hidden;
            padding-bottom: 30%;
            position: relative;
            height: 0;
        }
        .map-responsive iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }

        /* --- Efecto Hover para Tarjetas --- */
        /* Clase utilitaria para aplicar el efecto */
        .card-lift {
            /* Suaviza la animación de subida y bajada */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* Estado cuando el mouse está encima */
        .card-lift:hover {
            /* Mueve la tarjeta 8 píxeles hacia arriba (negativo es arriba) */
            transform: translateY(-8px);
            /* Aplica una sombra más grande y difuminada para dar profundidad */
            /* Usamos !important para asegurarnos de que sobrescriba la sombra base de Bulma */
            box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12) !important;
        }

        /* ===== TOP BAR ANIMADA ===== */
        .topbar-animated {
            background: linear-gradient(270deg, #0b6b3a, #138a4f, #1faa59, #138a4f, #0b6b3a);
            background-size: 400% 400%;
            animation: gradientMove 12s ease infinite;
        }

        /* Movimiento suave del fondo */
        @keyframes gradientMove {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Texto con leve respiración */
        .pulse-text {
            font-weight: 600;
            animation: pulse 2.5s ease-in-out infinite;
        }

        @keyframes pulse {
            0%,100% { opacity: 1; }
            50% { opacity: .7; }
        }

        /* Botón más atractivo */
        .whatsapp-btn {
            transition: all .25s ease;
        }

        .whatsapp-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(0,0,0,.25);
        }

        /* Permitir salto de línea en móvil */
        @media (max-width: 768px) {
            .topbar-animated .level {
                flex-wrap: wrap;
                text-align: center;
            }

            .topbar-animated .level-left,
            .topbar-animated .level-right {
                width: 100%;
                justify-content: center;
            }

            .topbar-animated .level-right {
                margin-top: 6px;
            }
        }

        .card-image img {
            object-fit: cover;
            border: 2px solid #fff;
            box-shadow: 0 4px 10px rgba(0,0,0,.15);
        }