#pagina-padrao{
    background-color: var(--branco);
    position: relative;
    background-image: url(../../empreendimentos-imobiliarios/pagina-padrao/fundo-pagina-padrao.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100% 500px;
}

#pagina-padrao .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 76px;
       -moz-column-gap: 76px;
            column-gap: 76px;
    padding: 207px 0 85px;
    max-width: 1358px;
}

#pagina-padrao h1 {
    font-family: var(--poppins);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--preto);
    width: 100%;
    margin-bottom: 26px;
    text-align: center;
}

#pagina-padrao .esq p {
    font-size: 16px;
    font-family: var(--manrope);
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: var(--preto);
    margin-bottom: 30px;
}

#pagina-padrao .esq mark {
    background-color: var(--preto);
    color: var(--branco);
    padding: 1px 6px;
}

#pagina-padrao .esq a {
    font-weight: 700;
    color: var(--vermelho);
}

#pagina-padrao .esq b{
    font-weight: 700;
    color: var(--vermelho);
}

#pagina-padrao .esq img {
    margin-top: 45px;
    max-width: 100%;
}

#pagina-padrao .esq h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--preto);
    margin-bottom: 25px;
    margin-top: 60px;
}

#pagina-padrao .esq h3 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--preto);
    margin-bottom: 18px;
    margin-top: 50px;
}

#pagina-padrao .esq h4 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--preto);
    margin-bottom: 18px;
    margin-top: 50px;
}

#pagina-padrao .esq h5 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--preto);
    margin-bottom: 18px;
    margin-top: 50px;
}

#pagina-padrao .esq h6 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--preto);
    margin-bottom: 18px;
    margin-top: 50px;
}

#pagina-padrao .esq ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    list-style: disc;
    padding-left: 46px;
    row-gap: 14x;
    font-size: 16px;
    line-height: 26px;
}

#pagina-padrao .esq ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 25px;
    list-style: auto;
    row-gap: 12px;
    font-size: 16px;
    line-height: 26px;
}

#pagina-padrao .esq ul li::marker,
#pagina-padrao .esq ol li::marker {
    color: var(--preto);
    font-weight: 600;
}

#pagina-padrao .esq .botoes{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3px;
       -moz-column-gap: 3px;
            column-gap: 3px;
}

#pagina-padrao .esq .btn {
    border-radius: 100px;
    padding: 7px 14px;
    margin-right: 15px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: var(--branco);
}

#pagina-padrao .esq .preto{
    background-color: var(--preto);
    color: var(--branco);
    border: 1px solid var(--preto);
}

#pagina-padrao .esq .preto:hover{
    background-color: var(--branco);
    border: 1px solid var(--preto);
    color: var(--preto);
}

#pagina-padrao .esq .gradiente{
    background: -webkit-gradient(linear, right top, left top, color-stop(45.52%, #ED002E), color-stop(88.48%, #F83200));
    background: -o-linear-gradient(right, #ED002E 45.52%, #F83200 88.48%);
    background: linear-gradient(270deg, #ED002E 45.52%, #F83200 88.48%);
    background-size: 200% 100%;
    background-position: 0 0;
    transition: background-position .3s ease-in-out;
    -webkit-transition: background-position .3s ease-in-out;
    -moz-transition: background-position .3s ease-in-out;
    -ms-transition: background-position .3s ease-in-out;
    -o-transition: background-position .3s ease-in-out;
}

#pagina-padrao .esq .gradiente:hover{
    background-position: 100% 0;
}

#pagina-padrao .esq .branco-borda{
    background-color: var(--branco);
    border: 1px solid var(--preto);
    color: var(--preto);
}

#pagina-padrao .esq .branco-borda:hover{
    background-color: var(--preto);
    color: var(--branco);
    border: 1px solid var(--preto);
}

/* SIDEBAR */
#pagina-padrao .sidebar {
    width: 400px;
    min-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
    padding-top: 68px;
}

/* Estilo do cabeçalho do acordeão (Botão Vermelho/Laranja) */
#pagina-padrao .sidebar .accordion .accordion-header {
    background: -webkit-gradient(linear, right top, left top, color-stop(45.52%, #ED002E), color-stop(88.48%, #F83200));
    background: -o-linear-gradient(right, #ED002E 45.52%, #F83200 88.48%);
    background: linear-gradient(270deg, #ED002E 45.52%, #F83200 88.48%);
    color: var(--branco);
    font-weight: 700;
    font-size: 16px;
    padding: 17px 32px;
    border-radius: 100px;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#pagina-padrao .sidebar .accordion-preto{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
}

#pagina-padrao .sidebar .accordion-preto .accordion .accordion-header{
    background: var(--preto);
} 

/* Estilo do título dentro do botão */
#pagina-padrao .sidebar .accordion .accordion-header .info .titulo {
    color: var(--branco);
    font-size: 16px;
    font-weight: 700;
}

/* Estilo da seta/ícone */
#pagina-padrao .sidebar .accordion .accordion-header .seta .setinha {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    position: relative;
    right: -21px;
    bottom: 2px;
    width: 24px;
    height: 7px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#pagina-padrao .sidebar .accordion .ativo .baixo .setinha{
    -webkit-transform: rotate(271deg);
        -ms-transform: rotate(271deg);
            transform: rotate(271deg);
}

