/* ====== 1366px ====== */
@media (max-width: 1366px) {
    /* Ajuste da left-section */
    .left-section {
        width: calc(100vw - 400px); /* Ajusta a largura conforme a right-section */
        height: 100vh;
    }

    /* Ajuste do carrossel */
    .carousel {
        width: 100%;
        height: 100%;
    }

    .carousel-card{
        margin-left: 5px; /* Reduz margens laterais */

    }
    .carousel-card2{
        margin-left: -30px; /* Reduz margens laterais */
        margin-top: -150px; /* Ajusta margem superior */

    }
    .carousel-card3 {
        margin-left: 40px; /* Reduz margens laterais */
        margin-top: 10px; /* Ajusta margem superior */
    }

    .carousel-card h1,
    .carousel-card2 h1,
    .carousel-card3 h1 {
        font-size: 70px; /* Ajusta tamanho do título */
    }

    .carousel-card p,
    .carousel-card2 p,
    .carousel-card3 p {
        font-size: 18px; /* Ajusta tamanho do texto */
    }

    /* Ajuste das imagens do carrossel */
    .carousel-image-card-1 img {
        width: 450px; /* Reduz tamanho da imagem */
        height: auto; /* Mantém proporção */
        margin-bottom: -10px;
        margin-right: -90px !important;
    }

    .carousel-image3 {
        right: -152%; /* Ajuste de posição */
        width: 60px !important; /* Ajuste de tamanho */
    }

    .carousel-card3 img {
        min-width: 450px;
        height: auto;
    
    }
    
    .carousel-image2 {
        top: 75%;
        right: -100%;
    }

    .image-card2 {
        width: 400px; /* Ajuste do tamanho da imagem */
    }

    .image-card4 {
        width: 300px; /* Ajuste do tamanho da imagem */
    }

    /* Ajuste dos indicadores do carrossel */
    .carousel-indicators {
        left: 50%; /* Mantém centralização */
        transform: translate(-0%, 100%); /* Ajusta posição */
        bottom: 10px;
        z-index: 3;
    }

    .indicator {
        width: 8px; /* Ajusta tamanho */
        height: 8px;
    }

    /* Ajuste da right-section */
    .right-section {
        width: 400px; /* Define a nova largura */
        height: 100vh;
    }

    .right-section form {
        width: 100%;
        height: 100%;
        padding: 20px;
    }

    /* Ajuste do logo */
    .login-logo img {
        max-width: 180px;
    }

    /* Ajuste do botão */
    .login-button {
        max-width: 380px;
    }

    /* Ajuste dos inputs */
    .form-group input {
        min-width: 380px;
    }
}



@media (max-width: 720px){
    .left-section{
        display: none;
    }
    .right-section {
        width: 100%;
    }
    
}

@media (max-width: 360px){
    .form-group input {
        min-width: 320px;
    }
}