﻿.site-header nav a:hover,
.site-header nav a:active {
    color: var(--inmove-backcolor-field);
}
a {
    color: var(--inmove-linkcolor);
}

h1 {
    font-size: var(--inmove-fontsizedesktop);
    color: var(--inmove_archive_title_color);
}

/* Estilo para elementos select */
select {
    -webkit-appearance: none; /* Eliminar apariencia nativa de Safari */
    -moz-appearance: none; /* Eliminar apariencia nativa de Firefox */
    appearance: none; /* Eliminar apariencia nativa en otros navegadores */
    background-color: white; /* Fondo blanco */
    border: 1px solid #ccc; /* Borde gris claro */
    padding: 10px; /* Espaciado interno */
    font-size: 16px; /* Tamaño de fuente */
    color: #333; /* Color del texto */
    border-radius: 4px; /* Bordes redondeados */
    width: 100%; /* Ancho completo */
}

    /* Estilo para el elemento select en dispositivos móviles */
    select:focus {
        outline: none; /* Eliminar borde de enfoque */
        border-color: #007bff; /* Color de borde al enfocar */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Sombra al enfocar */
    }

/* Estilo para elementos input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="url"] {
    -webkit-appearance: none; /* Eliminar apariencia nativa de Safari */
    -moz-appearance: none; /* Eliminar apariencia nativa de Firefox */
    appearance: none; /* Eliminar apariencia nativa en otros navegadores */
    background-color: white; /* Fondo blanco */
    border: 1px solid #ccc; /* Borde gris claro */
    padding: 10px; /* Espaciado interno */
    font-size: 16px; /* Tamaño de fuente */
    color: #333; /* Color del texto */
    border-radius: 4px; /* Bordes redondeados */
    width: 100%; /* Ancho completo */
}

/* Estilo para el elemento input en dispositivos móviles */
input:focus {
    outline: none; /* Eliminar borde de enfoque */
    border-color: #007bff; /* Color de borde al enfocar */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Sombra al enfocar */
}


.archive h1{
    text-align:center;
}
.layout-columns h2 {
    color: var(--inmove_archive_title_color);
}
ol.gpb-number-list > li {
    list-style-type: none;
}
.hidden {
    display: none;
}
.more {
    background-color:var(--inmove_archive_item_button_color);
}
.fullwidth {
    width: 100vw; /* 100% del ancho de la vista */
    max-width: 100vw; /* Asegura que el máximo ancho sea del 100% de la vista */
    position: relative; /* Para mantener su posición en el flujo del documento */
    left: 50%; /* Empuja el elemento a la mitad del contenedor */
    transform: translateX(-50%); /* Corrige la posición para centrarlo */
    box-sizing: border-box; /* Incluye padding y borde en el ancho total */
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
    background-color: #FFFFFF;
    padding: 20px 0;
}
.visita_virtual {
    background-color: var(--inmove_archive_title_color);
    color:#FFFFFF;
    text-align:center;
    display:table;
    padding:20px;
    margin:0 auto;
    text-decoration:none;
    line-height:2em;
}
    .visita_virtual:before {
        content: '\1F441';
        float: left;
        font-size: 2em;
        margin-right: 20px;
        line-height: 1em;
    }
    .visita_virtual:hover {
        color: #FFFFFF;       
    }
    .docsTitle{
        text-align:center;
        margin-top:30px;
    }
    .docs {
        text-align: center;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
        gap: 20px;
        justify-content: center; 
        list-style-type: none; 
        padding: 0;
        font-size:0.8em;
    }    
    .docs img{
        display:block;
        margin:0 auto;
    }
