/*=== Mobilia - Copyright 2023- */

/******** importa Tema: Tema8.css ******        DEMO 8          ***/
 @import url("/DesktopModules/InmoBS3/layouts/css/Temas/Tema8.css");
/***************************************/

/*VARIABLES PARA LOS COLORES PRINCIPALES*/
:root {
    /* --main-bg-color: #020c14; */
    --main-bg-color: #043a65;
    --main-bg-color-rgb: 4, 58, 101;
    --secondary-bg-color: #55646c;
    --secondary-bg-color-rgb: 95, 155, 199;
    --hover-bg-color: #ff3e30;
    --main-font: 'Outfit', sans-serif;
    --main-font-number: 'Noto Sans', sans-serif;
    --secondary-font: 'Literata', serif;
    --home-logo-width: 220px; /*Logo home*/
    --home-logo-top: -9px; /*Top logo home*/
    --home-logo-top-affix: 4px; /*Top logo home affix*/

    --home-tablet-logo-width: 110px; /*Logo en tablet (1024x600)*/
    --home-tablet-logo-top: -7px; /*Top del logo en tablet en home*/

    --pages-logo-width: 80px; /*Logo en el resto de páginas*/
    --pages-logo-top: 5px; /*Top del logo en el resto de la web*/
    --pages-logo-top-affix: 4px; /*Top del logo en el resto de la web affix*/

    --responsive-logo-width: 110px; /*Logo en móvil*/
    --responsive-home-logo-top: -9px; /*Top en el logo móvil en la home*/
    --responsive-pages-logo-top: 9px; /*Top en el logo móvil en el resto de páginas*/

    --footer-logo-max-width: 50%; /*Máximo ancho logo pie*/
}
.txtSlide h1 span {
    font-size: 97px !important;
}
.BBNRbgColor .BNNRTxtCenterBGimage {
    background-color: #043a65 !important;
    position: relative !important;
    filter: none;
}
.BNNRTxtCenterBGimage {
    background-color: var(--main-bg-color);
    position: relative;
    background-size: 100%;
    background-position: center;
    filter: saturate(0.5);
}
    .bloqueBannersTXTHome .btn.btn-banners,
    .bnnrContent-BloquesAlternos .btn.btn-banners,
    .BNNR-jumbo .btn.btn-banners,
    .top-listado .btn-banners,
    .BNNRTxtCenterBGimage .btn.btn-banners,
    .TextoSlidePromo .carousel-caption .btn.btn-banners,
    .blog .btn.btn-banners,
    .post .btn.btn-banners {
        background: #000 !important;
    }
        .bloqueBannersTXTHome .btn.btn-banners a,
        .BNNR-jumbo .btn.btn-banners a,
        .bnnrContent-BloquesAlternos .btn.btn-banners a,
        .BNNRTxtCenterBGimage a.bgBtnBanner a {
            color: #fff !important;
        }
.post .btn.btn-banners {
    width: 90px;
}
#botonNosotros, #botonServicios, #botonPropiedades {
    font-weight: 700 !important;
}
.more.IDDescripcionBig, .IDDescripcionBig p, .IDDescripcionBig div {
    color: #1d1e22;
    font-family: var(--main-font);
    font-size: 19px;
    font-weight: 300;
    line-height: 28px;
}
/* ===========================================================================================================
   ************************************************************************************************* HOME 
   ==========================================================================================================*/
