/* LAYOUT STYLES */

.bt-content-wrapper .container {
    padding: 0 !important;
    margin: 0;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

body {
    margin: 0;
    padding: 0;
}

.landing * {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

.bt-page-header {
    display: none;
}

.at-widget-listings {
    padding: 1rem;
}

.at-widget-listings .bt-widget__title {
    font-family: "Quicksand", sans-serif;
    text-transform: capitalize;
}

.bt-content-wrapper {
    padding-top: 0;
}

.blue-background {
    background-color: #2F5F86;
}

.blue-background h1,
.blue-background h2,
.blue-background h3,
.blue-background p,
.blue-background a:not(.btn-main),
.blue-background a:hover:not(.btn-main) {
    color: white !important;
}

.white-background {
    background-color: white;
}

.white-background h2,
.white-background h3 {
    color: #2F5F86;
}

.title {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.align-center {
    text-align: center;
}

.spacer {
    height: 2rem;
}

/* FLEXBOX */

.flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.flex-container>div {
    flex: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.flex-columns {
    display: flex;
    flex-direction: column;
}

.flex-columns img {
    margin: 0 auto;
}

.center {
    text-align: center;
}

.picture {
    width: 50rem;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 5rem;
}

.picture-small {
    width: 10rem;
    height: auto;
}

.list {
    flex: none !important;
    min-width: 24rem;
    margin-top: 5rem;
}

@media (max-width: 768px) {
    .flex-container {
        width: 100%;
    }

    .picture {
        width: 20rem;
    }

    .sm-col {
        flex-direction: column;
    }

    .sm-row {
        flex-direction: row;
    }

    .sm-order-0 {
        order: 0;
    }

    .sm-order-1 {
        order: 1;
    }

    .list {
        flex: none !important;
        min-width: 10rem;
    }
}

/* FONTS */

.bold {
    font-weight: bold
}

.uppercase {
    text-transform: uppercase;
}

/* BUTTON */

.btn-main {
    font-size: 20px !important;
    padding: 15px 50px 15px 50px !important;
    font-weight: 500 !important;
    background-color: white;
    color: #2F5F86;
    text-transform: uppercase;
    padding: 1rem 2rem;
    font-size: 2.5rem;
    border: 9px solid #2F5F86;
    outline: 1px solid white;
    text-decoration: none;
}

.btn-main:hover {
    background-color: #2F5F86;
    outline: 1px solid white;
    color: white !important;
}

@media (max-width: 768px) {
    .btn-main {
        font-size: 1rem;
    }
}

/* FONTS */

.italiana-regular {
    font-family: "Italiana", sans-serif;
    font-weight: 400;
}

.quicksand-regular {
    font-family: "Quicksand", sans-serif !important;
}

.landing h1,
.landing h2,
.landing h3 {
    text-transform: uppercase;
    font-weight: bold;
}

.landing h1 {
    font-size: 1.6rem;
    padding-bottom: 1rem;
}

.landing h2,
.landing h3 {
    font-size: 1.6rem;
    padding-bottom: 1rem;
}

.landing p {
    font-size: 1rem;
    padding-bottom: 1rem;
}

@media (max-width: 768px) {

    .landing h1,
    .landing h2,
    .landing h3 {
        text-align: center;
        font-size: 1.7rem;
    }

    .landing p {
        width: 80% !important;
        font-size: 1rem;
    }
}

/* BEGIN YOUR <> SECTION */

.begin-your-chapter .italiana-regular {
    font-weight: bold;
    font-size: 45px !important;
}

.begin-your-chapter-section {
    padding: 7.6rem 0;
}

.begin-your-chapter {
    padding-left: 4.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-left: 1px solid white;
    text-align: left;
    text-transform: uppercase;
}

.begin-your-chapter p {
    font-size: 5rem;
}

.begin-your-chapter-section .flex-container {
    justify-content: space-between;
    align-items: center;
    padding: 0 10%;
}

.begin-your-chapter-section a {
    display: inline-block;
}

@media (max-width: 768px) {
    .begin-your-chapter {
        border-left: 1px solid white;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding-left: 0;
        border: none;
    }

    .begin-your-chapter-section .flex-container {
        padding: 0;
    }

    .begin-your-chapter p {
        font-size: 3rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .begin-your-chapter-section div {
        margin: 0 auto;
        text-align: center;
    }

    .begin-your-chapter-section p,
    .begin-your-chapter-section a {
        margin: 0 auto;
        text-align: center;
    }
}

/* TAKE A TOUR SECTION */

.take-a-tour-section {
    text-align: center;
    padding: 7.063rem 0;
}

.take-a-tour-section h2 {
    padding-bottom: 6.063rem;
}

.take-a-tour-section a {
    font-size: 1rem;
    text-decoration: underline;
    margin-top: 2.063rem;
}

.tour-icon {
    width: 8rem;
}

@media (max-width: 768px) {
    .take-a-tour-section {
        padding-top: 1rem;
        padding-bottom: 3rem;
    }

    .take-a-tour-section h2 {
        padding-bottom: 2rem;
        margin-top: 2rem;
    }

    .take-a-tour-section .flex-container {
        margin-bottom: 2rem;
    }

    .take-a-tour-section a {
        font-size: 1rem;
    }

    .take-a-tour-section .flex-columns {
        width: 10%;
    }

    .take-a-tour-section .flex-container .flex-columns img {
        width: 3rem !important;
    }
}

/* MAIN SECTION */

.main-section {
    padding-top: 4.438rem;
    padding-bottom: 8.063rem;
    text-align: center;
}

.logo {
    width: 420px;
    display: block;
    margin: 0 auto;
}

.main-section h1 {
    margin-top: 6.313rem;
    font-weight: bold !important;
}

.main-section p {
    width: 72.625rem;
    margin: 0 auto;
    margin-bottom: 5.063rem;
}

.development-picture {
    width: 1026px;
}

@media (max-width: 768px) {
    .logo {
        width: 220px;
    }

    .main-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .main-section h1 {
        margin-top: 1rem;
    }

    .development-picture {
        width: 350px !important;
        margin-top: 1rem;
    }
}

/* FLOORPLANS SECTION */

.floorplans-section {
    margin: 0 auto;
    padding: 5rem 10rem 8.063rem 10rem;
    position: relative;
}

.overlapping-title {
    background-color: white;
    position: absolute;
    top: -4rem;
    left: 50%;
    /* Move to the middle of the container */
    transform: translateX(-50%);
    text-align: center;
    padding: 4.688rem 8rem 0 8rem;
}

@media(max-width: 768px) {
    .floorplans-section {
        padding-bottom: -1.063rem !important;
        padding-right: 2rem;
        padding-left: 2rem;
        padding-top: 9rem;
    }

    .floorplans-section p {
        margin: 0 auto;
    }

    .overlapping-title {
        background-color: white;
        position: absolute;
        top: -1rem;
        left: 50%;
        /* Move to the middle of the container */
        transform: translateX(-50%);
        text-align: center;
        padding: 2rem 2rem 0 2rem;
    }
}

/* FLOATING TEXT AND WHITE BACKGROUND SECTION */

.info-container {
    background-color: white !important;
}

.textbox {
    padding: 3.563rem 4.5rem;
    background-color: white;
    width: 70rem;
}

.textbox p {
    width: 50rem;
}

.textbox h2 {
    color: #2F5F86;
}

.overlap-left,
.overlap-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.overlap-left {
    right: 10rem;
}

.overlap-right {
    left: 10rem;
}

.background-picture {
    height: 101.58vh;
}

@media (max-width: 768px) {
    .info-container>div {
        width: 100%;
        flex: none;
        height: auto;
    }

    /* Ajustes adicionales para el contenido superpuesto */
    .overlap-left,
    .overlap-right {
        position: relative;
        top: 0;
        transform: translateY(0);
        right: 0;
        left: 0;
    }

    .background-picture {
        height: 35vh !important;
        order: 0;
    }

    .textbox-container {
        order: 1;
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .textbox {
        margin: 0;
        text-align: center;
        padding: 0;
        width: 100%;
    }

    .textbox p {
        font-size: 1rem;
        text-align: center;
        margin: 0 auto;
        width: 80%;
    }
}

/* SECCIÓN CON FONDO AZUL Y COLUMNAS */

.blue-section div {
    min-height: 60vh;
    text-align: left;
    align-content: center;
    padding-left: 10rem;
}

.blue-section h2 {
    font-size: 1rem;
}

.blue-section p {
    width: 30rem;
}

@media (max-width: 768px) {
    .blue-section p {
        margin: 0 auto;
    }

    .blue-section div {
        width: 100%;
        padding: 2rem;
        min-height: 35vh;
    }
}

/* AMENITIES SECTION */

.amenities-section {
    text-align: center;
    padding-top: 6.625rem;
    padding-bottom: 9.938rem;
}

.amenities-section img {
    width: 93.75rem;
    margin-top: 4.75rem;
}

.amenities-section h2 {
    margin-bottom: 4.75rem;
}

@media (max-width: 768px) {
    .divisor-picture {
        height: 30vh;
    }

    .amenities-section img {
        width: 23.75rem;
        margin-top: 4.75rem;
    }

    .amenities-section p {
        margin: 0 auto;
    }

    .amenities-section h2 {
        margin-bottom: 1rem;
    }

    .amenities-section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .amenities-section img {
        margin-top: 2rem;
    }
}

/* DIVISOR PICTURE */

.divisor-picture {
    height: 72.83vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width: 768px) {
    .divisor-picture {
        height: 30vh;
    }
}

/* SLIDER */

.slider-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: top;
    margin-top: 3rem;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.slide img {
    height: auto;
    display: block;
    padding-bottom: 5rem;
}

.take-a-tour-section .slide img {
    width: 60rem;
    height: auto;
}

.dots-container {
    text-align: center;
    position: absolute;
    bottom: 15px;
    width: 100%;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dot.active {
    background-color: #2F5F86;
}

#slider2 .dot.active {
    background-color: white;
}

@media (max-width: 768px) {
    .slider-container {
        max-width: 100%;
    }

    /* Adjust other large images */
    .slider-container img {
        width: 100%;
        /* Ensures it fits in slider container on smaller screens */
        height: auto;
    }

    .take-a-tour-section .slide img {
        height: 50vh;
        width: auto;
    }
}