@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Space+Grotesk:wght@400&display=swap');

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

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

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

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

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

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

:root {
    /*FONT FAMILIES*/
    --ortical-bold: "OrticalLinear Bold";
    --ortical-light: "OrticalLinear Light";
    --ortical-regular: "OrticalLinear Regular";
    --sofia-bold: "SofiaPro Bold";
    --sofia-light: "SofiaPro Light";
    --sofia-regular: "SofiaPro Regular";
    --poppins-font: "Poppins", sans-serif;
    --color-white: #FFFFFF;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
    box-sizing: border-box;
    text-decoration: none;
    font-family: var(--sofia-light);
}

html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    zoom: 100%;
    overflow-x: hidden;
    /* overflow-y: visible; */
    background-color: var(--color-white);
}

body::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

body::-webkit-scrollbar-track {
    background-color: #F2F2F2;
}

body::-webkit-scrollbar-thumb {
    background-color: #14141499;
    border-radius: 20px;
}

main {
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
}

/*Animaciones de la web*/
/*textos y botones*/
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: opacity, transform;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/*cards y imagenes*/
.fade-container {
    opacity: 0;
    filter: blur(6px);
    transition: opacity 1.8s cubic-bezier(0.4, 0, 0.2, 1),
        filter 1.8s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, filter;
}

.fade-container.visible {
    opacity: 1;
    filter: blur(0);
}

/*Menu*/
.header {
    width: 100%;
    top: 0;
    position: fixed;
    transition: transform 0.35s ease, background 0.35s ease, padding 0.35s ease;
    z-index: 1000;
    padding: 10px 10px;
}

.header .container {
    max-width: 1900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    padding: 10px 20px;
}

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

.header .container .content-1 .btn-houses {
    background: transparent;
    border: none;
    color: #EAEAEA;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: opacity 0.2s ease;
}

.header .container .content-1 .btn-houses:hover {
    opacity: 0.65;
}

.header .container .content-1 .btn-houses i {
    font-size: 16px;
    line-height: 1;
    margin-top: 1px;
    transition: transform 0.3s ease;
}

.header .container .content-1 .btn-houses.active i {
    transform: rotate(180deg);
}

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

.header .container .content-2 .logo-desktop,
.header .container .content-2 .logo-mobile {
    width: auto;
    height: 60px;
    align-items: center;
    object-fit: contain;
    object-position: center;
}

.header .container .content-2 .logo-desktop {
    display: flex;
}

.header .container .content-2 .logo-mobile {
    display: none;
}

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

.header .container .content-3 .btn-contact {
    border: 1px solid #EAEAEA;
    border-radius: 50px;
    color: #EAEAEA;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding: 8px 20px;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.header .container .content-3 .btn-contact:hover {
    background: rgba(255, 255, 255, 0.2);
}

/*Rectangulo al hacer scroll*/
.header.hidden {
    transform: translateY(-110%);
}

.header.scrolled {
    padding: 0px !important;
}

.header.scrolled .container {
    background-color: #FFFFFF99;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    padding: 20px 30px;
    max-width: 1920px;
}

.header.scrolled .btn-houses {
    color: #2B2B2B !important;
}

.header.scrolled .logo-desktop,
.header.scrolled .logo-mobile {
    height: 30px !important;
    filter: invert(1);
}

.header.scrolled .logo-desktop {
    display: none !important;
}

.header.scrolled .logo-mobile {
    display: flex !important;
}

.header.scrolled .btn-contact {
    border-color: #2B2B2B !important;
    color: #2B2B2B !important;
}

/*Panel lateral izquierdo*/
.houses-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.houses-overlay.active {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}

.houses-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 520px;
    height: 100vh;
    background: #EAEAEA;
    z-index: 1001;
    transform: translateX(-100%);
    transition: transform 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    display: flex;
    flex-direction: column;
}

.houses-panel.active {
    transform: translateX(0);
}

.houses-panel .panel-header {
    display: flex;
    padding: 20px 30px 20px;
    border-bottom: 1px solid #e8e8e8;
    justify-content: space-between;
    align-items: center;
}

.houses-panel .panel-header .btn-close {
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #2B2B2B;
    cursor: pointer;
    padding: 0;
    transition: opacity 0.2s;
}

.houses-panel .panel-header .btn-close:hover {
    opacity: 0.6;
}

.houses-panel .panel-header img {
    display: none;
    width: auto;
    height: 30px;
    align-items: center;
    object-fit: contain;
    object-position: center;
    filter: invert(1);
}

.houses-panel .panel-header .btn-contact {
    display: none;
    border: 1px solid #2B2B2B;
    border-radius: 50px;
    color: #2B2B2B;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    padding: 8px 20px;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.houses-panel .panel-header .btn-contact:hover {
    background-color: #EAEAEA;
}

.houses-panel .panel-body {
    flex: 1;
    overflow-y: auto;
    padding: 0 30px;
}

.houses-panel .panel-body .houses-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.houses-panel .panel-body .houses-list .house-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #BABABA;
    padding: 22px 0;
    transition: opacity 0.2s;
}

.houses-panel .panel-body .houses-list .house-item .title {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -4%;
    color: #2B2B2B;
    font-family: var(--ortical-regular);
}

.houses-panel .panel-body .houses-list a {
    font-size: 16px;
    font-weight: 500;
    color: #2B2B2B;
    text-decoration: none;
    transition: opacity 0.25s ease;
}

.houses-panel .panel-body .houses-list a:hover {
    opacity: 0.6;
}

.houses-panel .panel-body .houses-list a .view-house {
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    display: inline-block;
}

.houses-panel .panel-body .houses-list .house-item:hover a .view-house {
    opacity: 1;
    transform: translateX(0);
}

/*Principal home*/
.container-home {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    height: 100vh;
    background: url(../assets/images/background_home.webp) center / cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 40px;
}

.container-home::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.container-home .home-content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.container-home .home-content .content1 {
    width: 60%;
    position: absolute;
    top: 130px;
    left: 0;
    display: flex;
    justify-content: flex-start;
}

.container-home .home-content .content1 .title {
    font-size: 50px;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: -3%;
    color: #FFFFFF;
    font-family: var(--ortical-light);
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.container-home .home-content .content2 {
    width: 40%;
    position: absolute;
    bottom: 50px;
    right: 0px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: 20px;
}

.container-home .home-content .content2 .description {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: -2%;
    color: #FFFFFF;
}

/*Home section 1*/
.home-section1 {
    display: flex;
    flex-direction: column;
    background-color: #CDD3D8;
    padding: 100px 40px;
    gap: 120px;
    overflow: hidden;
}

.home-section1 .section1-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* flex-wrap: wrap; */
    gap: 30px;
}

.home-section1 .section1-top .paragraph {
    flex: 1;
    width: 50%;
    max-width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}

