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

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

@media (max-width: 767px) {
    section[id] {
        scroll-margin-top: 60px;
    }
}

.glass {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
}

.hero-gradient {
    background: radial-gradient(circle at top right, rgba(17, 212, 82, 0.15), transparent);
}

.feature-description {
    line-height: 1.6;
}

.feature-description .feature-intro {
    display: block;
    font-weight: 500;
    color: #4b5563;
    margin-bottom: 0.55rem;
}

.feature-description .feature-bullets {
    display: block;
    line-height: 1.9;
}

.video-card {
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 25% center;
}

.video-card-affiliate {
    background-color: #fcb0ee;
    background-image: url('/assets/video_logo_affiliate.jpg');
}

.video-card-customer {
    background-color: #a2ffa2;
    background-image: url('/assets/video_logo_customer.jpg');
}

.hosteleros-play-btn {
    background-color: #ffffff;
    color: #800e80;
}

@media (prefers-color-scheme: dark) {
    body {
        background: #101f22;
        color: #e6f1f2;
    }

    .glass {
        background: rgba(16, 31, 34, 0.88);
        backdrop-filter: blur(12px);
    }

    .hero-gradient {
        background: radial-gradient(circle at top right, rgba(17, 212, 82, 0.22), transparent), #101f22;
    }

    .bg-background-light,
    .bg-white {
        background-color: #101f22 !important;
    }

    .bg-gray-50,
    .bg-gray-100 {
        background-color: #1b3236 !important;
    }

    .text-\[\#0d191c\],
    h1,
    h2,
    h3,
    h4 {
        color: #f2f8f9 !important;
    }

    .text-gray-400,
    .text-gray-500,
    .text-gray-600 {
        color: #9ab2b6 !important;
    }

    .border-\[\#e7f1f4\],
    .border-\[\#cee4e8\],
    .border-gray-100,
    .border-gray-200 {
        border-color: #2a464c !important;
    }

    .bg-primary\/5 {
        background-color: rgba(17, 212, 82, 0.1) !important;
    }

    .lang-switcher {
        background-color: #22383d !important;
    }

    .lang-switcher [data-lang-btn] {
        color: #9ab2b6 !important;
    }

    .lang-switcher [data-lang-btn].bg-white {
        background-color: #102024 !important;
        color: #11d452 !important;
        box-shadow: none !important;
    }

    .feature-description .feature-intro {
        color: #c7d6d9 !important;
    }

    .video-card-affiliate {
        background-color: #800e80;
        background-image: url('/assets/video_logo_affiliate_dark.jpg');
    }

    .video-card-customer {
        background-color: #015b13;
        background-image: url('/assets/video_logo_customer_dark.jpg');
    }

    .hosteleros-play-btn {
        background-color: #000000;
        color: #fcb0ee;
    }
}