body { background-color: #f8f9ff; color: #121c2a; }
        .cta-button {
            background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
            color: white;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(37, 211, 102, 0.4);
            filter: brightness(1.05);
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
        }
        .premium-shadow {
            box-shadow: 0 15px 40px -10px rgba(18, 140, 126, 0.15);
        }
        .pricing-glow {
            box-shadow: 0 0 0 1px rgba(18, 140, 126, 0.1), 0 20px 40px -10px rgba(18, 140, 126, 0.2);
            position: relative;
        }
        .pricing-glow::after {
            content: '';
            position: absolute;
            inset: -2px;
            background: linear-gradient(45deg, #25D366, transparent, #128C7E);
            border-radius: inherit;
            z-index: -1;
            opacity: 0.3;
        }
        .hero-gradient {
            background: linear-gradient(to right, rgba(248, 249, 255, 1) 40%, rgba(248, 249, 255, 0.8) 60%, rgba(248, 249, 255, 0) 100%);
        }
        .module-icon-container {
            width: 80px;
            height: 80px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            border-radius: 1rem;
            box-shadow: 0 8px 16px -4px rgba(0,0,0,0.1);
        }
        .module-icon-img {
            width: 160px; /* Zoom to isolate icons from the set */
            max-width: none;
            object-fit: none;
        }

        .h-15{
            height: 5rem;
        }

        img.h-10{
            height: 3.5rem;
        }

        ul#docentes {
    list-style: none;
    margin-top: 0.5rem;
}

#docentes li {
    margin-bottom: 0.5rem;
}

#docentes .star {
    display: inline-block;
    margin-right: 1rem;
}

.logo{
    width: fit-content;
}

.footer-logo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
}

#colaboradores .flex {
    flex-direction: column;
}