/* Estilo do corpo do acordeão (lista de itens) */
#pagina-padrao .sidebar .accordion .accordion-body {
    background: transparent;
    padding: 0;
    display: none; /* Mantido display: none para controle via JS */
    -webkit-transition:  .3s ease-in-out !important;
    -o-transition:  .3s ease-in-out !important;
    transition:  .3s ease-in-out !important;
}

/* Quando o acordeão está ativo (aberto) */
.accordion-body.active {
    display: block !important;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

/* Estilo do item individual */
#pagina-padrao .sidebar .accordion-body .items {
    background-color: transparent;
    padding: 20px;
    border-bottom: 1px solid #848484;
    width: 336px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

/* Estilo do texto nos itens */
#pagina-padrao .sidebar .accordion-body .items p {
    font-family: var(--manrope);
    font-size: 16px;
    font-weight: 500;
    color: #000A1E;
    margin: 0;
}

/* Remove a borda do último item */
#pagina-padrao .sidebar .accordion-body .items:last-child,
#pagina-padrao .sidebar .accordion-body .items.sem-border {
    border-bottom: none;
}

/* --- ESTILOS DO FALE CONOSCO (Bloco Fixo) --- */
#pagina-padrao .sidebar .fale-conosco {
    background-image: url(../../empreendimentos-imobiliarios/pagina-padrao/side-bar-img.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 428px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 26px;
    margin-top: 19px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

#pagina-padrao .sidebar .fale-conosco .quadrado {
    width: 87.8%;
    height: 351px;
    background: #282828A8;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

#pagina-padrao .sidebar .fale-conosco .quadrado .titulo {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    color: var(--branco);
    margin-bottom: 29px;
    position: relative;
    z-index: 1;
}

#pagina-padrao .sidebar .fale-conosco .quadrado svg {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

#pagina-padrao .sidebar .fale-conosco .quadrado .saiba-mais {
    z-index: 1;
    color: var(--branco);
    background: -webkit-gradient(linear, right top, left top, color-stop(45.52%, #ED002E), color-stop(88.48%, #F83200));
    background: -o-linear-gradient(right, #ED002E 45.52%, #F83200 88.48%);
    background: linear-gradient(270deg, #ED002E 45.52%, #F83200 88.48%);
    padding: 13px 20px;
    border-radius: 100px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-decoration: none;
}

strong {
    color: var(--laranja);
}

@media screen and (max-width: 1440px) {
    #pagina-padrao .container {
        -webkit-column-gap: 40px;
           -moz-column-gap: 40px;
                column-gap: 40px;
    }
}


@media screen and (max-width: 1280px) {
    #pagina-padrao .sidebar {
        width: 380px;
        min-width: 380px;
    }

    #pagina-padrao .sidebar .fale-conosco {
        height: 422px;
    }
}

@media screen and (max-width: 1200px) {
    #pagina-padrao .sidebar {
        width: 330px;
        min-width: 330px;
    }

    #pagina-padrao .sidebar .fale-conosco {
        height: 380px;
    }

    #pagina-padrao .sidebar .fale-conosco .box .titulo {
        font-size: 28px;
    }
}


@media screen and (max-width: 1024px) {
    #pagina-padrao .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 60px;
    }

    #pagina-padrao .sidebar {
        width: 100%;
        min-width: auto;
        max-width: 400px;
        margin: 0 auto;
    }

    #pagina-padrao .sidebar .area-menus .menu .area-titulo::before,
    #pagina-padrao .sidebar .menu-azul a::before {
        width: 101px;
        height: 42px;
    }

    #pagina-padrao .esq h2 {
        font-size: 28px;
    }

    #pagina-padrao .esq h3 {
        font-size: 26px;
    }

    #pagina-padrao .esq h4 {
        font-size: 24px;
    }

    #pagina-padrao .esq h5 {
        font-size: 22px;
    }

    #pagina-padrao .esq h6 {
        font-size: 20px;
    }

}


@media screen and (max-width: 360px) {
    #pagina-padrao .sidebar .fale-conosco .box {
        width: 90.6%;
    }
}