.buscador_simple {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: var(--inmove-width);
    margin: 0 auto;
    padding:0 30px;
}
    
    .buscador_simple.avanzado,
    .buscador_simple.avanzado #filtro_avanzado {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
    }


    .buscador_simple select,
    .buscador_simple input[type=number] {
        opacity: 0.85;
        padding-right: 35px;
        border: none;
        border-right: 1px solid #DDDDDD;
        /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23FFFF" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');*/
        background-repeat: no-repeat;
        background-position: right 20px center;
        background-size: 10px;
        background-color: var(--inmove-backcolor-field);
        color: var(--inmove-color-field);
        font-size: 14px;
        border-radius: 0;
    }
    .buscador_simple select {
        padding: 22px 5px;
    }
    .buscador_simple input[type=number] {
        padding: 22px 5px;
    }
        .buscador_simple input[type=number]::placeholder {
            color: inherit;
            text-transform:none;
        }

        .buscador_simple select:first-child {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            border-right: 1px solid #DDDDDD;            
        }

        .buscador_simple.avanzado select:first-child {
            border-top-left-radius:0;
            border-bottom-left-radius:0;
            border-right:none;
        }

        .buscador_simple select option {
            font-size:15px;
        }
    .buscador_simple label{
        margin-left:8px;
    }

    

    .buscador_simple input[type=submit] {
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        /*background-image: url('/wp-content/plugins/inmove/templates/img/search-claro.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px;*/
        background-color: var(--inmove-backcolor-field);
        height: 60px;
        display: block;
        margin:0;
    }

.fullwidth .buscador_simple select,
.fullwidth .buscador_simple input[type=number],
.fullwidth .buscador_simple input[type=submit] {
    border: 2px solid #000000;
    border-radius: 0 0;
    margin: 0 5px;
}

    .buscador_simple.avanzado input[type=submit] {
        border-radius: 0;
    }
.home .buscador_simple select,
.home .buscador_simple input[type="text"],
.home .buscador_simple input[type="number"]{
    background-color: #FFFFFF;
    color: #000000;
}
    /*.home .buscador_simple input[type=submit] {
        background-color: #FFFFFF;
        background-image: url('/wp-content/plugins/inmove/templates/img/search-oscuro.svg');
    }*/
.home .layout-columns .info{
    width:100%;
}
#btBusquedaAvanzada {
    display: block;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
    color: var(--inmove-backcolor-field);
}
.home #btBusquedaAvanzada{
    display:none;
}
#filtro_avanzado,
.buscador_simple.avanzado .boton {
    grid-column: span 4;
}
.buscador_simple.avanzado .boton input[type=submit]{
    max-width:290px;
    margin:0 auto;
}
.content {
    width: 100%;
}
.site-inner{
    padding-top:0;
}
.ninja-forms-form-wrap .checkbox-wrap{
    display:flex;
    flex-direction:column !important;
    gap:10px;
    text-align:left;
}

.nf-form-content input[type=text],
.nf-form-content input[type=email],
.nf-form-content input[type=tel],
.nf-form-content input[type=password],
.nf-form-content textarea{
    background-color:#FFFFFF !important;
}

.share {
    max-width: 500px;
    margin:0 auto;
    padding: 0 30px;
    text-align: center;
}

    /*.share .print {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px auto 0 auto;
        background-color: var(--inmove-backcolor-field);
        color: #FFFFFF;
        width: 230px;
        text-decoration: none;
    }*/
    .share .print {
        vertical-align: middle;
    }
        .share .print svg {
            width: 35px;
            height: 35px;
            /*background-color: var(--inmove-backcolor-field);*/
        }

/* Estilos para el contenedor de los botones */
.owl-carousel {
    border: var(--inmove-archive-fotoborder) solid var(--inmove-archive-fotobordercolor);
}

    .owl-carousel .owl-item img{
        object-fit:cover;
        aspect-ratio:4/3;
    }

    .owl-carousel .owl-nav {
        position: absolute;
        top: calc(50% - 25px);
        width: 100%;
        transform: translateY(-50%);
        pointer-events: none;
        z-index: 10;
    }

