/*
Theme Name: Hogares ISN Theme
Theme URI: https://hogaresisn.com
Author URI: rselva@xoratom.com
Author: Xoratom (Rommel Selva)
Description: Theme Customized by Xoratom
Template: homirx
*/


html {
    scroll-behavior: smooth; /* Suaviza el desplazamiento entre secciones */
}

.proyectos-container {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    scroll-snap-type: y mandatory;
    padding: 0;
}

/* Cada sección de proyecto ocupa toda la pantalla */
.proyecto-section {
    scroll-snap-align: start;
    height: 100vh; /* Cada sección ocupa toda la pantalla */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-size: 100%;
    background-size: cover;
    /*background-attachment: fixed;
    background-position: center bottom;*/
    animation: kenburns 15s ease alternate forwards;
    background-repeat: no-repeat;
}

.proyecto-section {
   /* background-size: 110%; /* Ajuste inicial para que tenga un margen extra */
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 100vh;
    overflow: hidden;
    transition: all 0.2s ease-out; /* Suaviza la transición */
}


/* Overlay de color sobre la imagen de fondo */

.proyecto-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}


/* Para los proyectos impares */
.proyecto-impar:after {
    content: '';
    position: relative;
    height: 100%;
    border: 1px solid #fff;
    top: 0;
    z-index: 1;
    right: -40px;
}

/* Para los proyectos pares */
.proyecto-par:before { 
    content: '';
    position: relative;
    height: 100%;
    border: 1px solid #fff;
    top: 0;
    z-index: 1;
    left: -40px; /* Se coloca en la derecha en lugar de la izquierda */
}

/*.proyecto-section .overlay:before {
    content: '';
    position: absolute;
    height: 100%;
    border: 1px solid #fff;
    z-index: 1;
    margin-left: 18%;
    border-left-width: 1px;
}*/


.proyecto-logo-container{
    height: fit-content;
    align-self: center;
}

/* Contenido del proyecto */
.proyecto-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
}

/* Tipo de propiedad con icono */
.tipo-propiedad {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
}

.tipo-propiedad:before {
    content: '';
    /*border: 2px solid var(--e-global-color-primary);*/
    border: 2px solid #fff;
    position: absolute;
    width: 156px;
    top: 40px;
}

.tipo-propiedad i {
    margin-right: 10px;
    font-size: 1.0rem;
}


/* Logo del proyecto */
.proyecto-logo {
    max-width: 390px !important;
    margin: auto !important;
    margin-bottom: 15px !important;
}

/* Estilos del título y descripción */
.proyecto-title {
    font-size: 35px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 5px 7px rgba(0, 0, 0, 0.2);
}

.proyecto-description {
    font-size: 20px;
    margin-bottom: 15px;
    color: white;
    text-shadow: 1px 5px 7px rgba(0, 0, 0, 0.2);
}

/* Lista de atributos */
.proyecto-atributos {
    list-style: none;
    padding: 0;
}

.proyecto-atributos li {
    font-size: 19px;
    margin: 5px 0;
    font-weight: 100;
    color: #ffffff;
    text-shadow: 1px 5px 7px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    gap: 8px; /* Espacio entre el ícono y el texto */
}

.proyecto-atributos .icon-wrapper {
    width: 30px; /* Define un ancho fijo para el icono */
    display: flex;
    justify-content: center;
}

.proyecto-atributos .atributo-text {
    flex: 1; /* Permite que el texto ocupe el espacio disponible */
}

.proyecto-atributos li strong{
    font-weight: 900;
}

/* Botón de Ver Más */
.btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s;
}

.btn-primary {
    background: #007bff;
    color: white;
}

.btn-primary:hover {
    background: #0056b3;
}

.btn-get-proyecto{
    width: inherit;
    color: #fff;
    font-size: 16px;
    font-weight: 700 ;
    line-height: 1 ;
    border-radius: 8px ;
    position: relative ;
    background-color: #00000000;
    border-style: solid ;
    border-width: 1px 1px 1px 1px ;
    border-color: #FFFFFF ;
    padding: 18px 30px 18px 30px;
    text-transform: uppercase;
    margin-top: 30px;
}

