/* Estilização para a página inicial */
body {
    font-family: 'Inter', sans-serif;
}

.w-full.h-\[calc\(100vh-2rem\)\] {
    width: 100% !important;
    height: calc(100vh - 2rem) !important;
}

.carousel {
    display: flex;
    width: 100%;
    height: 100% !important;
}

.carousel-item {
    flex: 0 0 100%;
    position: relative;
    height: 100% !important;
}

.carousel-item img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    filter: brightness(0.9);
}

header {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}

button i {
    font-size: 0.9rem;
}

.absolute.top-0.left-0 img {
    height: 64px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.carousel-item div {
    transition: opacity 0.3s ease;
}

.carousel-item div:hover {
    opacity: 0.9;
}

@media (max-width: 768px) {
    .w-full.h-\[calc\(100vh-2rem\)\] {
        width: 100% !important;
        height: auto !important;
        min-height: 60vh;
    }

    .carousel-item div h2 {
        font-size: 1rem !important;
    }

    .carousel-item div p {
        font-size: 0.7rem !important;
    }

    .absolute.top-0.left-0 img {
        height: 48px !important;
    }
}