/* Estilo general para los botones de navegación de Owl Carousel */
    .owl-carousel .owl-nav button {
        position: absolute;
        background: rgba(0, 0, 0, 0.7); /* Fondo más oscuro para mayor contraste */
        color: #000000; /* Color blanco para las flechas */
        border: 2px solid white; /* Borde blanco para realzar aún más */
        border-radius: 50%;
        width: 50px; /* Aumentamos el tamaño de los botones */
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background-color 0.3s, transform 0.3s;
        pointer-events: all;
        outline: none;
        z-index: 11;
        text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
    }

.owl-carousel .owl-nav button:hover {
    background: rgba(0, 0, 0, 0.9); /* Fondo más oscuro al pasar el mouse por encima */
    transform: scale(1.05); /* Efecto de ampliación al pasar el mouse */
    text-shadow:none;
}

/* Posiciona el botón "prev" hacia la izquierda */
.owl-carousel .owl-nav .owl-prev {
    left: 15px;
}

/* Posiciona el botón "next" hacia la derecha */
.owl-carousel .owl-nav .owl-next {
    right: 15px;
}

.layout-columns {
    margin: 0 auto;
    padding: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: normal;
    justify-content: center;
    grid-gap: var(--inmove-archive-itemgap);
    margin-bottom: 40px;
    max-width: var(--inmove-archive-maxwidth);
}

    .layout-columns .column {
        text-align: center;
        /*border-bottom: 1px solid rgba(148,138,110,0.2);*/
        width: var(--inmove-archive-itemwidth);
        background-color: var(--inmove-archive-fondo-item);
        padding-bottom: 60px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width:100%;
    }

    .layout-columns .column figure img{
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    .layout-columns h2 {
        font-size: 21px;
        text-align: center;
        margin: 0 30px 20px 30px;
        font-weight: bold;
    }

    .layout-columns .ref {
        position: absolute;
        top: var(--inmove-archive-fotoborder);
        right: var(--inmove-archive-fotoborder);
        z-index: 2;
        font-size: 12px;
        color: #FFFFFF;
    }

    .layout-columns .leyenda {
        position: absolute;
        top: 4px;
        left: 4px;
        z-index: 2;
        font-size: 16px;
        color: #000000;
        background-color: #ffd700;
        padding: 2px 7px;
    }

    .layout-columns .precio {
        font-size: 19px;
        line-height: 0;
        text-align: center;
    }

    .layout-columns .info {
        margin-top: 1em;
    }

    .layout-columns a {
        border: none;
        outline: none;
    }

        .layout-columns a.more {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 0px;
            background-color: var(--inmove-backcolor-field);
            color: var(--inmove-archive-itembuttontextcolor);
        }

    .layout-columns ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: normal;
        justify-content: center;
        margin-bottom: 20px;
        color: #334538;
        padding: 0;
    }

    .layout-columns li {
        padding: 0 7px;
        list-style: none;
        display: flex;
        font-size: 16px;
        justify-content: center;
        align-items: baseline;
    }

        .layout-columns li img {
            display: block;
            margin: 0 4px 0 auto;
            opacity: 0.7;
        }

    .layout-columns .item img {
        width: 100%;
        height: auto;
        aspect-ratio:4/3;
        object-fit: cover;
    }

.paginador,
.paginador {
    display: block;
    text-align: center;
    position: relative;
    max-width: var(--inmove-width);
    margin: 0 auto;
}
    .paginador .prev {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-color: var(--inmove-backcolor-field);
    }
    .paginador .next {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background-color: var(--inmove-backcolor-field);
    }

.spacer {
    height: 51px;
}

.post-type-archive-inmueble .site-inner {
    max-width: 100%;
}

/* single */
.single-inmueble .site-inner {
    max-width: 100%;
    padding: 60px 0 0 0;
}

.single-inmueble .precio {
    font-size: 35px;
}
.single-inmueble .video {
    display: flex;
    justify-content: center;
    padding-top:30px;
}