.home-section1 .section1-top .paragraph .title {
    font-size: 50px;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: -3%;
    color: #2B2B2B;
    font-family: var(--ortical-light);
    text-align: left;
}

.home-section1 .section1-top .paragraph .description {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: -2%;
    color: #2B2B2B;
    text-align: left;
}

.home-section1 .section1-top .image {
    position: relative;
    flex: 1;
    width: 50%;
    max-width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    flex-direction: column;
}

.home-section1 .section1-top .image img {
    position: absolute;
    max-width: 70%;
    width: 70%;
    top: -60px;
}

.home-section1 .section1-bottom {
    width: 100%;
    height: 40%;
    display: flex;
    align-items: center;
    justify-content: right;
}

.home-section1 .section1-bottom .title {
    width: 40%;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: -3%;
    color: #2B2B2B;
}

/*Home section 2*/
.home-section2 {
    width: 100%;
    overflow: hidden;
}

.home-section2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    display: block;
}

/*Home section 3*/
.home-section3 {
    background-color: #B3AF95;
    padding: 100px 40px;
}

.home-section3 .contents {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    /* flex-wrap: wrap;*/
    gap: 40px;
}

.home-section3 .contents .content1 {
    flex: 1;
    width: 50%;
    max-width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}

.home-section3 .contents .content1 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.home-section3 .contents .content2 {
    flex: 1;
    width: 50%;
    max-width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: 80px;
}

.home-section3 .contents .content2 .cont-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
}

.home-section3 .contents .content2 .cont-top .title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
}

.home-section3 .contents .content2 .cont-top span {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 300;
    text-transform: uppercase;
    color: #2B2B2B;
}

.home-section3 .contents .content2 .cont-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
}

.home-section3 .contents .content2 .cont-button .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -2%;
    color: #2B2B2B;
}

/*Home section 4*/
.home-section4 {
    background-color: #B3AF95;
    padding: 100px 40px;
}

.home-section4 .contents {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    /* flex-wrap: wrap;*/
    gap: 40px;
}

.home-section4 .contents .content1 {
    flex: 1;
    width: 50%;
    max-width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}

.home-section4 .contents .content1 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.home-section4 .contents .content2 {
    flex: 1;
    width: 40%;
    max-width: 40%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: 80px;
}

.home-section4 .contents .content2 .cont-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
}

.home-section4 .contents .content2 .cont-top .title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
}

.home-section4 .contents .content2 .cont-top span {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 300;
    text-transform: uppercase;
    color: #2B2B2B;
}

.home-section4 .contents .content2 .cont-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
}

.home-section4 .contents .content2 .cont-button .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -2%;
    color: #2B2B2B;
}

/*Home section 5*/
.home-section5 {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.home-section5::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

/*video como fondo*/
.home-section5 .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Home section 6*/
.home-section6 {
    background-color: #EAEAEA;
    padding: 80px 40px;
}

.home-section6 .contents {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    /* flex-wrap: wrap; */
    gap: 40px;
}

.home-section6 .contents .content1 {
    position: relative;
    flex: 0 0 60%;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.home-section6 .contents .content1 .title {
    left: 30%;
    transform: translateX(-50%);
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
    position: absolute;
}

.home-section6 .contents .content1 img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: block;
}

.home-section6 .contents .content2 {
    flex: 0 0 40%;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
    padding-bottom: 10px;
}

.home-section6 .contents .content2 .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #2B2B2B;
    letter-spacing: -2%;
}

/*Home section 7*/
.home-section7 {
    background-color: #EAEAEA;
    padding: 80px 0px 80px 40px;
}

.home-section7 .contents {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    /* flex-wrap: wrap; */
    gap: 40px;
}

.home-section7 .contents .content1 {
    position: relative;
    flex: 0 0 40%;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
}

.home-section7 .contents .content1 .cont-top {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home-section7 .contents .content1 .cont-top span {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    color: #2B2B2B;
}

.home-section7 .contents .content1 .cont-top .title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: -3%;
    color: #2B2B2B;
}

.home-section7 .contents .content1 .cont-buttom {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-section7 .contents .content1 .cont-buttom .description {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: -2%;
    color: #2B2B2B;
}

.home-section7 .contents .content2 {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
}

.home-section7 .contents .content2 img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: block;
}

/*Home section 8*/
.home-section8 {
    background-color: #EAEAEA;
    overflow: hidden;
}

.home-section8 .contents {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    padding: 80px 0;
}

.home-section8 .contents img:first-child {
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    height: auto;
    object-fit: contain;
}

.home-section8 .contents img:last-child {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    height: auto;
    object-fit: contain;
}

.home-section8 .contents .content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    max-width: 600px;
}

.home-section8 .contents .content .title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -3%;
    color: #2B2B2B;
    font-family: var(--ortical-light);
}

.home-section8 .contents .content .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -2%;
    color: #2B2B2B;
}

/*Home residencias*/
.home-residences {
    background-color: #EAEAEA;
    padding: 20px 40px;
}

.home-residences .houses {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.home-residences .houses .house,
.home-residences .houses .house a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    text-decoration: none;
    cursor: pointer;
}

.home-residences .houses .house {
    border-bottom: 1px solid #BABABA;
}

.home-residences .houses .house span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    color: #746E3E;
    min-width: 30px;
}

.home-residences .houses .house .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
}

.home-residences .houses .house .content .title {
    font-size: 62px;
    font-weight: 300;
    line-height: 1;
    color: #2B2B2B;
    letter-spacing: -4%;
    font-family: var(--ortical-light);
    text-transform: uppercase;
    transition: opacity 0.3s ease;
}

.home-residences .houses .house .content .info {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    color: #5B5B5B;
    text-transform: uppercase;
    transition: opacity 0.3s ease;
}

/*líneas se atenúan en hover*/
.home-residences .houses .house:hover .content .title,
.home-residences .houses .house:hover .content .info {
    opacity: 0.5;
}