.btn-get-proyecto:after {
    content: "\f193";
    font-family: 'hicomoon' !important;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.btn-get-proyecto:hover {
    background: var(--homirx-color-three);
    color: var(--e-global-color-secondary);
}


.animate-object-from {
    opacity: 0;
    transform: translateX(0) translateY(0);
    transition: transform 0.8s ease-out, opacity 0.8s;
}

/* Posiciones iniciales ocultas fuera de pantalla */
.animate-object-from[data-animation-from="left"] {
    transform: translateX(-100px);
}
.animate-object-from[data-animation-from="right"] {
    transform: translateX(100px);
}
.animate-object-from[data-animation-from="down"] {
    transform: translateY(100px);
}

/* Por defecto, si no tiene otro data-animation-from, se aplicará 'down', también se agrega un seguro desde JavaScript */
.animate-object-from:not([data-animation-from]) {
    transform: translateY(100px);
}

/* Cuando se activa la animación */
.animate-object-from.visible {
    opacity: 1;
    transform: translateX(0) translateY(0);
}


.mapa-ubicaciones {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #002E63; /* Fondo azul */
    overflow: hidden;
}

.mapa-object {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0; /* Se oculta hasta que cargue */
    transition: opacity 0.5s ease-in-out;
}

/* Loader */
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border: 4px solid #E3572B;
    border-top: 4px solid transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

.elementor-counter-number-wrapper{
    transition: all 0.2s ease-out !important;
}

.custom-breadcrumb .breadcrumb{
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

/*
.custom-breadcrumb .breadcrumb::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--e-global-color-secondary);
    opacity: 0.8;
}*/

.gv-sticky-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-secondary);
    opacity: 0.3;
}

.amenity-image-container::before , 
.amenities-fullscreen-scroll .swiper-slide::before,
.property-single-slider .slider .swiper-slide::before {
    content: 'Imágenes con fines ilustrativos. Diseño sujeto a cambios.';
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #fff;
    z-index: 1;
    background: var(--e-global-color-dd5646d) !important;
    color: var(--e-global-color-accent);
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Muestra el mapa cuando esté cargado */
.mapa-object.loaded {
    opacity: 1;
}

[id^="hogares-isn-map-u-point"]:hover{
   cursor: pointer;
}



.reveal-mask-animation {
    position: relative;
    overflow: hidden; /* Evita que se vea fuera del contenedor */
}

.reveal-mask-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Evita que afecte clics en la sección */
}

.reveal-mask-container object {
    width: 100%;
    height: 100%;
    /*opacity: 0; /* Ocultar inicialmente */
    transition: opacity 0.5s ease-in-out;
}

.btn-isn-icon{
    font-weight: 700;
    padding: 10px 10px;
    line-height: 1;
    font-size: 30px;
    border-radius: 30px;
    position: relative;
    z-index: 9;
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border-radius: 16px;
    text-transform: uppercase;
    background: transparent;
    color: var(--homirx-color-three);
    border: 1px solid var(--homirx-color-three);
}
.btn-isn-icon:hover {
    background: var(--e-global-color-primary);
    color: #fff;
    border-color: transparent;
}

.btn-isn-detail{
    background: transparent;
    color: var(--homirx-color-three);
    font-weight: 700;
    padding: 18px 30px;
    line-height: 1;
    font-size: 16px;
    border-radius: 16px;
    position: relative;
    z-index: 9;
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: 1px solid var(--homirx-color-three);
}
.btn-isn-detail:hover {
    background: var(--e-global-color-primary);
    color: #fff;
    border: 1px solid transparent;
}

.modal{
    backdrop-filter: blur(5px);
}
.modal-header{
    border-bottom: 1px solid var(--homirx-color-three);
}

.modal-title{
    color: #ffffff;
}

.modal-body{
    color: #fff;
}

.modal-body ul li a{
    color: #fff;
}

.modal-content{
    border-radius: 16px;
    background-color: #0c2950b5;
    border: 1px solid var(--homirx-color-three);
}

.image-container {
    overflow: hidden; 
    border-radius: 8px; 
    width: 100%; 
    height: 100%; 
    display: flex;
}

.zoom-effect {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-in-out;
}

.zoom-effect:hover {
    transform: scale(1.1); 
}

.text-slogan .elementor-heading-title{
    line-height: 1.3;
}

.iconbox-one__single:hover svg path {
    fill: #c3df93;
}

.iconbox-one__single svg path {
    transition: fill 0.3s, -webkit-transform 0.3s;
}

