/* ---MAIN STYLES--- */

.main_section {
    position: relative;
    height: 52vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--black);
}

.main_section .absolute_media {
    opacity: .5;
}

.main_section .main_box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.main_section .title_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}

.main_section .title_box h1 {
    display: flex;
    flex-direction: column;
    color: white;
    font-size: 2.5vw;
    text-align: center;
    border: .3vw solid white;
    padding: 2vw;
}

@media (max-width: 996px) {
    .main_section {
        height: 150vw;
        margin-top: 25vw;
    }
    .main_section .title_box {
        gap: 5vw;
    }
    .main_section .title_box h1 {
        font-size: 4vw;
        border: .5vw solid white;
        padding: 5vw;
    }
}


/* --- PROPIEDADES STYLES--- */

.propiedades_section {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    padding: 10%;
}

.propiedades_section .title_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.propiedades_section .title_box h2 {
    color: var(--green);
    font-size: 2.25vw;
    font-weight: 500;
}

.propiedades_section .title_box h2 span {
    font-weight: bold;
}

.propiedades_section .propiedades_box {
    display: flex;
    flex-direction: column;
    gap: 2vw;
}

.propiedades_section .propiedad_item {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
}

.propiedades_section .media_box {
    height: 20vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--black);
    cursor: pointer;
    overflow: hidden;
}

.propiedades_section .media_box img {
    transition: .25s;
}

.propiedades_section .media_box img:hover {
    transform: scale(1.1);
    opacity: .7;
}

.slick-prev,
.slick-next {
    position: absolute;
    color: var(--green);
    background-color: rgba(255, 255, 255, 0.507);
    border-radius: 10vw;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.propiedades_section .info_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2vw;
}

.propiedades_section .propiedad_title h2 {
    color: var(--light-green);
}

.propiedades_section .propiedad_title h2 span {
    position: relative;
    color: white;
    padding: .5vw 1.5vw;
    background: var(--green);
}

.propiedades_section .propiedad_title h2 span::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-left: .5vw solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 3vw solid white;
    z-index: 1;
}

.propiedades_section .content_box {
    padding-left: 1.5vw;
}

.propiedades_section .content_box ul {
    display: flex;
    flex-direction: column;
    gap: .5vw;
}

.main_section .arrows_box i {
    position: absolute;
    font-size: 2vw;
    color: white;
    cursor: pointer;
    transform: translateY(-50%);
    transition: 1s;
}

.main_section .arrows_box i:hover {
    color: var(--primary);
}

.main_section .arrows_box i:nth-child(1) {
    top: 50%;
    left: 2.5%;
}

.main_section .arrows_box i:nth-child(2) {
    top: 50%;
    right: 2.5%;
}

@media (max-width: 996px) {
    .propiedades_section {
        gap: 5vw;
        padding: 10%;
    }
    .propiedades_section .title_box h2 {
        font-size: 5vw;
    }
    .propiedades_section .propiedades_box {
        gap: 10vw;
    }
    .propiedades_section .propiedad_item {
        grid-template-columns: 1fr;
        gap: 5vw;
    }
    .propiedades_section .media_box {
        height: 45vw;
    }
    .propiedades_section .info_box {
        gap: 5vw;
    }
    .propiedades_section .propiedad_title h2 {
        text-align: left;
        line-height: 2;
    }
    .propiedades_section .propiedad_title h2 span {
        padding: 1vw 3vw;
    }
    .propiedades_section .propiedad_title h2 span::before {
        border-left: 2vw solid transparent;
        border-bottom: 10vw solid white;
    }
    .propiedades_section .content_box {
        padding-left: 0;
    }
    .propiedades_section .content_box ul {
        gap: 3vw;
    }
}


/* ---ABOUT STYLES--- */

.about_section {
    position: relative;
    padding: 10%;
    background: var(--green);
}

.about_section .absolute_media {
    mix-blend-mode: multiply;
}

.about_section .about_box {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
    z-index: 1;
}

.about_section .about_box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(0, -50%);
    width: .2vw;
    height: 250%;
    background: white;
}

.about_section .title_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about_section .title_box h2 {
    color: white;
}

.about_section .title_box h2:nth-child(1) {
    font-size: 3vw;
}

.about_section .title_box h2:nth-child(2) {
    color: var(--green);
    font-size: 2vw;
    padding: .25vw 1vw;
    background: var(--light-green);
}

