/*sobre noss*/
.about-anchor {
  border-radius: 23px;
    background: #FDF3F0;
    padding: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

.about-anchor .container {
  max-width: 1200px;
  margin: 0 auto;
}

.about-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

.about-text {
  flex: 1;
  min-width: 300px;
}

.mapa-img img {
    margin-top: 20px;
    border-radius: 20px;

    /* Responsividade */
    max-width: 100%;   /* nunca ultrapassa a largura do container */
    height: auto;      /* mantém a proporção */
    display: block;    /* remove espaçamento extra de inline */
}


.about-text h1 {
  color: #000;
    text-align: left;
    font-family: Barlow;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.about-text p {
  color: #000;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.5;
    text-align: justify;
}

.about-image {
  flex: 1;
  min-width: 300px;
  text-align: center;
  
}

.about-image img {
  width: 80%;

}
@media(max-width: 768px){
    .about-text h1 {
    font-size: 28px;
}
.about-text p {
    font-size: 18px;
}
    .about-anchor {
    padding: 20px;
    margin-top: 60px;
}
.about-content {
  gap: 0px;
}
.coworking {
    margin: 60px auto 0 auto !important ;
}
}


@media(max-width: 768px) {
    html {
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    body {

        margin: 0;
        max-width: 768px !important;
        min-width: 320px !important;
        overflow-x: hidden !important;
    }

    body .banner-ancora {
        display: relative;
        height: 583px;
        scale: 100%;
        margin: 0 auto;
        border-radius: 0px;
    }

    body .banner-ancora .menu {
        display: none !important;
    }


    body .banner-ancora .texto-banner {
        margin-top: 125px;

    }

    body .banner-ancora .texto-banner .frase-2 {
        font-size: 18px;
        margin-top: 1px;

    }

    body .banner-ancora .texto-banner .frase-1 {
        font-size: 20px;
        width: 70vw;

    }

    body .banner-ancora .texto-banner .ilhabela {
        font-size: 50px;
        width: 90vw;
    }

    body .banner-ancora .explorar {
        margin-top: 45px;
    }

    body .banner-ancora .menu-mobile .logo .logo-ancora-menu {
        color: #FDFDFD;
        font-size: 20px;
    }

    body .banner-ancora .menu-mobile {
        display: flex;
        position: absolute;
        gap: 54%;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-left: 20px;
        margin-right: 20px;
    }

    body .banner-ancora .menu-mobile {

        display: flex !important;
        margin: 0;
        position: fixed;
        width: 100%;
        height: 60px;
        justify-content: left;
        background: #09090b00;
        /* box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); */
        z-index: 200;
        margin-left: 42px;

    }

    body .banner-ancora .menu-mobile #dropdown {
        display: none;
        position: fixed;
        width: 100%;
        margin-top: 58px;
        margin-left: 0;
        left: 0;
        z-index: 10;
        overflow: visible;
        background: #09090bcc;
        top: 0;
        height: 100vh;
    }

    body .banner-ancora .menu-mobile a {
        font-family: arial;
        color: #FDFDFD;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
        /* background: #09090bcc; */
    }

    body .banner-ancora .menu-mobile a.icon {
        /* background: #ffffff00; */
        display: block;
        position: absolute;
        right: 10%;
        background: none;
        padding: 0;
        /* top: 10%; */
    }

    body .banner-ancora .menu-mobile a:hover {
        /* background-color: #09090B; */
        color: #FF3D00;
        font-weight: 900;
        background: none;
    }

    .conteudo-mapa {

        max-width: 450px;
        min-width: 250px;
    }

    body .apartamentos .titulo-apartamentos p,
    body .conteudo-mapa .titulo-mapa p {
        color: #000;
        text-align: center;
        font-family: "AderoTrial";
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 30px auto 0 auto;
        width: 80%;
    }

    body .apartamentos .sub-titulo-apartamentos p,
    body .conteudo-mapa .sub-titulo-mapa p {
        color: #000;
        text-align: center;
        font-family: Barlow;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0 auto;
        opacity: 0.5;
        width: 70%;
    }

    body .apartamentos {
        max-width: 450px;
    }

    body .apartamentos .div-apt {
        display: none;
    }

    body .apartamentos .div-apt-mobile {
        display: grid;
        border-radius: 23px;
        background: #FDF3F0;
        padding: 20px;
        max-width: 450px;
    }

    body .div-apt-mobile .conteudo-apartamentos {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -42px;
    }

    body .apartamentos .div-apt-mobile .cards-lofts .fundo-alpha {
        width: 50%;
        margin-top: -210px;
    }

    body .apartamentos .div-apt-mobile .corpo-apartamentos {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    @media(max-width:768px){
        .corpo-apartamentos {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    }

  body .apartamentos .div-apt-mobile .cards-lofts {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding: 16px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 30px !important;
}
@-moz-document url-prefix() {
  @media (max-width: 768px) {
  body .apartamentos .div-apt-mobile .cards-lofts {
    margin-left: 5px !important;
    }
    body .apartamentos .div-apt-mobile .cards-lofts .card-loft {
        width: 350px !important;
    }
  }
}
@-moz-document url-prefix() {
  @media (max-width: 480px) {
  .descricao-loft{
    width: 290px!important;
  }
  .amenities {
   gap: 10px;
    margin-left: -5px !important;
    max-width: 290px;
  }
  .retangulo-card-amenities {
        padding: 5px !important; 
    }
    .reservar-cards {
    width: 100px !important;
    height: 4% !important;
    padding: 0px;
}
}
}

body .apartamentos .div-apt-mobile .cards-lofts::-webkit-scrollbar {
    display: none; /* Oculta a barra de rolagem no Chrome/Safari */
}

body .apartamentos .div-apt-mobile .cards-lofts .card-loft {
    flex: 0 0 auto;
        scroll-snap-align: start;
        width: 382px;
        height: 550px;
        border-radius: 32px;
        background: transparent;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 16px;
        box-sizing: border-box;
        margin-top: -50px;
}

    body .apartamentos .div-apt-mobile {
        max-width: 450px;
    }

    body .apartamentos .div-apt-mobile .navigation-buttons {
        max-width: 450px;
        top: 0;
        gap: 70%;
    }

    body .apartamentos .div-apt-mobile .corpo-apartamentos .carrossel-imgs-grande {
        width: 100vw;
    }

    body .o-que-dizem {
        grid-template-columns: repeat(1, 1fr);
        max-width: 450px;

    }

    body .o-que-dizem h2 {
        font-size: 16px;

    }

    body .o-que-dizem h1 {
        font-size: 28px;
        line-height: normal;

    }

    body .o-que-dizem .oq-dizem-grid {
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        justify-items: center;
        margin-top: 0;
        margin-bottom: -66px;
    }

    body .o-que-dizem .oq-dizem-grid .card-dpm {
        width: 270px;
    }

    body .o-que-dizem .oq-dizem-grid .card-dpm .conteudo-card-dpm {
        width: auto;
        margin-top: 30px;

    }

    body .o-que-dizem .oq-dizem-grid .card-dpm .endereco-card-dpm {
        margin-top: 30px;

    }

    body .o-que-dizem .oq-dizem-grid .oqd-img {
        display: none;
    }

    body .coworking {
        max-width: 450px;
        grid-template-columns: repeat(1, 1fr);
        height: 600px;

    }

    body .coworking .fundo-alpha2 {
        opacity: 0.2;

    }

    body .coworking .texto-coworking {
        padding-left: 40px;
        justify-items: center;
        align-items: center;

    }

    body .coworking .img-cadeiras-coworking {
        display: none !important;
    }

    body .footer {
        height: 211px;
        border-style: none;
    }

    body .footer .infos-footer {
        gap: 30px;
        display: flex;
        flex-direction: column;
    }

    body .footer .infos-footer .footer-redes-mobile {
        display: flex;
    }

    body .faixa-footer {
        font-size: 10px;
    }



}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-ExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-ExtraLight.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "AderoTrial";
    src: url("../fonts/AderoTrial-Thin.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}

body {

    margin: 0;
    overflow-x: hidden;
    /*max-width: 1200px;*/
    background-color: #FDFDFD;

}

.banner-ancora {

    position: relative;
    border-radius: 20px;
    background-image: url(../pics/banner-ancora-filtro.jpeg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 979px;
    margin-top: 10px;
    margin: 0 auto;
    margin-bottom: 30px;
    scale: 98%;
    justify-content: center;
    justify-items: center;
    align-content: center;
    display: grid;
}

.banner-ancora .texto-banner .ilhabela {
    font-size: 50px;
}

.banner-ancora .menu-mobile {
    display: none;
}

.banner-ancora .menu {
    top: 30px;
    align-self: center;
    align-items: center;
    height: 100px;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;

    position: absolute;
    width: 90%;
    /* margin: 30px auto; */
    border-radius: 20px;
    background: var(--White, #FFF);
    box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.04);

}

.banner-ancora .menu .menu-central {
    display: inline-grid;
    grid-template-columns: repeat(3, 190px);

}

.banner-ancora .logo-ancora-menu {
    display: inline-flex;
    font-family: "AderoTrial";
    font-weight: 700;
    font-size: xx-large;
    /* margin-right:80px; */

}

.banner-ancora .menu .itens {

    display: inline-flex;
    justify-content: center;
    position: relative;
    color: #808080;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;

}

.banner-ancora .menu .botao-reservar {
    margin-left: 20px;
    display: inline-flex;
    padding: 10px 28px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 71px;
    background: #FF3D00;
    color: #FDFDFD;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.banner-ancora .texto-banner {

    display: grid;
    grid-template-rows: repeat(3, auto);
    margin-top: 200px;
    align-items: center;
    justify-content: center;
    justify-items: center;
    /* margin: auto; */
}

.banner-ancora .texto-banner .frase-2 {
    color: #FFF;
    text-overflow: ellipsis;
    font-family: Barlow;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.65px;
    text-align: center;
    margin-top: -21px;
}

.banner-ancora .texto-banner .ilhabela {

    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.37);
    font-family: "AderoTrial";
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    align-content: center;

}

.banner-ancora .texto-banner .frase-1 {

    color: #FFF;
    font-family: "AderoTrial";
    font-size: 33px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    align-content: center;

}

.banner-ancora .explorar {
    text-align: center;
    justify-content: center;
    margin-top: 150px;
}

.banner-ancora .explorar .botao-explorar {
    display: inline-flex;
    padding: 17px 28px;
    align-items: center;
    gap: 25px;
    border-radius: 12px;
    background: #FF3D00;
    color: #FFF;
    font-family: "AderoTrial";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;

}

.fundo-alpha {
    display: flex;
    position: absolute;
    margin-top: -46px;
    margin-left: -43px;
}

.apartamentos {
    max-width: 1360px;
    margin: 0 auto;
    justify-content: center;
    justify-items: center;
    display: grid;
    margin-top: 40px;

}

.conteudo-mapa {
    margin-top: 40px;
    margin: 0 auto;
    max-width: 1360px;
}

.div-apt {
    border-radius: 23px;
    background: #FDF3F0;
    padding: 40px;
    max-width: 1360px;
}

.div-apt-mobile {
    display: none;
}

.apartamentos .titulo-apartamentos p,
.conteudo-mapa .titulo-mapa p {
    color: #000;
    text-align: center;
    font-family: "AderoTrial";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
    /* width:80%; */
}

.apartamentos .sub-titulo-apartamentos {
    display: inline-flex;
}

.apartamentos .sub-titulo-apartamentos p,
.conteudo-mapa .sub-titulo-mapa p {
    color: #000;
    text-align: center;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
    opacity: 0.5;
    width: 70%;
}

.corpo-apartamentos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-left: 20px;
    gap: 30px;
    margin-top: 40px;
    margin-right: 20px;
max-width: 1200px;
margin: 0 auto;
}

.carrossel-imgs-grande {

    /* display: inline-flex; */
    image-rendering: auto;
    align-content: center;
    grid-column: 1/3;
}

.carrossel-imgs-grande img {
    position: relative;
    width: 100%;

}

.corpo-apartamentos .conteudo-apartamentos {

    position: relative;
    justify-content: center;
    justify-items: left;
    margin: 20px auto;
    width: 100%;
    text-align: justify;
}

.corpo-apartamentos .conteudo-apartamentos h1 {
    color: #000;
    text-align: left;
    font-family: Barlow;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media(max-width:768px){
.corpo-apartamentos .conteudo-apartamentos h1 {
    font-size: 28px;
}
.corpo-apartamentos .conteudo-apartamentos h2,
.corpo-apartamentos .conteudo-apartamentos p {
    font-size: 18px !important;
}

}
.corpo-apartamentos .conteudo-apartamentos h2 {
    color: #000;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.corpo-apartamentos .conteudo-apartamentos p {
    color: #000;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    display: flex;
    /* width: 630px;
    height: 369px; */
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.5;
}

.carrossel-imgs-loft img {
    border-radius: 20px;
}

.cards-lofts {

    padding-top: 30px;
    /* padding-bottom: 30px; */
    padding-left: 30px;
    padding-right: 30px;

    display: grid;
    grid-template-columns: repeat(4, auto);
    /* background: #F2F4F6; */
    gap: 41px;
    width: 95%;
    overflow-x: scroll !important;
    scroll-behavior: smooth;
    margin: 0 auto;


}

.card-loft {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    width: 403px;
    height: 606px;
    border-radius: 32px;
    /* border: 1px solid #E4E6E8; */
    background: #FFF;
    /* gap: 20px; */
    /* margin-top: 30px; */
    scale: 85%;
}

.pin-localizacao {
    width: 12px;
    height: 16px;
    flex-shrink: 0;
    display: inline-flex;
    margin-right: 5px;
}

.descricao-loft {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
    margin-top: -50px;
    width: 351px;
    height: 269px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 20px;
    z-index: 100;
}
@media (max-width: 480px) {
    .descricao-loft {
        width: 320px;
        padding: 16px;
        gap: 0px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);    
        height: auto;  
    }
    .titulo-card-loft {
    max-width: 300px;
    height: auto;
    line-height: 28px;
}
.amenities {
    display: grid;
   
    gap: 8px;
    justify-items: center;
    margin-left: 0px !important;
    max-width: 320px;
}
/*.amenities .retangulo-card-amenities:nth-child(4) {
    grid-column: 2;
    margin-left: -90px;
}
.amenities .retangulo-card-amenities:nth-child(5) {
    grid-column: 3;
    margin-left: -90px;
}*/
.texto-amenities span {
    font-size: 5px !important;
}

}
.titulo-card-loft {
    display: flex;
    width: 342px;
    height: 64px;
    flex-direction: column;
    justify-content: center;
    color: #000;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

.localizacao-card-loft p {
    display: inline-flex;
    width: 157.702px;
    height: 26px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #737373;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 162.5% */
}

/* .amenities-loft {
    display:grid;
    grid-template-columns: repeat(5, 1ft);
} */

.amenities {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-left: -10px;
}

.texto-amenities {
    width: auto;
    color: #666667;
    text-align: center;
    font-family: Barlow;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.retangulo-card-amenities {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
     width: 46px;
    height: auto;
    padding: 10px;
    gap: 0px;
    justify-items: center;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 19px;
    border: 1.5px solid #FF3D00;
    background: #FFF;
    box-shadow: 5px 10px 31px 0px rgba(0, 0, 0, 0.10);

}
@media(max-width:768px){
.retangulo-card-amenities {
    width: 46px;
    height: auto;
    padding: 8px;
    gap: 0px;
margin-left: -5px;
}
.valor-card-loft {
    font-size: 20px;
    line-height: 28px;
}

.valor-card-loft p {
    padding-bottom: 8px;
    font-size: 10px !important;
}

.valor-card-loft .valor-periodo {
    font-size: 14px !important;
}

.botao-card-loft {
    justify-content: right;
    align-items: center;
    margin-left: 10px !important;
}
.footer-card-loft .reservar-cards {
    width: 100px !important;
    height: 40px !important;
    padding: 0px;
}

}

.footer-card-loft {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    align-items: center;
}
@media(max-width: 768px){

.footer-card-loft {
    margin-top: 30px;
    gap: 0px;
    align-items: center;
}
}

.valor-card-loft {

    color: #000;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    /* 133.333% */
    display: inline-flex;
    width: 100%;
    height: 32px;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.valor-card-loft p {
    padding-bottom: 6px;
    font-size: 13px;
    position: absolute;
    display: inline-flex;
    margin-top: -25px;
    left: 30px;
}

.valor-card-loft .valor-periodo {
    color: #737373;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 162.5% */
    display: flex;
    width: 62.553px;
    height: 26px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    padding-left: 5px;
}

.botao-card-loft {
    justify-content: right;
    align-items: center;
    margin-left: 45px;
}

.reservar-cards {
    display: flex;
    width: 142px;
    height: 40px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px;
    border: 1px solid #FF3D00;
    background: #FF3D00;
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 157.143% */
}

.navigation-buttons {
    margin-top: 30px;
    margin-bottom: -40px;
    display: flex;
    gap: 1260px;
    overflow: hidden;
    top: 298px;
    position: relative;
    z-index: 300;
}

.o-que-dizem {
    max-width: 1360px;
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.o-que-dizem h2 {
    color: #FF3D00;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    /* 125% */
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
}

.o-que-dizem h1 {
    color: #000;
    text-align: center;
    font-family: "AderoTrial";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 76px;
    /* 158.333% */
    margin: 0 auto;
}

.oq-dizem-grid {
    margin-top: 50px;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    /* gap:120px; */
    margin-bottom: 40px;
}

@keyframes move {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-400%);
    }

    100% {
        transform: translateX(0);
    }
}

.cards-dpm {
    /* display: grid; */
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 500px !important;
    overflow-x: scroll;
    scroll-behavior: smooth;
}
@media(max-width:768px) {
    .cards-dpm {
    width: 375px !important;
}
}

.card-dpm {
    width: 400px;
    height: auto;
    flex-shrink: 0;
    border-radius: 32px;
    border: 1px solid #E4E6E8;
    background: #FFF;
    box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.09);
    padding: 40px;
/*     animation: move 60s infinite linear;
    flex-wrap: nowrap; */

}
.animated-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    animation: move 60s infinite linear;
    flex-wrap: nowrap;
    gap:20px;
}

.animated-cards:hover{
    animation-play-state: paused;
}

.stars-user-card {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 61px;
    margin-top: 20px;
}


.titulo-card-dpm {
    display: flex;
    width: 344.124px;
    height: 32px;
    transform: rotate(0.033deg);
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
    /* 160% */
}

.conteudo-card-dpm {
    display: flex;
    width: 411px;
    height: 96px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #737373;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.pin-card-dpm {
    margin-right: 5px;
}

.endereco-card-dpm {
    display: inline-flex;
    width: 299px;
    height: 26px;
    flex-direction: row;
    justify-content: left;
    flex-shrink: 0;
    color: #737373;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 162.5% */

}

.user-dpm-infos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.user-dpm-infos .grid-img-user-card {
    display: grid;
    grid-template-columns: repeat(2, 70px);

}

.user-dpm-infos .grid-img-user-card .img-user-card-dpm img {
    margin-top: 18px;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    border-radius: 32px;

}

.user-dpm-infos .grid-img-user-card .name-user-card {
    display: grid;
    grid-template-rows: repeat(2, 18px);
    margin-top: 20px;
    width: 100px;

}

.user-dpm-infos .grid-img-user-card .name-user-card .user-name {
    color: #000;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 155.556% */
    display: flex;
    /* width: 129.566px;
    height: 28px; */
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    width: 150px;

}


.elps {
    width: 321px;
    height: 333px;
    flex-shrink: 0;
    border-radius: 333px;
    opacity: 0.8;
    background: rgba(255, 61, 0, 0.25);
    filter: blur(75px);
    justify-content: right;
    position: absolute;
}

.coworking {

    max-width: 1360px;
    display: grid;
    justify-content: center;
    justify-items: center;
    height: 400px;
    margin: 120px auto 0 auto;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 2px;
    background: linear-gradient(90deg, #F29C72 -11%, #FF3D00 109.5%);

}

.img-cadeiras-coworking img {
    width: 83.5%;
    position: relative;
    z-index: 2;
    margin-top: -66px;

}

.texto-coworking {
    padding: 40px;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    justify-content: center;
    justify-items: left;
    z-index: 2;
    padding-left: 127px;
    gap: 27px;
}


.titulo-coworking {
    color: #FFF;
    font-family: Barlow;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.conteudo-coworking {
    color: #FFF;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 130% */
    margin-top: -13px;

}

.botao-coworking {
    display: inline-flex;
    padding: 17px 28px;
    align-items: center;
    gap: 25px;
    border-radius: 12px;
    background: #FFF;
    color: #FF3D00;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width: 109px;
    height: 20px;
}

.fundo-alpha2 {
    display: flex;
    position: absolute;
    margin-top: -46px;
    margin-left: -400px;
    z-index: 1;
    scale: 60%;
}

.footer {

    border-top-style: solid;
    border-top-color: #999;
    border-width: 1px;
    margin: 80px auto 0 auto;
    height: 100px;
    display: flex;
    /* max-width:1360px; */
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;

}

.infos-footer {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    gap: 600px;

}

.endereco-footer {
    color: var(--Black, #112B3C);
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: var(--Black, #112B3C);
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
    width: 200px;
}

.faixa-footer {
    position: absolute;
    width: 100%;
    display: grid;
    background: #FF3D00;
    color: #FFF;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: center;
    justify-items: center;
    left:0;
}

.footer-redes-mobile {
    display: none;
}

.faixa-footer img {
    width: 24.567px;
    height: 19.919px;
    transform: rotate(1.8deg);
    flex-shrink: 0;
}