.heateor_sss_sharing_container {
    display: flex;
    justify-content: center;
}
    /*.heateor_sss_sharing_container svg {
        background-color: var(--inmove-backcolor-field);
    }*/
    

    /*Destacados*/
    .destacados {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 30px;
    }

        .destacados .item {
            position: relative;
            text-align: center;
        }

        .destacados span {
            position: absolute;
            bottom: 30px;
            right: 30px;
            left: 30px;
            margin-left: auto;
            margin-right: auto;
            background-color: rgba(255,255,255,0.8);
            color: #000000;
            font-weight: bold;
            padding: 20px 10px;
        }

        .destacados img {
            height: 100%;
            object-fit: cover;
        }

        /*Slide destacados*/
        .slideDestacados {
            position:relative;
        }
        .slideDestacados img {            
            object-fit: cover;  
            aspect-ratio:16/9 !important;
        }
            .slideDestacados li{
                list-style-type:none !important;
                text-align:center;
                padding:0 20px;
            }
            .slideDestacados li:first-child{
                padding-left:0;
            }
            .slideDestacados ul{
                padding:0;
                margin:0;
                display:flex;
                align-items:center;
            }
            .slideDestacados ul img {
                aspect-ratio: 1/1 !important;
                width: 25px !important;
                margin:0 auto;
            }
        .slideDestacados .caption{
            position:absolute;
            bottom:0;
            left:30px;
            background-color:rgba(255,255,255,0.7);       
            padding:15px 20px;
        }
        .slideDestacados h2{
            text-align:center;
        }
         .slideDestacados .precio{
             float:right;
         }
         .slideDestacados .poblacion,
         .slideDestacados .precio{
             font-size:1.2em;
         }

@media (max-width: 900px) {
    .buscador_simple {
            flex-direction: column;             
        }
    .home .buscador_simple select:first-child,
    .buscador_simple select:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

            .buscador_simple select,
            .buscador_simple input[type=number] {
                margin-bottom: 10px;
                outline: none;
            }
        .boton{
            width:100%;
        }
    .home .buscador_simple .boton input[type=submit],
    .buscador_simple .boton input[type=submit] {
        display: block;
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
 }

    @media (max-width: 800px) {
        h1 {
            font-size: var(--inmove-fontsizemobile);
        }        
    }

    @media (max-width: 760px) {
        .slideDestacados .caption {
            position: absolute;
            bottom: 0;
            left: 55px;
            right: 55px;
            text-align:center;
        }

        .slideDestacados h2 {
            text-align: center;
            font-size:1.2em;
            margin:0;
            font-weight:bold;
        }

        .slideDestacados .poblacion,
        .slideDestacados .precio {
            font-size: 1em;
            text-align:center;
            float:none;            
        }
        .slideDestacados .precio:before{
            content:' · ';
            display:inline;
        }
        .slideDestacados ul {
            display:none;
        }

        .buscador_simple.avanzado,
        .buscador_simple.avanzado #filtro_avanzado {
            grid-template-columns: repeat(1, 1fr) !important;            
        }
            .buscador_simple.avanzado select,
            .buscador_simple.avanzado input[type=text],
            .buscador_simple.avanzado input[type=number],
            .buscador_simple.avanzado span,
            #filtro_avanzado {
                grid-column: span 4 !important;
            }
    }

    @media print {
        body {
            font-size: 13px;
        }

        .single-inmueble header,
        .single-inmueble .share,
        .single-inmueble .cta,
        .single-inmueble footer,
        .single-inmueble .resumen .descripcion,
        .single-inmueble .detalles h4 {
            display: none;
        }

        .single-inmueble .inmuebleHeader {
            margin-bottom: 10px;
        }

        .single-inmueble p {
            margin-bottom: 7px;
        }

        .single-inmueble .site-inner {
            padding: 0;
        }
    }


    .blink {
        animation: blinker 1s ease-in-out infinite alternate;
    }

    @keyframes blinker {
        to {
            opacity: 0;
        }
    }