.home-residences .houses .house .content .house-preview {
    position: absolute;
    top: -70%;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
    height: 200px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.home-residences .houses .house .content .house-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*mostrar al hacer hover en la fila*/
.home-residences .houses .house:hover .content .house-preview {
    opacity: 1;
}

/*Home section 9*/
.home-section9 {
    background-color: #EAEAEA;
    overflow: hidden;
    padding: 100px 0px;
}

.home-section9 .headers {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    gap: 40px;
    padding: 0px 40px 60px 40px;
}

.home-section9 .headers .content1 {
    flex: 0 0 30%;
    max-width: 30%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home-section9 .headers .content1 .title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
}

.home-section9 .headers .content1 .inversion {
    font-size: 25px;
    font-weight: 300;
    color: #8A8A8A;
    letter-spacing: -2%;
    font-family: var(--ortical-light);
}

.home-section9 .headers .content2 {
    flex: 0 0 40%;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-section9 .headers .content2 .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #2B2B2B;
    letter-spacing: -2%;
}

.home-section9 .headers .content2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.home-section9 .headers .content2 ul li {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #2B2B2B;
    letter-spacing: -2%;
}

.home-section9 .boxes {
    display: grid;
    grid-template-columns: 0.8fr 1fr 1fr 0.8fr;
    gap: 10px;
    align-items: stretch;
}

.home-section9 .boxes .box {
    overflow: hidden;
    height: 500px;
}

.home-section9 .boxes .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.home-section9 .boxes .box:nth-child(1) img {
    object-position: right;
}

.home-section9 .boxes .box:nth-child(2) img {
    object-position: left;
}

.home-section9 .boxes .box:nth-child(3) img {
    object-position: center;
}

.home-section9 .boxes .box:nth-child(4) img {
    object-position: center;
}

.home-section9 .boxes .box:hover img {
    transform: scale(1.04);
}

/*Home section 10*/
.home-section10 {
    background-color: #EAEAEA;
    padding: 60px 40px 100px 40px;
}

.home-section10 .headers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.home-section10 .headers .content1 {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    gap: 20px;
}

.home-section10 .headers .content1 .cont-top {
    display: flex;
    flex-direction: column;
}

.home-section10 .headers .content1 .cont-top .title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
}

.home-section10 .headers .content1 .cont-button {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home-section10 .headers .content1 .cont-button .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #2B2B2B;
    letter-spacing: -2%;
}

.home-section10 .headers .content2 {
    display: flex;
    justify-content: flex-end;
    overflow: visible;
    margin-bottom: -100px;
    align-items: flex-start;
}

.home-section10 .headers .content2 img {
    width: 70%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    display: block;
}

.home-section10 .buttoms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.home-section10 .buttoms .content2 {
    display: flex;
    justify-content: flex-start;
    overflow: visible;
    margin-top: -100px;
    align-items: flex-end;
}

.home-section10 .buttoms .content2 img {
    width: 70%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    display: block;
}

.home-section10 .buttoms .content1 {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 auto;
    gap: 20px;
}

.home-section10 .buttoms .content1 .cont-top {
    display: flex;
    flex-direction: column;
}

.home-section10 .buttoms .content1 .cont-top .title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
}

.home-section10 .buttoms .content1 .cont-button {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home-section10 .buttoms .content1 .cont-button .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #2B2B2B;
    letter-spacing: -2%;
}

/*Home Maps*/
.home-maps {
    width: 100%;
    max-width: 1920px;
    display: flex;
    flex-wrap: wrap;
    background-color: #FFF;
    color: #000;
    padding: 0px;
    justify-content: center;
}

/*Home form*/
.home-form {
    background-color: #F3EEEB;
    padding: 100px 40px;
}

.home-form .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    max-width: 800px;
    margin: 0 auto;
}

.home-form .contents .cont1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}

.home-form .contents .cont1 .title {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    font-family: var(--ortical-light);
    text-align: center;
}

.home-form .contents .cont1 .description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #2B2B2B;
    text-align: center;
}

.home-form .contents form {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
}

.home-form .contents form .validation-message {
    font-size: 12px;
    line-height: 1;
    font-style: italic;
    color: red;
}

.home-form .contents form .content-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
}

.home-form .contents form .content-inputs .form_group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.home-form .contents form .content-inputs .form_group.full {
    grid-column: 1 / -1;
}

.home-form .contents form .content-inputs .form_group label {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    color: #5B5B5B;
}

.home-form .contents form .content-inputs .form_group input,
.home-form .contents form .content-inputs .form_group select {
    background: transparent;
    border: 1px solid #BABABA;
    border-radius: 50px;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 300;
    color: #2B2B2B;
    outline: none;
    transition: border-color 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
}

.home-form .contents form .content-inputs .form_group input:focus,
.home-form .contents form .content-inputs .form_group select:focus {
    border-color: #2B2B2B;
}

.home-form .contents form .content-inputs .form_group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232B2B2B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 44px;
    cursor: pointer;
}

.home-form .contents form .content-inputs .form_group.checkbox {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.home-form .contents form .content-inputs .form_group.checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    padding: 0;
    flex-shrink: 0;
    cursor: pointer;
    appearance: auto;
}

.home-form .contents form .content-inputs .form_group.checkbox label {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-transform: none;
    color: #5B5B5B;
}

.home-form .contents form .content-inputs .form_group.checkbox label .link {
    color: #2B2B2B;
    text-decoration: none;
    text-underline-offset: 3px;
}

.home-form .contents form .content-inputs .form_group.checkbox label .link:hover {
    text-decoration: underline;
}

.home-form .contents form .content-btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-form .contents form .content-btns .btn_send {
    background-color: #2B2B2B;
    color: #EAEAEA;
    border: none;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.2s ease;
}

.home-form .contents form .content-btns .btn_send:hover {
    color: #2B2B2B;
    background-color: #BABABA;
}

/*Principal houses*/
.container-houses {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    height: 100vh;
    /* background-image: url(../assets/images/background_houses.webp); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 40px;
}

.container-houses::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.container-houses .houses-content {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-align: center;
    z-index: 1;
}

.container-houses .houses-content .title {
    font-size: 50px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: -3%;
    color: #FFFFFF;
    font-family: var(--ortical-light);
}

/*Menu inferior*/
.container-houses .header-button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 0;
    transition: opacity 0.3s ease;
}

.container-houses .header-button.is-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}

.container-houses .header-button .content {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF99;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    padding: 20px 30px;
}

.container-houses .header-button .content .content1 .title {
    font-size: 20px;
    font-weight: 400;
    color: #2B2B2B;
    font-family: var(--ortical-light);
}

.container-houses .header-button .content .content1 .title span {
    font-weight: 300;
    color: #5B5B5B;
}

.container-houses .header-button .content .content1 .title span::before {
    content: ' | ';
}

.container-houses .header-button .content .content2 .btn-info {
    background-color: #2B2B2B;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 12px 28px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease;
}

.container-houses .header-button .content .content2 .btn-info:hover {
    background-color: #BABABA;
    color: #2B2B2B;
}

/*Houses section 1*/
.houses-section1 {
    background-color: #B3AF95;
    padding: 60px 40px 100px 40px;
}

.houses-section1 .headers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.houses-section1 .headers .content1 {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    gap: 20px;
}

.houses-section1 .headers .content1 .cont-top {
    display: flex;
    flex-direction: column;
}

.houses-section1 .headers .content1 .cont-top .title {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
    margin-top: 150px;
}

.houses-section1 .headers .content2 {
    display: flex;
    justify-content: flex-end;
    overflow: visible;
    margin-bottom: -100px;
    align-items: flex-start;
}

.houses-section1 .headers .content2 img {
    width: 70%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    display: block;
}