.iconbox-one__icon svg{
    width: auto;
    margin: auto 10px;
}

.is-fixed > .gv-sticky-menu.fixed-black {
    background: var(--e-global-color-secondary);
}

.gva-brand-carousel.style-1 {
    display: flex;
}
.gva-brand-carousel .brand-item-content .brand-item-image img {
    max-height: 120px;
}

.lordicon-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
}

#project-filter .directorist-type-nav__link {
    border-radius: 10px !important;
    border: 1px solid #D7D7D7 !important;
    background: #F1F3F3 !important;
    padding: 12px 16px !important;
    line-height: 1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    border: 0 !important;
}
#project-filter .directorist-type-nav__link.active {
    background: var(--e-global-color-primary) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background: var(--e-global-color-primary) !important;
    color: #fff;
    border: 0;
}



.directorist-type-nav__link i{
    margin-right: 10px;
}

.directorist-type-nav__list li {
    padding: 0 3px;
}


/* Oculta con animación */
.hide-project {
    opacity: 0;
    max-height: 0;
    transform: scaleY(0);
    pointer-events: none;
    transition: opacity 0.4s ease-in-out, max-height 0.4s ease-in-out, transform 0.4s ease-in-out;
}

/* Muestra con animación */
.show-project {
    opacity: 1;
    max-height: 1000px; /* Ajusta según el contenido */
    transform: scaleY(1);
    pointer-events: auto;
    transition: opacity 0.4s ease-in-out, max-height 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.property-floor-plan .tab-content .tab-item-content{
    flex-direction: column-reverse;
    text-align: center;
}
.property-floor-plan .tab-content .tab-item-content .floor-plan-image{
    width: 100%;
}
.property-floor-plan .tab-content .tab-item-content .floor-plan-desc{
    width: 100%;
}


.element-zoom-in-hover a{
    overflow: hidden;
    position: relative;
    display: block;
}

.element-zoom-in-hover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-in-out;
}

.element-zoom-in-hover:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.btn.btn-isn-blue{
    width: 100%;
    display: block;
    text-align: center;
    background: var(--e-global-color-secondary);
    color: var(--homirx-color-three);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    animation-delay: 1600ms;
    animation-duration: 1000ms;
    transition: all 0.35s;
    border: 1px solid var(--e-global-color-secondary);  
}
.btn.btn-isn-blue span{
    position: relative;
    left:10px;
    transition: all 0.35s ease-out;
}

.btn.btn-isn-blue:after {
    content: "\f193";
    font-family: 'hicomoon' !important;
    margin-left: 5px;
    position: relative;
    top: 2px;
    left:-20px;
    opacity: 0;
    transition: all 0.35s ease-out;
}
.btn.btn-isn-blue:hover {
    background: var(--homirx-color-three);
    color: var(--e-global-color-secondary);
}

.btn.btn-isn-blue:hover span{
    left:0px;
}

.btn.btn-isn-blue:hover:after {
    opacity: 1;
    left: 0;
}

.custom-breadcrumb{
    border-color: rgb(56 88 130);
}

.wrapper-page .heading-title{
    text-transform: none;
}

.border-0 .custom-breadcrumb{
    border: 0;
}

.post-three__desc{
    min-height: 110px;
}

.iconbox-one__single{
    /*min-height: 450px;*/
}


.overlay-blue:after {
    content: '';
    position: absolute;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0)), to(var(--e-global-color-secondary)));*/
    /*background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0), var(--e-global-color-secondary) 100%);*/
    /*background: rgb(0 46 99 / 37%) !important;*/
    background-color:var( --e-global-color-secondary ) !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    opacity: 0.2;
}

.item-columns {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    will-change: transform, opacity;
}

.item-columns.animate-in {
    opacity: 1;
    transform: scale(1);
}

.hover-link-items .elementor-icon-list-item{
    text-align: center;
}

.hover-link-items a:hover{
    transform: scale(1.1);
}

.hover-link-items a:hover i{
    color: var(--e-global-color-primary) !important;
}


.hogares-isn-widget .elementor-icon-list-items.flex-wrap .elementor-icon-list-item{
    margin-bottom: 0 !important;
}


.hogares-isn-amenidades-list-container .property-card__body {
    border-radius: 16px;
    padding: 30px 30px 15px 30px !important;
    background: #fff;
}