.modulofichaAgente .infoAgente .DatosAgente {
    padding-left: 60px;
    padding-right: 20px;
}
.agenteDesplegable .nombre_agente h7 a {
    font-size: 18px !important;
}
.agenteDesplegable .cargoAgente,
.modulofichaAgente .infoAgente .cargoAgente {
    font-weight: 600;
    font-size: 14px !important;
    letter-spacing: 1px;
    line-height: 19px;
}
.modulofichaAgente .infoAgente .nombreAgente {
    font-size: 19px;
}
.modulofichaAgente .infoAgente .infoContactoAgente {
    padding-left: 50px;
}
/*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
@media only screen and (min-width : 1200px) {

    .InfoInicioHome .txtInicio-tema8 .tituloSeccion {
        width: 25%;
    }

    .InfoInicioHome .txtInicio-tema8 .info {
        width: 50%;
    }

    .InfoInicioHome .txtInicio-tema8 .botones {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: space-between;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;
        width: 200px;
    }
        .InfoInicioHome .txtInicio-tema8 .botones a {
            width: 100%;
        }
    .agenteDesplegable .agente_img_circle {
        height: 330px;
        width: 70% !important;
        top: 0;
        left: 15% !important;
    }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .agenteDesplegable .agente_img_circle {
        height: 330px;
        width: 80% !important;
        top: 0;
        left: 15% !important;
    }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    .agenteDesplegable .agente_img_circle {
        height: 330px;
        width: 80% !important;
        top: 0;
        left: 15% !important;
    }
}
@media only screen and (max-width : 767px) {
}
    /* ===========================================================================================================
   ************************************************************************************************* CABECERA 
   ==========================================================================================================*/
    .menuIzquierda .menuInicio, .menuIzquierda .menuContacto, .menuIzquierda .menuNosotros,
    .menuIzquierda .menuVendaSuInmueble, .menuIzquierda .menuVacacional, .menuIzquierda .menuFavoritos,
    .menuIzquierda .menuPromociones {
        display: none;
    }

    .menuDerecha .menuInicio, .menuDerecha .menuPropiedades, .menuDerecha .menuPromociones,
    .menuDerecha .menuVacacional, .menuDerecha .menuFavoritos, .menuDerecha .menuServicios, .menuOficinas {
        display: none;
    }
    /*    div#pID0 .cabeceraMenu .menuDesktop .logoDesktop {
      border-radius: 67.65px;
      padding: 18px 27px 0px 27px;
      width: 231px;
      background: #fff;
      position: relative;
      transition: all 0.3s ease-in-out;
  } */
    div#pID0 .cabeceraMenu.affix .menuDesktop .logoDesktop {
        transition: all 0.3s ease-in-out;
        background: transparent;
        border-radius: 67.65px;
        padding: 18px 27px 0px 27px;
        width: 231px;
    }

    div#pID0 .cabeceraMenu.affix .menuDesktop .logoDesktop,
    .cabeceraMenu.affix .menuDesktop .logoDesktop,
    .cabeceraMenu .menuDesktop .logoDesktop {
        border-radius: 0;
        padding: 0px 27px 0px 27px;
        width: 231px;
        background: transparent;
        position: relative;
    }
    /*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
    @media only screen and (min-width : 1200px) {
        .cabeceraMenu .logoDesktop img, .cabeceraMenu.affix .logoDesktop img {
            width: 220px;
        }
    }

    @media only screen and (min-width : 992px) and (max-width: 1199px) {
        div#pID0 .cabeceraMenu .menuMovil .cabeceraLogo img, .cabeceraMenu .menuMovil .cabeceraLogo img {
            filter: none;
        }
    }

    @media only screen and (min-width : 768px) and (max-width: 991px) {
        div#pID0 .cabeceraMenu .menuMovil .cabeceraLogo img, .cabeceraMenu .menuMovil .cabeceraLogo img {
            filter: none;
        }
    }

    @media only screen and (max-width : 767px) {
        div#pID0 .cabeceraMenu .menuMovil .cabeceraLogo img, .cabeceraMenu .menuMovil .cabeceraLogo img {
            filter: none;
        }

        .menuMovil .cabeceraLogo img {
            width: 64%;
        }

        div#mID196888 td, div#mID196889 td {
            font-size: 32px !important;
            line-height: 41px !important;
        }
    }
    /* ===========================================================================================================
   ************************************************************************************************* HOME 
   ==========================================================================================================*/
    /******************************************************************************* Galeria inmuebles */
    div#GaleriaInmuebles .iconos {
        display: none;
    }

    div#GaleriaInmuebles .DLFichaResumen {
        display: none;
    }

    div#GaleriaInmuebles .DLFichaTitulo a {
        display: none;
    }

    .BannerContactoHome .txtInicio-tema8 {
        width: 100%;
    }

        .BannerContactoHome .txtInicio-tema8 .tituloSeccion {
            width: 40%;
        }

        .BannerContactoHome .txtInicio-tema8 .info {
            width: 50%;
        }

        .BannerContactoHome .txtInicio-tema8 .botones {
            width: 10%;
        }

            .BannerContactoHome .txtInicio-tema8 .botones.RedesSociales {
                width: 30%;
            }

    .bloqueBannersTXTHome.BannerContactoHome .txtInicio-tema8 .botones a {
        width: 50%;
    }

    .bloqueBannersTXTHome.BannerContactoHome .txtInicio-tema8 .botones.RedesSociales a {
        width: 40%;
    }
    /*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
    @media only screen and (min-width : 1200px) {
    }

    @media only screen and (min-width : 992px) and (max-width: 1199px) {
    }

    @media only screen and (min-width : 768px) and (max-width: 991px) {
        .BannerContactoHome .txtInicio-tema8 .tituloSeccion {
            width: 100% !important;
        }

        .BannerContactoHome .txtInicio-tema8 .info {
            width: 100% !important;
        }

        .BannerContactoHome .txtInicio-tema8 .botones {
            width: 100% !important;
        }

        .bloqueBannersTXTHome.BannerContactoHome .txtInicio-tema8 .botones {
            justify-content: left !important;
        }
    }

    @media only screen and (max-width : 767px) {
        .logoInfo img {
            border-radius: 0px;
            padding: 20px;
            position: relative !important;
            top: -39px !important;
            width: 90% !important;
            filter: saturate(0) brightness(0) invert(1);
            background: transparent;
        }

        .BannerContactoHome .txtInicio-tema8 .tituloSeccion {
            width: 100% !important;
        }

        .BannerContactoHome .txtInicio-tema8 .info {
            width: 100% !important;
        }

        .BannerContactoHome .txtInicio-tema8 .botones {
            width: 100% !important;
        }
    }
    /* ===========================================================================================================
   ************************************************************************************************* SERVICIOS 
   ==========================================================================================================*/
    div#mID196888 table,
    div#mID196889 table {
        margin-top: 50px;
        width: 100%;
    }

    div#mID196888 td,
    div#mID196889 td {
        font-size: 48px !important;
        line-height: 48px !important;
        font-weight: 600;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: 100%;
    }

    div#mID196888 .bnnrContent-BloquesAlternos .Banners2Subtitle a,
    div#mID196889 .bnnrContent-BloquesAlternos .Banners2Subtitle a {
        display: flex !important;
        padding: 0px;
        color: #fff;
        font-size: 18px !important;
        text-transform: inherit;
        font-weight: 500;
        letter-spacing: 1px;
        background: var(--main-bg-color);
        font-family: var(--main-font);
        min-height: 45px;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    /* ===========================================================================================================
   ************************************************************************************************* CAONTACTO 
   ==========================================================================================================*/
    .ContentOficinasContacto .bg-Grey .bg-blue .form-control {
        display: none;
    }
    /* ===========================================================================================================
   ************************************************************************************************* FOOTER 
   ==========================================================================================================*/
    .logoInfo img {
        border-radius: 0px;
        padding: 0;
        position: absolute;
        top: 10px;
        width: 198px;
        /* filter: saturate(0) brightness(0) invert(1);*/
    }
    /* ==============================================================  CAMBIO DE COLOR ========================================================*/
    .EncabezadoNegro .telefonosCabecera .fa, .EncabezadoNegro .numerosMovil, .EncabezadoNegro .numerosTelefono,
    .EncabezadoNegro .redes_idiomas a i.mob, .EncabezadoNegro .redes_idiomas a i.fa {
        color: #ebe8e8 !important;
    }

    .Grid-listado .listado_inmuebles_list .ficha .fichaInfo .icono-favoritos a:hover {
        color: var(--main-bg-color);
    }

    /*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
    @media only screen and (min-width : 1200px) {
        .BNNR-jumbo .bannerTopTitle {
            display: block;
            line-height: 60px;
        }

            .BNNR-jumbo .bannerTopTitle span {
                display: block;
                line-height: 90px;
                margin-top: 10px;
                font-size: 120px;
            }
    }

    @media only screen and (min-width : 992px) and (max-width: 1199px) {
        .BNNR-jumbo .bannerTopTitle {
            display: block;
            line-height: 60px;
        }

            .BNNR-jumbo .bannerTopTitle span {
                display: block;
                line-height: 110px;
                margin-top: 30px;
            }
    }

    @media only screen and (min-width : 768px) and (max-width: 991px) {
        .BNNR-jumbo .bannerTopTitle {
            font-size: 32px;
        }
    }

    @media only screen and (max-width : 767px) {
        .txtSlide h1 span, .BNNR-jumbo .bannerTopTitle span {
            font-size: 48px !important;
            line-height: 46px !important;
        }

        .logoInfo img {
            top: -19px !important;
            max-width: 280px;
            width: 90% !important;
        }
    }