.houses-section1 .buttoms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.houses-section1 .buttoms .content2 {
    display: flex;
    justify-content: flex-start;
    overflow: visible;
    margin-top: -100px;
    align-items: flex-end;
}

.houses-section1 .buttoms .content2 img {
    width: 70%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    display: block;
}

.houses-section1 .buttoms .content1 {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 auto;
    gap: 20px;
}

.houses-section1 .buttoms .content1 .cont-top {
    display: flex;
    flex-direction: column;
}

.houses-section1 .buttoms .content1 .cont-top .title {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    letter-spacing: -3%;
    font-family: var(--ortical-light);
    margin-bottom: 150px;
}

/*Houses section 2*/
.houses-section2 {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.houses-section2::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

/*video como fondo*/
.houses-section2 .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Houses section 3*/
.houses-section3 {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

.houses-section3 .contents {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    min-height: 500px;
}

.houses-section3 .contents .cont-image {
    overflow: hidden;
}

.houses-section3 .contents .cont-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.houses-section3 .contents .cont-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px 60px;
    gap: 20px;
}

.houses-section3 .contents .cont-text .title {
    font-size: 40px;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -3%;
    color: #2B2B2B;
    font-family: var(--ortical-light);
}

.houses-section3 .contents .cont-text .description {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    color: #2B2B2B;
}

/*Houses slide*/
.houses-slide {
    background-color: #EAD9D04D;
    padding: 80px 0px 80px 0px;
}

.houses-slide .slide-container {
    overflow: hidden;
    position: relative;
    padding: 0 60px;
}

.houses-slide .slide-container .slide-track {
    display: flex;
    gap: 20px;
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.houses-slide .slide-container .slide-track .slide-item {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 2px;
    overflow: hidden;
}

.houses-slide .slide-container .slide-track .slide-item img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.houses-slide .slide-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}

.houses-slide .slide-controls .btn-prev,
.houses-slide .slide-controls .btn-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #2B2B2B;
    background: transparent;
    font-size: 16px;
    color: #2B2B2B;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, color 0.2s ease;
}

.houses-slide .slide-controls .btn-prev:hover,
.houses-slide .slide-controls .btn-next:hover {
    background: #2B2B2B;
    color: #FFF;
}

.houses-slide .slide-controls .dots {
    display: flex;
    align-items: center;
    gap: 10px;
}

.houses-slide .slide-controls .dots .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #BABABA;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.houses-slide .slide-controls .dots .dot.active {
    background: #2B2B2B;
    transform: scale(1.2);
}

/*Houses plano*/
.houses-plano {
    background-color: #F5F2EE;
    padding: 60px 0 80px;
}

.houses-plano .plano-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.houses-plano .plano-tabs .tabs-container {
    display: flex;
    border-radius: 50px;
    padding: 4px;
    gap: 2px;
    background: #FFFFFF4D;
    border: 1px solid #FFFFFF29;
}

.houses-plano .plano-tabs .tabs-container .tab-btn {
    background: transparent;
    border: none;
    border-radius: 50px;
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    color: #2B2B2B;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.houses-plano .plano-tabs .tabs-container .tab-btn.active {
    background-color: #2B2B2B26;
    color: #2B2B2B;
}

.houses-plano .plano-content {
    display: none;
    padding: 0 60px;
}

.houses-plano .plano-content.active {
    display: block;
}

.houses-plano .plano-content .plano-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
}

.houses-plano .plano-content .plano-inner .plano-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.houses-plano .plano-content .plano-inner .plano-image img {
    width: 60%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.houses-plano .plano-content .plano-inner .plano-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.houses-plano .plano-content .plano-inner .plano-info .content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: 80%;
    width: 80%;
}

.houses-plano .plano-content .plano-inner .plano-info .content .head {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 20px 0px;
    border-top: 1px solid #BABABA;
}

.houses-plano .plano-content .plano-inner .plano-info .content .head .title {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -3%;
    color: #2B2B2B;
    font-family: var(--ortical-light);
}

.houses-plano .plano-content .plano-inner .plano-info .content .head .subtitle {
    font-size: 13px;
    font-weight: 300;
    color: #8A8A8A;
    text-transform: uppercase;
}

.houses-plano .plano-content .plano-inner .plano-info .content .spaces-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.houses-plano .plano-content .plano-inner .plano-info .content .spaces-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #BABABA;
    padding: 10px 0;
}

.houses-plano .plano-content .plano-inner .plano-info .content .spaces-list li:first-child {
    border-top: 1px solid #BABABA;
}

.houses-plano .plano-content .plano-inner .plano-info .content .spaces-list li .name,
.houses-plano .plano-content .plano-inner .plano-info .content .spaces-list li .size {
    font-size: 16px;
    font-weight: 300;
    color: #2B2B2B;
}

.houses-plano .plano-content .plano-inner .plano-info .content .spaces-list li .size {
    color: #8A8A8A;
}

/*Houses section 4*/
.houses-section4 {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.houses-section4::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

/*video como fondo*/
.houses-section4 .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.houses-section4 .video-text {
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2;
    color: #FFFFFF;
    font-family: var(--ortical-light);
    letter-spacing: -3%;
    text-align: left;
    z-index: 1;
    max-width: 60%;
}

/*Houses form*/
.houses-form {
    background-color: #F3EEEB;
    padding: 100px 40px;
}

.houses-form .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    max-width: 800px;
    margin: 0 auto;
}

.houses-form .contents .cont1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}

.houses-form .contents .cont1 .title {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.1;
    color: #2B2B2B;
    font-family: var(--ortical-light);
    text-align: center;
}

.houses-form .contents .cont1 .description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #2B2B2B;
    text-align: center;
}

.houses-form .contents form {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
}

.houses-form .contents form .validation-message {
    font-size: 12px;
    line-height: 1;
    font-style: italic;
    color: red;
}

.houses-form .contents form .content-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
}

.houses-form .contents form .content-inputs .form_group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.houses-form .contents form .content-inputs .form_group.full {
    grid-column: 1 / -1;
}

.houses-form .contents form .content-inputs .form_group label {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    color: #5B5B5B;
}

.houses-form .contents form .content-inputs .form_group input,
.houses-form .contents form .content-inputs .form_group select {
    background: transparent;
    border: 1px solid #BABABA;
    border-radius: 50px;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 300;
    color: #2B2B2B;
    outline: none;
    transition: border-color 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
}

.houses-form .contents form .content-inputs .form_group input:focus,
.houses-form .contents form .content-inputs .form_group select:focus {
    border-color: #2B2B2B;
}

.houses-form .contents form .content-inputs .form_group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232B2B2B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 44px;
    cursor: pointer;
}