.hogares-isn-amenities-list .label{
    font-weight: 600;
    font-size: 15px;
    color: var(--homirx-heading-color);
}

.sticky-widget-sidebar{
    position: relative;
}

.sticky-sidebar {
    position: sticky;
    top: 115px; /* o lo que mida .gv-sticky-menu + 30px */
}

.sticky-widget-sidebar .wpcf7-form textarea, .sticky-widget-sidebar .wpcf7 textarea{
    max-height: 136px;
}

.hogares-isn-amenidades-list-container .property-single-info__icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.object-logo{
    width: 130px;
}

.homirx-project-map-wrapper{
    position: relative;
    z-index: 0;
}


.iconbox-one__desc{
    position: relative;
}

.fade-text .iconbox-one__desc::after {
    content: " ";
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, transparent 0%, #002e63 100%);
    margin: auto;
    justify-content: center;
    display: flex;
    align-self: center;
    align-items: center;
    text-align: center;
}

.min-400{
    min-height: 400px;
}

.iconbox-one__single a[href="javascript:void(0)"] {
    cursor: default;
}

.all-projects-map .atbd_map_shape_wrapper {
    background: transparent;
}
.all-projects-map .atbd_map_shape {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #002e63;
    border-radius: 50%;
    padding: 5px;
    width: 20px;
    height: 20px;
}


.all-projects-map-img{
    max-height: 50px !important;
    position: absolute;
    height: 50px !important;
    transform: translate(40px, -15px);
}

.all-projects-map.openstreet-map .all-projects-map-img{
    /*filter: drop-shadow(0 0 2px #6c6c6c) drop-shadow(0 0 4px #696969)*/
}

.all-projects-map .atbd_map_shape:before{
    left: -10px;
    top: -10px;
    border-width: 20px;
}



.all-projects-map.custom-map .atbd_map_shape:before{
    border-color: rgb(227 191 43 / 66%);
}
.all-projects-map.custom-map .atbd_map_shape {
    background: rgb(227 191 43) !important;
}

.all-projects-map .atbd_map_shape:before{
    animation: atbd_scale 0.5s linear alternate infinite;
    opacity: 1;
    visibility: visible;
}

.all-projects-map .atbd_map_shape:hover:before{
    border-color: rgb(227 87 43 / 66%);
}
.all-projects-map .atbd_map_shape:hover {
    background: rgb(227 87 43) !important;
}

.swiper-slider-wrapper .swiper-nav-next, .swiper-slider-wrapper .swiper-nav-prev {
    opacity: 1;
}


.gva-custom-menu-toggle .dropdown-toggle.btn-border-theme-3{
    width:auto;
    color: #ffffff;
    border-radius: 30px;
    border-color: #ffffff;
    font-size: 16px;
}

.gva-custom-menu-toggle .dropdown-toggle.btn-border-theme-3 i{
    color: #ffffff;
}


.gva-custom-menu-toggle .dropdown-toggle.btn-border-theme-3:hover, 
.gva-custom-menu-toggle .dropdown-toggle.btn-border-theme-3:focus{
    background-color: #ffffff;
    color: var(--homirx-heading-color);
}

.gva-custom-menu-toggle .dropdown-toggle.btn-border-theme-3:hover i, 
.gva-custom-menu-toggle .dropdown-toggle.btn-border-theme-3:focus i{
    color: var(--homirx-heading-color);
}

.link{
    position: relative;
    width: fit-content;
    height: fit-content;    
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.link:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    cursor: pointer;
    top:0;
    left: 0;
}

.link:hover{
    transform: scale(1.05);
}


.amenities-swiper-slide .swiper-content-inner{
    padding-left: 30px;
    padding-right: 30px;
}



.amenities-masonry-grid {
    column-gap: 20px;
}

.masonry-item {
    width: 31%;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
}


.amenity-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px !important;
}

.amenity-card .amenity-image {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: transform 0.4s ease-in-out;
}

.amenity-card:hover .amenity-image {
    transform: scale(1.1);
}


.amenity-icon {
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.amenity-text {
    flex: 1;
}

.property-single-slider .slider .swiper-slide{
    max-height: 475px;
    border-radius: 20px;
    overflow: hidden;
}
.property-single-slider .slider-thumbnail .swiper-wrapper .swiper-slide{
    max-height: 108px;
    border-radius: 16px;
}


.amenity-image-wrapper:hover .amenity-image {
    transform: scale(1.1);
}

.amenity-caption-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-decoration: none;
    z-index: 2;
}

