/* Custom Styles for KM EVENTOS - RLA Palette */

html {
    scroll-behavior: smooth;
}

/* Color Variables */
:root {
    --primary-blue: #003366;
    --accent-blue: #00AEEF;
    --dark-gray: #333333;
    --light-gray: #E6E7E8;
    --white: #FFFFFF;
}

/* Header transition on scroll */
#header.scrolled {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: rgba(255, 255, 255, 0.98);
}

/* Hero section adjustments */
.heroSwiper {
    height: 100vh;
    min-height: 600px;
}

.heroSwiper h1 {
    font-size: clamp(2rem, 8vw, 4rem);
}

.heroSwiper p {
    font-size: clamp(1rem, 4vw, 1.5rem);
}

/* Swiper navigation refinement */
.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    transform: scale(0.7);
}

.swiper-pagination-bullet-active {
    background: var(--accent-blue) !important;
}

/* Custom button hover effects */
.btn-primary {
    background-color: var(--accent-blue);
    color: var(--white);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #0093d1;
    transform: scale(1.05);
}

.btn-secondary {
    background-color: var(--primary-blue);
    color: var(--white);
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background-color: #00264d;
    transform: scale(1.05);
}

/* Card hover effect */
.service-card {
    transition: all 0.3s ease;
    border-top: 4px solid var(--primary-blue);
}
.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Form focus states */
input:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.3);
}

/* Branding elements */
.text-brand-blue { color: var(--primary-blue); }
.text-brand-accent { color: var(--accent-blue); }
.bg-brand-blue { background-color: var(--primary-blue); }
.bg-brand-accent { background-color: var(--accent-blue); }

/* Responsive adjustments */
@media (max-width: 640px) {
    .section-padding {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}