.houses-form .contents form .content-inputs .form_group.checkbox {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.houses-form .contents form .content-inputs .form_group.checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    padding: 0;
    flex-shrink: 0;
    cursor: pointer;
    appearance: auto;
}

.houses-form .contents form .content-inputs .form_group.checkbox label {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-transform: none;
    color: #5B5B5B;
}

.houses-form .contents form .content-inputs .form_group.checkbox label .link {
    color: #2B2B2B;
    text-decoration: none;
    text-underline-offset: 3px;
}

.houses-form .contents form .content-inputs .form_group.checkbox label .link:hover {
    text-decoration: underline;
}

.houses-form .contents form .content-btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.houses-form .contents form .content-btns .btn_send {
    background-color: #2B2B2B;
    color: #EAEAEA;
    border: none;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.2s ease;
}

.houses-form .contents form .content-btns .btn_send:hover {
    color: #2B2B2B;
    background-color: #BABABA;
}

/*Houses residencias*/
.houses-residences {
    background-color: #EAEAEA;
    padding: 20px 40px;
}

.houses-residences .houses {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.houses-residences .houses .house,
.houses-residences .houses .house a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    text-decoration: none;
    cursor: pointer;
}

.houses-residences .houses .house {
    border-bottom: 1px solid #BABABA;
}

.houses-residences .houses .house span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    color: #746E3E;
    min-width: 30px;
}

.houses-residences .houses .house .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
}

.houses-residences .houses .house .content .title {
    font-size: 62px;
    font-weight: 300;
    line-height: 1;
    color: #2B2B2B;
    letter-spacing: -4%;
    font-family: var(--ortical-light);
    text-transform: uppercase;
    transition: opacity 0.3s ease;
}

.houses-residences .houses .house .content .info {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    color: #5B5B5B;
    text-transform: uppercase;
    transition: opacity 0.3s ease;
}

/*líneas se atenúan en hover*/
.houses-residences .houses .house:hover .content .title,
.houses-residences .houses .house:hover .content .info {
    opacity: 0.5;
}

.houses-residences .houses .house .content .house-preview {
    position: absolute;
    top: -70%;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
    height: 200px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.houses-residences .houses .house .content .house-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*mostrar al hacer hover en la fila*/
.houses-residences .houses .house:hover .content .house-preview {
    opacity: 1;
}

/*Aviso de privacidad*/
.privacy {
    max-width: 1920px;
    margin: 0 auto;
    padding: 40px;
    overflow: hidden;
    height: auto;
    margin-top: 60px;
}

.privacy .privacy_container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.privacy .privacy_container .privacy_items {
    width: 70%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}

.privacy .privacy_container .privacy_items .privacy_item .privacy_title_one {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 20px;
    color: #2b2b2b;
}

.privacy .privacy_container .privacy_items .privacy_item .privacy_title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    padding-bottom: 10px;
    color: #2b2b2b;
}

.privacy .privacy_container .privacy_items .privacy_item .privacy_description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #2b2b2bcc;
}

.privacy .privacy_container .privacy_items .privacy_item .privacy_description a {
    text-decoration: underline;
    color: #2b2b2b;
}

.privacy .privacy_container .privacy_items .privacy_item .privacy_description a:hover {
    color: #000;
}

.privacy .privacy_container .privacy_items .privacy_item .privacy_description_pie {
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    color: #6b6b6b;
    font-style: italic;
}

.privacy .privacy_container .privacy_items .privacy_item .info-list {
    all: unset;
    display: block;
    padding-left: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.privacy .privacy_container .privacy_items .privacy_item .info-list li {
    all: unset;
    display: list-item !important;
    list-style-type: disc !important;
    color: #2b2b2bcc;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin-left: 20px;
}

/*Footer*/
footer {
    width: 100%;
    position: relative;
    background-color: transparent;
    overflow: hidden;
}

footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('../assets/images/background_footer.webp') center/cover no-repeat;
    z-index: 0;
}

footer .footer-desk {
    position: relative;
    z-index: 1;
    max-width: 1920px;
    margin: 0 auto;
    height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0px 40px 40px 40px;
}

footer .footer-desk .footer-container-1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
}

/*Derechos reservados*/
footer .footer-desk .footer-container-1 .all-rights-reserved {
    display: flex;
    align-items: flex-start;
}

footer .footer-desk .footer-container-1 .all-rights-reserved .title {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #EAEAEA;
    white-space: nowrap;
}

footer .footer-desk .footer-container-1 .all-rights-reserved .title a {
    color: #EAEAEA;
    text-decoration: none;
}

footer .footer-desk .footer-container-1 .all-rights-reserved .title a:hover {
    text-decoration: underline;
}

/*Logo + Direccion*/
footer .footer-desk .footer-container-1 .logo-direction {
    position: absolute;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, -50%);
    justify-content: center;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

footer .footer-desk .footer-container-1 .logo-direction img {
    width: auto;
    height: 80px;
    align-items: center;
    object-fit: contain;
    object-position: center;
}

footer .footer-desk .footer-container-1 .logo-direction .title {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    color: #EAEAEA;
    white-space: nowrap;
}

/*Links*/
footer .footer-desk .footer-container-1 .links {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}

footer .footer-desk .footer-container-1 .links a {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    color: #EAEAEA;
    text-decoration: none;
    transition: color 0.2s ease;
}

footer .footer-desk .footer-container-1 .links a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 1920px) {

    /*Home section 1*/
    .home-section1 .section1-top .image img {
        max-width: 60%;
        width: 60%;
    }

    .home-section1 .section1-bottom .title {
        width: 30%;
    }

    /*Home section 3*/
    .home-section3 .contents .content2 {
        justify-content: space-around;
    }

    /*Home section 4*/
    .home-section4 .contents .content2 {
        justify-content: space-around;
    }

    /*Home section 10*/
    .home-section10 .headers {
        max-width: 80%;
        margin: 0 auto;
    }

    .home-section10 .headers .content2 img {
        width: 60%;
    }

    .home-section10 .buttoms {
        max-width: 80%;
        margin: 0 auto;
    }

    .home-section10 .buttoms .content2 img {
        width: 60%;
    }

    /*Houses section 1*/
    .houses-section1 .headers {
        max-width: 80%;
        margin: 0 auto;
    }

    .houses-section1 .headers .content2 img {
        width: 60%;
    }

    .houses-section1 .buttoms {
        max-width: 80%;
        margin: 0 auto;
    }

    .houses-section1 .buttoms .content2 img {
        width: 60%;
    }

}