.directorist-single-listing-quick-action .directorist-social-share-links{
    z-index: 11;
}

.text-justify{
    text-align: justify !important;
}

.floating-whatsapp-buttom{
    transition: transform 0.4s ease-in-out;
}

.floating-whatsapp-buttom:hover{
    transform: scale(1.1);
    opacity: 1 !important;
}

.amenities-grid.amenities-style3 .iconbox-one__title{
    font-size: 16px;
}

.cuota-lip{
    font-size: 12px;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    height: 18px;
    line-height: 0.5;
    color: #002e63;
    font-weight: 900;
}

.py-no-lip{
    padding: 9px 0px;
}


.amenities-fullscreen-scroll .swiper-slide-active  .amenity-image:hover {
    transform: scale(1.1);
}


.amenities-fullscreen-scroll .amenity-image-container:hover .amenity-image.static {
    transform: scale(1.1);
}

.bg-amenity-fullscreen{
    /*background-color: #d1ddeb !important;*/
    background-color: var(--e-global-color-dd5646d) !important;
}

.amenities-fullscreen-scroll h2{
    color: #fff;
    font-size: 2.5rem;
}
.amenities-fullscreen-scroll p {
    color: var( --e-global-color-accent );
    font-size: 1.1rem;
    text-align: justify;
}

.amenities-fullscreen-scroll .btn{
    text-transform: uppercase;
    min-width: 185px !important;
    width: fit-content;
}

.amenities-fullscreen-scroll .amenity-image-container .amenity-image{
    min-height: 300px;
}

.amenities-fullscreen-scroll section{
    position: relative;
    padding: 30px;
    background: var(--e-global-color-secondary);
}

.amenities-fullscreen-scroll section::after{
    position: absolute;
    content: '';
    width: 80px;
    height: 3px;
    bottom: -1px;
    left: 50%;
    background: #ffffff;
    z-index: 1;
}
.amenities-fullscreen-scroll section::before{
    position: absolute;
    content: '';
    width: 80px;
    height: 3px;
    bottom: -1px;
    right: 50%;
    background: var(--e-global-color-primary);
    z-index: 1;
}

.policy-container p{
    text-align: justify;
}


.elementor-widget-gva-post-navigation{
    margin:auto;
    width: 100%;
}

.navigation-post.navigation {
    margin: 0 0 65px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}



.navigation-post.navigation .nav-content > div {
    padding: 0 10px;
}

.navigation-post.navigation  .previous-nav, .navigation  .next-nav{
    flex-basis: 50%;
    width: 50%;
    padding: 20px 10px;
    position: relative;
    transition: all 0.3s ease;
}

.navigation-post.navigation .thumbnail-nav .thumb-img-container{    
    border-radius: 5px;
    overflow: hidden;
    width: 90px;
    height: 90px;
}

.navigation-post.navigation .nav-title{
    text-transform: uppercase;
}