.about_section .info_box {
    display: flex;
    align-items: center;
}

.about_section .info_box p {
    color: white;
}

@media (max-width: 996px) {
    .about_section {
        padding: 20% 10%;
    }
    .about_section .about_box {
        grid-template-columns: 1fr;
        gap: 5vw;
    }
    .about_section .about_box::before {
        display: none;
    }
    .about_section .title_box {
        align-items: flex-start;
    }
    .about_section .title_box h2 {
        text-align: left;
    }
    .about_section .title_box h2:nth-child(1) {
        font-size: 6vw;
    }
    .about_section .title_box h2:nth-child(2) {
        font-size: 4.5vw;
        padding: 1vw 2.5vw;
    }
}


/* ---CHOOSE STYLES--- */

.choose_section {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    padding: 10% 0;
}

.choose_section .title_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.choose_section .title_box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: .25vw;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: var(--light-green);
    z-index: -1;
}

.choose_section .title_box h2 {
    position: relative;
    color: var(--green);
    background: white;
    z-index: 1;
}

.choose_section .title_box h2 span {
    font-size: 3vw;
}

.choose_section .choose_box {
    display: grid;
    padding: 0 10%;
    grid-template-columns: repeat(3, 1fr);
    gap: 3vw;
}

.choose_section .choose_item {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    padding: 2vw;
    background: var(--light-green);
    cursor: pointer;
    transition: .25s;
}

.choose_section .choose_item:hover {
    background: var(--green);
}

.choose_section .choose_item h2,
.choose_section .choose_item p {
    color: white;
}

@media (max-width: 996px) {
    .choose_section {
        gap: 10vw;
        padding: 20% 0;
    }
    .choose_section .title_box::before {
        height: .5vw;
    }
    .choose_section .title_box h2 span {
        font-size: 8vw;
    }
    .choose_section .choose_box {
        grid-template-columns: 1fr;
        gap: 5vw;
    }
    .choose_section .choose_item {
        gap: 3vw;
        padding: 10vw 5vw;
    }
}


/* ---CONTACT STYLES--- */

.contact_section .title_box h2 {
    width: fit-content;
    color: white;
    font-size: 3vw;
    padding: 2% 2% 0 10%;
    border-radius: 0 2vw 0 0;
    background: var(--green);
}

.contact_section .contact_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5vw;
    padding: 2.5% 10% 5% 10%;
    background: var(--green);
}

.contact_section .info_box {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.contact_section .info_box h2 {
    color: white;
}

.contact_section .info_box p {
    color: white;
}

.contact_section .info_box a {
    color: white;
}

.contact_section .info_box a:hover {
    color: var(--light-green);
}

.contact_section .form_box {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.contact_section .input_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vw;
}

.contact_section .input_box input {
    color: white;
    font-size: .9vw;
    padding: .75vw;
    border: none;
    border-radius: .25vw;
    background: var(--light-green);
}

.contact_section textarea {
    resize: none;
    height: 6vw;
    color: white;
    font-size: .9vw;
    padding: .75vw;
    border: none;
    border-radius: .25vw;
    background: var(--light-green);
}

.contact_section input::placeholder,
.contact_section textarea::placeholder {
    color: #ffffff90;
}

.contact_section input:focus-visible,
.contact_section textarea:focus-visible {
    outline: none;
    background: #03a64cbe;
}

.contact_section .main_btn {
    color: var(--light-green);
    background: white;
    border: none;
}

.contact_section .main_btn:hover {
    color: white;
    background: var(--light-green);
}

@media (max-width: 996px) {
    .contact_section .title_box h2 {
        font-size: 6vw;
        padding: 5% 10% 0 10%;
        border-radius: 0 5vw 0 0;
    }
    .contact_section .contact_box {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10vw;
        padding: 5% 10%;
    }
    .contact_section .info_box {
        gap: 3vw;
    }
    .contact_section .form_box {
        gap: 3vw;
    }
    .contact_section .input_box {
        grid-template-columns: 1fr;
        gap: 3vw;
    }
    .contact_section .input_box input {
        font-size: 3vw;
        padding: 3vw;
        border-radius: .5vw;
    }
    .contact_section textarea {
        height: 20vw;
        font-size: 3vw;
        padding: 3vw;
        border-radius: .5vw;
    }
}