/*Adaptacion pc 1248px*/
@media only screen and (min-width: 1248px) {

    .container-desk {
        max-width: 1920px;
        margin: 0 auto;
        /* overflow-x: hidden;
        overflow-y: visible; */
        height: auto;
    }

    /*Principal home*/
    .container-home {
        width: 100%;
        height: 780px;
        background-size: cover;
        background-attachment: scroll;
    }

    /*Home section 2*/
    .home-section2 {
        width: 100%;
        height: 650px;
    }

    /*Home section 5*/
    .home-section5 {
        width: 100%;
        height: 650px;
    }

    /*Principal houses*/
    .container-houses {
        width: 100%;
        height: 780px;
        background-size: cover;
        background-attachment: scroll;
    }

    /*Houses section 2*/
    .houses-section2 {
        width: 100%;
        height: 650px;
    }

    /*Houses section 4*/
    .houses-section4 {
        width: 100%;
        height: 650px;
    }

}

/*Adaptacion tablets*/
@media only screen and (max-width: 1248px) {

    /*Menu*/
    .header .container .content-2 .logo-desktop,
    .header .container .content-2 .logo-mobile {
        height: 50px;
    }

    /*Panel lateral izquierdo*/
    .houses-panel .panel-body .houses-list .house-item .title {
        font-size: 40px;
    }

    /*Principal home*/
    .container-home {
        width: 100%;
        height: 780px;
        background-size: cover;
        background-attachment: scroll;
    }

    .container-home .home-content .content1 {
        width: 80%;
    }

    .container-home .home-content .content1 .title {
        font-size: 40px;
    }

    .container-home .home-content .content1 .title br {
        display: none;
    }

    .container-home .home-content .content2 {
        width: 50%;
    }

    /*Home section 1*/
    .home-section1 {
        gap: 100px;
    }

    .home-section1 .section1-top .paragraph {
        width: 60%;
        max-width: 60%;
    }

    .home-section1 .section1-top .paragraph .title {
        font-size: 40px;
    }

    .home-section1 .section1-top .paragraph .description br {
        display: none;
    }

    .home-section1 .section1-top .image {
        width: 40%;
        max-width: 40%;
    }

    .home-section1 .section1-top .image img {
        position: absolute;
        max-width: 100%;
        width: 100%;
        top: -80px;
    }

    .home-section1 .section1-bottom .title {
        width: 60%;
        font-size: 25px;
    }

    .home-section1 .section1-bottom .title br {
        display: none;
    }

    /*Home section 2*/
    .home-section2 {
        width: 100%;
        height: 780px;
    }

    /*Home section 3*/
    .home-section3 .contents {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-end;
    }

    .home-section3 .contents .content1 {
        width: 100%;
        max-width: 100%;
    }

    .home-section3 .contents .content1 img {
        width: 100%;
        height: 450px;
    }

    .home-section3 .contents .content2 {
        width: 100%;
        max-width: 100%;
        align-items: flex-end;
        gap: 40px;
    }

    .home-section3 .contents .content2 .cont-top {
        width: 60%;
    }

    .home-section3 .contents .content2 .cont-top .title {
        font-size: 32px;
    }

    .home-section3 .contents .content2 .cont-button .description br {
        display: none;
    }

    .home-section3 .contents .content2 .cont-button {
        width: 60%;
    }

    /*Home section 4*/
    .home-section4 .contents {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-end;
    }

    .home-section4 .contents .content1 {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    .home-section4 .contents .content1 img {
        width: 100%;
        height: 450px;
    }

    .home-section4 .contents .content2 {
        order: 2;
        width: 100%;
        max-width: 100%;
        align-items: flex-start;
        gap: 40px;
    }

    .home-section4 .contents .content2 .cont-top {
        width: 60%;
    }

    .home-section4 .contents .content2 .cont-top .title {
        font-size: 32px;
    }

    .home-section4 .contents .content2 .cont-button .description br {
        display: none;
    }

    .home-section4 .contents .content2 .cont-button {
        width: 60%;
    }

    /*Home section 5*/
    .home-section5 {
        width: 100%;
        height: 650px;
    }

    /*Home section 6*/
    .home-section6 .contents .content1 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-section6 .contents {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-end;
    }

    .home-section6 .contents .content1 {
        align-items: center;
    }

    .home-section6 .contents .content1 .title {
        left: 10%;
        font-size: 32px;
    }

    .home-section6 .contents .content1 img {
        width: 80%;
    }

    .home-section6 .contents .content2 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .home-section6 .contents .content2 .description br {
        display: none;
    }

    /*Home section 7*/
    .home-section7 .contents {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .home-section7 .contents .content1 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .home-section7 .contents .content1 .cont-top {
        width: 100%;
    }

    .home-section7 .contents .content1 .cont-buttom {
        width: 100%;
    }

    .home-section7 .contents .content2 {
        flex: 0 0 100%;
        max-width: 100%;
        align-items: flex-end;
    }

    .home-section7 .contents .content2 img {
        width: 60%;
    }

    /*Home section 8*/
    .home-section8 .contents {
        min-height: auto;
    }

    .home-section8 .contents img:first-child {
        display: none;
    }

    .home-section8 .contents img:last-child {
        display: none;
    }

    .home-section8 .contents .content {
        max-width: 80%;
    }

    .home-section8 .contents .content .title {
        font-size: 32px;
    }

    .home-section8 .contents .content .description {
        font-size: 18px;
    }

    .home-section8 .contents .content .description br {
        display: none;
    }

    /*Home residencias*/
    .home-residences .houses .house {
        padding: 20px 40px;
    }

    .home-residences .houses .house .content .title {
        font-size: 48px;
    }

    .home-residences .houses .house .content .house-preview {
        width: 260px;
        height: 180px;
    }

    /*Home section 9*/
    .home-section9 .headers {
        justify-content: space-between;
    }

    .home-section9 .headers .content1 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .home-section9 .headers .content1 .title {
        font-size: 32px;
    }

    .home-section9 .headers .content1 .inversion {
        font-size: 20px;
    }

    .home-section9 .headers .content2 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .home-section9 .boxes .box {
        height: 350px;
    }

    /*Home section 10*/
    .home-section10 .headers .content1 {
        width: 100%;
    }

    .home-section10 .headers .content1 .cont-top .title {
        font-size: 32px;
    }

    .home-section10 .headers .content2 {
        margin-bottom: 0px;
        overflow: hidden;
    }

    .home-section10 .headers .content2 img {
        width: 100%;
        height: 500px;
        aspect-ratio: auto;
        object-position: bottom;
    }

    .home-section10 .buttoms .content2 {
        margin-top: 0px;
        overflow: hidden;
    }

    .home-section10 .buttoms .content2 img {
        width: 100%;
        height: 500px;
        aspect-ratio: auto;
        object-position: bottom;
    }

    .home-section10 .buttoms .content1 {
        width: 100%;
    }

    .home-section10 .buttoms .content1 .cont-top .title {
        font-size: 32px;
    }

    /*Home form*/
    .home-form .contents {
        max-width: 80%;
    }

    .home-form .contents .cont1 .title {
        font-size: 40px;
    }

    .home-form .contents .cont1 .title br {
        display: none;
    }

    /*Principal houses*/
    .container-houses {
        width: 100%;
        height: 780px;
        background-size: cover;
        background-attachment: scroll;
    }

    .container-houses .houses-content .title {
        font-size: 40px;
    }

    /*Menu inferior*/
    .container-houses .header-button .content .content1 .title {
        font-size: 18px;
    }

    .container-houses .header-button .content .content2 .btn-info {
        font-size: 16px;
    }

    /*Houses section 1*/
    .houses-section1 .headers .content1 {
        width: 100%;
        justify-content: center;
    }

    .houses-section1 .headers .content1 .cont-top .title {
        font-size: 25px;
        margin-top: 0px;
    }

    .houses-section1 .headers .content1 .cont-top .title br {
        display: none;
    }

    .houses-section1 .headers .content2 {
        margin-bottom: 0px;
        overflow: hidden;
    }

    .houses-section1 .headers .content2 img {
        width: 100%;
        height: 500px;
        aspect-ratio: auto;
        object-position: bottom;
    }

    .houses-section1 .buttoms .content2 {
        margin-top: 0px;
        overflow: hidden;
    }

    .houses-section1 .buttoms .content2 img {
        width: 100%;
        height: 500px;
        aspect-ratio: auto;
        object-position: bottom;
    }

    .houses-section1 .buttoms .content1 {
        width: 100%;
        justify-content: center;
    }

    .houses-section1 .buttoms .content1 .cont-top .title {
        font-size: 25px;
        margin-bottom: 0px;
    }

    .houses-section1 .buttoms .content1 .cont-top .title br {
        display: none;
    }

    /*Houses section 2*/
    .houses-section2 {
        width: 100%;
        height: 650px;
    }

    /*Houses section 3*/
    .houses-section3 .contents {
        display: flex;
        flex-direction: column;
    }

    .houses-section3 .contents .cont-image {
        order: 1;
    }

    .houses-section3 .contents .cont-text {
        order: 2;
        padding: 60px 40px;
    }

    .houses-section3 .contents .cont-text .title {
        font-size: 32px;
    }

    .houses-section3 .contents .cont-text .title br {
        display: none;
    }

    .houses-section3 .contents .cont-text .description br {
        display: none;
    }

    /*Houses slide*/
    .houses-slide .slide-container {
        padding: 0 40px;
    }

    .houses-slide .slide-container .slide-track .slide-item img {
        height: 500px;
    }

    /*Houses plano*/
    .houses-plano .plano-content .plano-inner .plano-image img {
        width: 70%;
    }

    .houses-plano .plano-content .plano-inner .plano-info .content {
        max-width: 90%;
        width: 90%;
    }

    .houses-plano .plano-content .plano-inner .plano-info .content .head .title {
        font-size: 40px;
    }

    /*Houses section 4*/
    .houses-section4 {
        width: 100%;
        height: 650px;
    }

    .houses-section4 .video-text {
        font-size: 25px;
    }

    /*Houses form*/
    .houses-form .contents {
        max-width: 80%;
    }

    .houses-form .contents .cont1 .title {
        font-size: 40px;
    }

    .houses-form .contents .cont1 .title br {
        display: none;
    }

    /*Houses residencias*/
    .houses-residences .houses .house {
        padding: 20px 40px;
    }

    .houses-residences .houses .house .content .title {
        font-size: 48px;
    }

    .houses-residences .houses .house .content .house-preview {
        width: 260px;
        height: 180px;
    }

    /*Footer*/
    footer .footer-desk {
        height: 740px;
    }

    footer .footer-desk .footer-container-1 {
        display: grid;
        grid-template-areas:
            "logo logo"
            "rights links";
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 20px;
    }

    footer .footer-desk .footer-container-1 .logo-direction {
        grid-area: logo;
        position: static;
        left: 0;
        bottom: 0;
        transform: none;
    }

    footer .footer-desk .footer-container-1 .all-rights-reserved {
        justify-content: flex-start;
    }

    footer .footer-desk .footer-container-1 .links {
        justify-content: flex-end;
    }

}

@media only screen and (max-width: 998px) {

    /*Aviso de privacidad*/
    .privacy {
        max-width: 100%;
        padding: 20px 40px;
    }

    .privacy .privacy_container {
        margin: 20px 0px;
    }

    .privacy .privacy_container .privacy_items {
        width: 100%;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_title_one {
        font-size: 36px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_title {
        font-size: 22px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_description {
        font-size: 18px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .info-list li {
        font-size: 18px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_description_pie {
        font-size: 14px;
    }

}

/*Adaptacion movil*/
@media only screen and (max-width: 668px) {

    /*Menu*/
    .header .container {
        padding: 10px 10px;
    }

    .header .container .content-2 .logo-desktop,
    .header .container .content-2 .logo-mobile {
        height: 30px;
    }

    .header .container .content-2 .logo-desktop {
        display: none;
    }

    .header .container .content-2 .logo-mobile {
        display: flex;
    }

    .header .container .content-3 .btn-contact {
        font-size: 12px;
    }

    /*Panel lateral izquierdo*/
    .houses-panel {
        width: 100%;
    }

    .houses-panel .panel-header {
        padding: 20px 20px 20px;
    }

    .houses-panel .panel-header img {
        display: flex;
    }

    .houses-panel .panel-header .btn-contact {
        display: flex;
    }

    .houses-panel .panel-body {
        padding: 0 20px;
    }

    .houses-panel .panel-body .houses-list a .view-house {
        opacity: 1;
    }

    /*Principal Home*/
    .container-home {
        background-position: center;
        justify-content: flex-end;
        padding: 0 20px;
    }

    .container-home .home-content .content1 {
        width: 100%;
    }

    .container-home .home-content .content2 {
        width: 100%;
        justify-content: flex-start;
    }

    .container-home .home-content .content2 .description br {
        display: none;
    }

    /*Home section 1*/
    .home-section1 {
        gap: 50px;
        padding: 100px 20px;
    }

    .home-section1 .section1-top {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .home-section1 .section1-top .paragraph {
        width: 100%;
        max-width: 100%;
    }

    .home-section1 .section1-top .paragraph .title br {
        display: none;
    }

    .home-section1 .section1-top .image {
        width: 100%;
        max-width: 100%;
    }

    .home-section1 .section1-top .image img {
        display: none;
    }

    .home-section1 .section1-bottom .title {
        width: 100%;
    }

    /*Home section 2*/
    .home-section2 {
        width: 100%;
        height: 680px;
    }

    /*Home section 3*/
    .home-section3 {
        padding: 60px 20px;
    }

    .home-section3 .contents .content1 img {
        height: 300px;
        object-position: center;
        object-fit: contain;
    }

    .home-section3 .contents .content2 {
        align-items: flex-start;
        gap: 40px;
    }

    .home-section3 .contents .content2 .cont-top {
        width: 100%;
    }

    .home-section3 .contents .content2 .cont-button {
        width: 100%;
    }

    /*Home section 4*/
    .home-section4 {
        padding: 60px 20px;
    }

    .home-section4 .contents .content1 img {
        height: 300px;
        object-position: center;
        object-fit: contain;
    }

    .home-section4 .contents .content2 {
        align-items: flex-start;
        gap: 40px;
    }

    .home-section4 .contents .content2 .cont-top {
        width: 100%;
    }

    .home-section4 .contents .content2 .cont-button {
        width: 100%;
    }

    /*Home section 5*/
    .home-section5 {
        position: relative;
        height: 620px;
    }

    /*Home section 6*/
    .home-section6 {
        padding: 80px 20px 40px 20px;
    }

    .home-section6 .contents .content1 {
        align-items: flex-start;
    }

    .home-section6 .contents .content1 .title {
        position: static;
        left: initial;
        transform: none;
    }

    .home-section6 .contents .content1 img {
        width: 100%;
    }

    .home-section6 .contents .content2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*Home section 7*/
    .home-section7 {
        padding: 40px 0px 80px 20px;
    }

    .home-section7 .contents {
        gap: 20px;
    }

    .home-section7 .contents .content1 {
        flex: 0 0 96%;
        max-width: 96%;
    }

    .home-section7 .contents .content1 .cont-top .title {
        font-size: 32px;
    }

    .home-section7 .contents .content1 .cont-top .title br {
        display: none;
    }

    .home-section7 .contents .content2 img {
        width: 100%;
    }

    /*Home section 8*/
    .home-section8 .contents {
        padding: 80px 20px;
    }

    .home-section8 .contents .content {
        max-width: 100%;
    }

    /*Home residencias*/
    .home-residences {
        padding: 20px 20px;
    }

    .home-residences .houses .house {
        padding: 20px 20px;
    }

    /*Home section 9*/
    .home-section9 .headers {
        padding: 0px 20px 30px 20px;
        flex-direction: column;
        gap: 20px;
    }

    .home-section9 .headers .content1 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-section9 .headers .content2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-section9 .boxes {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-section9 .boxes .box {
        height: 300px;
    }

    .home-section9 .boxes .box:nth-child(3),
    .home-section9 .boxes .box:nth-child(4) {
        display: none;
    }

    /*Home section 10*/
    .home-section10 {
        display: flex;
        padding: 40px 20px 100px 20px;
        flex-direction: column;
        gap: 20px;
    }

    .home-section10 .headers {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .home-section10 .headers .content2 img {
        height: 450px;
    }

    .home-section10 .buttoms {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .home-section10 .buttoms .content2 img {
        height: 450px;
    }

    /*Home form*/
    .home-form {
        padding: 80px 20px;
    }

    .home-form .contents {
        max-width: 100%;
    }

    .home-form .contents form {
        width: 100%;
    }

    .home-form .contents form .content-inputs {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Principal houses*/
    .container-houses {
        padding: 0 20px;
    }

    /*Menu inferior*/
    .container-houses .header-button .content {
        padding: 20px 20px;
    }

    .container-houses .header-button .content .content1 .title {
        display: flex;
        flex-direction: column;
    }

    .container-houses .header-button .content .content1 .title span::before {
        content: '';
    }

    /*Houses section 1*/
    .houses-section1 {
        display: flex;
        padding: 60px 20px 60px 20px;
        flex-direction: column;
        gap: 20px;
    }

    .houses-section1 .headers {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .houses-section1 .headers .content2 img {
        height: 450px;
    }

    .houses-section1 .buttoms {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .houses-section1 .buttoms .content2 img {
        height: 450px;
    }

    /*Houses section 2*/
    .houses-section2 {
        position: relative;
        height: 620px;
    }

    /*Houses section 3*/
    .houses-section3 .contents .cont-image img {
        height: 450px;
    }

    .houses-section3 .contents .cont-text {
        padding: 60px 20px;
    }

    /*Houses slide*/
    .houses-slide .slide-container {
        padding: 0 20px;
    }

    .houses-slide .slide-container .slide-track {
        gap: 10px;
    }

    .houses-slide .slide-container .slide-track .slide-item img {
        height: 300px;
    }

    /*Houses plano*/
    .houses-plano {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .houses-plano .plano-tabs {
        display: none;
    }

    .houses-plano .plano-content {
        padding: 0 20px;
        display: block;
    }

    .houses-plano .plano-content .plano-inner {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .houses-plano .plano-content .plano-inner .plano-image img {
        width: 50%;
    }

    .houses-plano .plano-content .plano-inner .plano-info {
        width: 100%;
    }

    .houses-plano .plano-content .plano-inner .plano-info .content {
        max-width: 100%;
        width: 100%;
    }

    /*Houses section 4*/
    .houses-section4 {
        position: relative;
        align-items: flex-start;
        height: 620px;
        padding: 40px 20px;
    }

    .houses-section4 .video-text {
        max-width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        top: 0;
        left: 0;
    }

    .houses-section4 .video-text br {
        display: none;
    }

    /*Houses form*/
    .houses-form {
        padding: 80px 20px;
    }

    .houses-form .contents {
        max-width: 100%;
    }

    .houses-form .contents form {
        width: 100%;
    }

    .houses-form .contents form .content-inputs {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Houses residencias*/
    .houses-residences {
        padding: 20px 20px;
    }

    .houses-residences .houses .house {
        padding: 20px 20px;
    }

    /*Aviso de privacidad*/
    .privacy {
        padding: 20px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_title_one {
        font-size: 22px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_title {
        font-size: 18px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_description {
        font-size: 16px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .info-list li {
        font-size: 16px;
    }

    .privacy .privacy_container .privacy_items .privacy_item .privacy_description_pie {
        font-size: 12px;
    }

    /*Footer*/
    footer .footer-desk {
        height: 600px;
        padding: 0px 20px 40px 20px;
    }

    footer .footer-desk .footer-container-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    footer .footer-desk .footer-container-1 .logo-direction {
        order: 1;
        width: 100%;
    }

    footer .footer-desk .footer-container-1 .logo-direction img {
        height: 60px;
    }

    footer .footer-desk .footer-container-1 .all-rights-reserved {
        order: 2;
        width: 100%;
        justify-content: center;
    }

    footer .footer-desk .footer-container-1 .all-rights-reserved .title {
        text-align: center;
    }

    footer .footer-desk .footer-container-1 .links {
        order: 3;
        width: 100%;
        justify-content: center;
    }

}

@media only screen and (max-width: 500px) {

    /*Home residencias*/
    .home-residences .houses .house {
        padding: 20px 10px;
    }

    /*Houses residencias*/
    .houses-residences .houses .house {
        padding: 20px 10px;
    }

}