.navigation-post.navigation .thumbnail-nav img {
    display: block;
    min-width: 90px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navigation-post.navigation .transition-scale {
    transition: transform 0.4s ease-in-out;
}
.navigation-post.navigation .nav-content:hover .transition-scale {
    transform: scale(1.1);
}

.min-h-50{
    min-height: 50%;
}




.amenities-fullscreen-scroll .swiper-nav-next, .amenities-fullscreen-scroll .swiper-nav-prev {
    width: 56px;
    height: 56px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
    color: var(--e-global-color-primary);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    background-size: 10px;
    opacity: 0;
    z-index: 11;
    font-size: 18px;
}

@media (max-width: 1280px) {
    .amenities-fullscreen-scroll .swiper-nav-next, .amenities-fullscreen-scroll .swiper-nav-prev {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

.amenities-fullscreen-scroll .swiper-nav-next:after, .amenities-fullscreen-scroll .swiper-nav-prev:after {
    font-family: 'hicomoon';
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: 900;
}

.amenities-fullscreen-scroll .swiper-nav-next:hover, .amenities-fullscreen-scroll .swiper-nav-prev:hover {
    background: var(--e-global-color-primary);
    color: #fff;
}

.amenities-fullscreen-scroll .swiper-nav-next {
    right: 20px !important;
}

.amenities-fullscreen-scroll .swiper-nav-next:after {
    content: "\e992";
}

.amenities-fullscreen-scroll .swiper-nav-prev {
    left: 20px !important;
}

.amenities-fullscreen-scroll .swiper-nav-prev:after {
    content: "\e993";
}

.amenities-fullscreen-scroll:hover .swiper-nav-next, .amenities-fullscreen-scroll:hover .swiper-nav-prev {
    opacity: 1 !important;
}

.amenities-fullscreen-scroll:hover .swiper-nav-next:hover, .amenities-fullscreen-scroll:hover .swiper-nav-next:focus, .amenities-fullscreen-scroll:hover .swiper-nav-prev:hover, .amenities-fullscreen-scroll:hover .swiper-nav-prev:focus {
    opacity: 1;
}


.all-projects-map-img.fuentes-del-valle-oriente{
    height: 90px !important;
    transform: translate(-3px, -15px);
}

.all-projects-map-img.encinos-de-fuentes-del-valle-norte{
    height: 70px !important;
    transform: translate(12px, -44px);
}

.all-projects-map-img.paseo-palma-real{
    height: 110px !important;
    transform: translate(-18px, -31px);
}

.all-projects-map-img.paseo-del-encinal{
    transform: translate(-157px, -15px);
}

.all-projects-map-img.paseo-del-valle-san-miguel{
    transform: translate(-15px, 30px);
}

.all-projects-map-img.hogares-isn{
    transform: translate(-83px, -17px);
}

.all-projects-map-img.cascadas-de-san-isidro{
    transform: translate(14px, -7px);
}

.projects-delivered .property-block .directorist-listing-title{
    font-size: 18px;
}


.directorist-icon-mask:after{
    background-color:var(--homirx-link-color) !important;
}

.atbd_map_shape .directorist-icon-mask:after{
    background-color: var(--directorist-color-marker-icon) !important;
}

.directorist-single-map__direction a i:after{
    background-color: var(--e-global-color-primary) !important;
}

.directorist-single-map__address i:after {
    background-color: var(--e-global-color-primary) !important;
}

.directorist-single-map__address{
    color:var(--homirx-link-color) !important;
}

.directorist-single-info .property-single-info__value{
    word-break: break-word;
}

.property-single-info__icon .directorist-icon-mask:after{
    background: var(--e-global-color-primary) !important;
}

.property-card-number i, .property-card-text i{
    color: var(--e-global-color-primary) !important;
}

.property-floor-plan .nav-tabs .nav-link:hover, .property-floor-plan .nav-tabs .nav-link.active {
    color: #fff;
    background: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

.elementor .hogares-isn-widget a {
    word-break: break-word;
}

.project-grid-list .banner-three__image{
    position: absolute;
    width: 100%;
    height: 100%;
}

.project-grid-list .banner-three__content{
    position: relative;
    padding: 90px 20px 20px;
}

.project-grid-list .banner-three__image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.project-grid-list .banner-three__wrap{
    min-height: 300px;
    height: 100%;
}

.project-grid-list .banner-three__number{
    background-color: var(--e-global-color-secondary);
    padding: 2px 13px;
    border-radius: 10px;
    z-index: 2;
    top: 20px;
    left: 20px;
}
.project-grid-list .banner-three__number::after {
    content: none;
}


.project-grid-list .proyecto-logo{
    top: 0;
    right: 20px;
    width: 130px !important;
    z-index: 2;
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
}


.effect-line-vertical {
    position: relative;
    height: 100%;
    right: -40px;
    z-index: 2;
}

.effect-line-vertical::after {
    position: absolute;
    width: 2px;
    height: 150px;
    right: -2px;
    background: linear-gradient(180deg, #06b6d4, var(--blue-500), transparent);
    z-index: 1;
    top: 0;
    content: '';
    --blue-500: #002e63;
}

.proyecto-par .effect-line-vertical{
    left: -42px;
}

.effect-line-vertical.animate::after {
    animation: vertical-sweep 2.5s ease-in-out;
}

@keyframes vertical-sweep {
    0% {
        top: 0;
        opacity: 1;
    }
    90% {
        top: 100%;
        opacity: 1;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}


.custom-breadcrumb{
    border:0;
}


.post-password-required {
    padding: 190px 30px 90px 30px;
    max-width: 810px;
    margin: auto;
}




@media (max-width: 992px) {
    .masonry-item {
        width: 48%;
    }
}

@media (max-width: 576px) {
    .masonry-item {
        width: 100%;
    }

    .all-projects-map .homirx-project-map{
        max-height: calc(70vh - 100px);
    }

    .all-projects-map-img{
        height: 20px !important;
    }
    .all-projects-map-img.fuentes-del-valle-oriente {
        height: 40px !important;
        transform: translate(6px, -3px);
    }
    .all-projects-map-img.encinos-de-fuentes-del-valle-norte {
        height: 30px !important;
        transform: translate(18px, -13px);
    }
    .all-projects-map-img.paseo-palma-real {
        height: 60px !important;
        transform: translate(-5px, -12px);
    }
    .all-projects-map-img.hogares-isn {
        transform: translate(9px, 18px);
    }
    .all-projects-map-img.cascadas-de-san-isidro {
        transform: translate(20px, 3px);
    }
    .all-projects-map-img.paseo-del-encinal {
        transform: translate(-63px, -3px);
    }

    .all-projects-map-img.paseo-del-valle-san-miguel {
        transform: translate(-36px, 19px);
    }

    .directorist-single-info .property-single-info__value{
        word-break: break-word;
        font-size: 12px;
    }

    .project-grid-list .proyecto-logo{
        top: 20px;
        right: 20px;
        width: 120px !important;
        filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
        padding: 0 !important;
        margin: 0 !important;
        z-index: 2;
    }
}





/* Si quieres aún más efecto tipo Masonry, puedes variar el min-height con media queries */
@media (min-width: 768px) {
    .amenities-masonry-grid .grid-item:nth-child(3n) .iconbox-one__single {
        min-height: 320px;
    }
    .amenities-masonry-grid .grid-item:nth-child(4n) .iconbox-one__single {
        min-height: 400px;
    }
}





@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1.15, 1.15);
    }
}
.zoom-in-zoom-out {
    animation: zoom-in-zoom-out 1s ease-out infinite;
    animation-delay: 1s;
}

@media (min-width: 1025px) {
}


@media (min-width: 992px){
    .amenities-fullscreen-scroll section{
        min-height: calc(100vh - 142px) !important;
    }

    .amenities-fullscreen-scroll .swiper-nav-next, .amenities-fullscreen-scroll .swiper-nav-prev {
        opacity: 0 !important;
    }
}

@media (min-width: 768px){
    .amenities-fullscreen-scroll .swiper-nav-next, .amenities-fullscreen-scroll .swiper-nav-prev {
        opacity: 1;
    }
}


@media (max-width: 767px) {
    .project-grid-list .banner-three__title {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .proyecto-title{
        font-size: 20px;
    }

    .tipo-propiedad{
        font-size: 15px;
    }
    .proyecto-description{
        font-size: 16px;
        line-height: 1.5;
    }

    .proyecto-atributos li{
        font-size: 16px;
        line-height: 1.4;
    }

    .btn-get-proyecto{
        font-size: 14px;
        padding: 13px 20px 13px 20px;
    }

    .object-logo{
        width: 230px;
    }
    .proyecto-section {
        height: initial; /* Cada sección ocupa toda la pantalla */
    }

    .proyecto-logo {
        max-width: 270px !important;
        margin-bottom: 0 !important;
    }

    .proyecto-section .proyecto-logo-container .link{
        margin: auto;
    }

    .proyecto-logo-container{
        margin-top: 10px;
    }

    .directorist-content-active .directorist-type-nav__list{
        gap: 0px;
    }

    .amenities-grid.amenities-style3 .iconbox-container{
        justify-content: center !important;
        display: inline !important
    }
    .amenities-grid.amenities-style3 .iconbox-container .iconbox-one__icon{
        margin-bottom: 10px !important;
    }
    .amenities-fullscreen-scroll section{
        position: relative;
        padding: 0;
        background: #ffffff;
    }
    .amenities-fullscreen-scroll section::after{
        background: #aaa9a9;
    }

    .amenities-fullscreen-scroll .swiper-nav-next, .amenities-fullscreen-scroll .swiper-nav-prev {
        opacity: 1;
    }

    .project-grid-list .banner-three__wrap{
        min-height: 320px;
    }
}