/* Primer Navbar */

.rs{
    background-color: transparent !important;
    border: none !important;
    text-align: center;
    padding: 0 5px;
}

.listRS{
    background-color: transparent !important;
    border: none !important;
    padding: 0px 0px;
}

.rs a{
    color: white !important;
}
.nav-item {
    border: none; /* Elimina los bordes */
    background-color: transparent;
    border-radius: 10px;
}

.nav-link{
    padding: 10px !important;
}

/*Segundo Navbar*/
.navbar-brand{
    margin-left: 20px;
}

.navbar-toggler{
    margin-left: 20px;
}

.listLinks{
    padding: 0 40px;
}

.nav-link{
    font-weight: 600;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px; /* Altura de la barrita */
    background-color: #007bff; /* Color de la barrita */
    transition: width 0.3s ease; /* Transición de la animación */
}

.navbar-nav a:hover::after {
    width: 100%;
}

.navbar-nav .nav-link:hover {
    color:#013f62;
}

.navbar-toggler-icon {
    transition: transform 0.5s;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    transform: rotate(-90deg);
}
/*Inicio*/
.swiper {
    width: 100%;
    border-radius: 10px;
}


.swiperCardInicio{
    width: 100%;
}


.imgSlide:hover{
    transform: scale(1.03) !important; /* Aumenta el tamaño al hacer hover */
    transition: all 0.3s ease !important;
}

.logoCEmpresa {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2; /* ajusta el valor según sea necesario para que esté encima de la imagen grande */
}

.slide-text{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.cTitle{
    background-color: #013f62;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}



.btnVerMas{
    background-color: #d8082b;
    color: white;
    margin-bottom: 30px;

}

.btnVerMas:hover{
    background-color: #e50246;
    color: white;

    transition: all 0.5s ease;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); /* Sombreado blanco */
}


.textFrase
{
    margin: 0;
    font-weight: bold;
    color: white;
    position: relative;
}

        *,

        map {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }

        .bg-top {
            background-color: #013f62;
        }
        .menu nav li a {
            color: white;
        }

        .nav-menu a.nav-link:hover {
            color: rgb(218, 218, 218);
        }



        li.icono:hover {
            transition: all .7s ease-in-out;
            background-color: rgb(248, 20, 20);
            border-radius: 10%;
        }

        li.icono a.nav-link:hover {
            color: white !important;
        }

        .top-bar {
            font-weight: 600;
            font-size: 0.8rem;
        }
        /*navegacion*/

        .navegacion {
            background-color: #fdfdff;
        }






        .links-navegacion li {
            margin-right: 20px;
        }

        .links-navegacion li a:hover {
            color: white!important;
            background-color: #013f62;
            border-radius: 5px;
        }

        .links-navegacion li a {
            color: black !important;
            font-weight: 600;
            padding: 20px 25px;
            padding-left: 10px !important;
        }
        /*********************Estilos Inicio***********************/


        .cards-inicio span.aviso {
            color: #fff;
            display: inline-block;
            padding: 1px 10px;

            background-color: rgba(74, 74, 76, 0.7);
            border-radius: 3px;
            top: 15px;
            right: 15px;
            position: absolute;
        }

        .cards-inicio {
            font-family: sans-serif;
            letter-spacing: 0.03em;
            line-height: 1.6;
            font-family: 'Open Sans', sans-serif;

            flex-wrap: wrap;
            justify-content: space-between;

        }

        .cards-inicio .card {

            border-radius: 8px;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            text-align: center;
            background-color: #3E4456
        }

        .card-locales {
            padding-bottom: 18px;
        }

        @media (max-width: 327.98px) {
            .cards-inicio .card .numbers {
                font-size: 20px;
                margin-right: 0;
                text-align: left;
            }
            .cards-inicio .card {
                margin-left: 0px;
                width: 100%;
                height: 440px;
            }
            .cards-inicio {
                padding-left: 5%;
            }
            .cards-inicio .card a {
                font-size: 13px;
            }
        }

        @media (min-width: 328px) and (max-width: 375.98px) {
            .cards-inicio .card {
                margin-left: 0px;
                width: 100%;

            }
            .cards-inicio .card .numbers {
                font-size: 25px;
            }
            .cards-inicio {
                padding-left: 5%;
                justify-content: center;
            }
        }

        @media (min-width: 376px) and (max-width: 425.98px) {
            .cards-inicio .card {
                margin-left: 0px;
                width: 100%;
            }
            .cards-inicio .card .numbers {
                font-size: 25px;
            }
            .cards-inicio {
                justify-content: center;
            }
        }

        @media (min-width: 426px) and (max-width: 575.98px) {
            .card_elemento {
                display: flex;
            }
            .cards-inicio .card {
                margin-left: 0px;
                width: 100%;

            }
            .cards-inicio .card .numbers {
                font-size: 25px;
            }
            .cards-inicio {
                justify-content: center;
            }
        }

        @media (min-width: 576px) and (max-width: 767.98px) {
            .cards-inicio {
                justify-content: center;
            }

            .cards-inicio .pl-md-5,
            .px-md-5 {
                padding-left: 0rem !important;
            }
        }

        @media (min-width: 768px) and (max-width: 1999.98px) {



            .cards-inicio .pl-md-5,
            .px-md-5 {
                padding-left: 0rem !important;
            }
        }

        @media (min-width: 1200px) {
            .cards-inicio {
                justify-content: space-between;
            }


        }

        .container-fluid h3.tituloblog {
            transform: translateY(-20%);
            margin: 0 auto;
        }

        h3.tituloblog {
            display: table;
            line-height: 38px;
            background-color: #f8f9fa;
            padding: 22px 50px;
            box-shadow: 0px 0px 8px 0px rgb(0 0 0/12%);
            border-radius: 3px;
        }

        .cards-inicio .card:hover {
            transform: scale(1.01); /* Aumenta el tamaño al hacer hover */
            transition: all 0.3s ease;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        }

        .cards-inicio .icon-ubi {
            width: 30px;
            height: 30px;
        }

        .cards-inicio .card h3 {
            font-weight: 600;
            font-size: 16px;
            padding: 6px;
        }

        .cards-inicio .card p {
            padding: 10px 1rem;
            font-size: 15px;
            font-weight: 300;
        }

        .cards-inicio .card a {
            font-weight: 500;
            text-decoration: none;
            color: #C2C3C7;
            padding: 2px;
        }

        .btnLMas{
            border: none;
            outline: none;
            background: transparent;
            cursor: pointer;
            color: #87CEEB;
            text-decoration: none;
        }

        .btnLMas:active,
        .btnLMas:focus {
            outline: none !important;
            box-shadow: none !important;
        }


        .btnLMas:hover {
            color: #87CEEB;
            text-decoration: underline;
        }


/*Costaparaka*/
.cardCostaparaka{
    border: none;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.colCostaparaka{
    padding-bottom: 15px;
}



.imgCostaparaka{
    border-radius: 15px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.pIconCTP{
    margin-bottom: 10px;
}

.selectCP{
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: gray;
    margin: 0 0 16px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fcfcfc;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    opacity: 1;
    border-radius: 20px;
}
        /*******/
        /************************Cards-estilo y organizaciòn******************************/

        .icon-ubi {
            width: 30px;
            height: 25px;
            margin: -0.5em;
        }

        .icons li {
            display: inline-block;
            font-size: 15px;
            margin: 1px;
            margin-right: 10px;
            padding: 10px 0 0 0;
            line-height: 10px;
        }

        .icons {
            width: 100%;
            display: block;
            padding: 15px;
        }

        .numbers {
            font-size: 30px;
            font-weight: 500;
            text-align: center;
            margin: 0.5em;
            margin-top: -2em;
            margin-right: auto;
            z-index: 3;
        }

        .cards-inicio .card .titulo_inicio {
            color: #C2C3C7;
            border: none;
            background: transparent;
        }

        .liston::before {
            position: absolute;
            top: 0;
            left: -4em;
            display: block;
            box-sizing: border-box;
            content: "¡Nuevo!";
            text-transform: uppercase;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 13px;
            text-align: center;
            font-weight: 700;
            color: white;
            background: rgb(11, 58, 219);
            height: 40px;
            width: 150px;
        }

        .liston::before {
            background: transparent;
            height: 0;
            width: 150px;
            border: 25px solid rgb(11, 58, 219);
        }

        .liston::before {
            border: 25px solid yellow;
            border-bottom: 25px solid rgb(11, 58, 219);
            line-height: 23px;
        }

        .liston::before {
            border: 25px solid transparent;
            border-bottom: 25px solid rgb(11, 58, 219);
            line-height: 23px;
        }

        .liston::before {
            transform: rotate(-45deg);
        }

        .liston::before {
            box-shadow: 0px 3px 5px -3px #000;
        }

        @media (max-width: 400px) {

            .cards-inicio .card .oficina {
                margin-right: 0;
                text-align: center;
            }

            .glider-slide img {
                max-width: none;
            }
            .caja-ubi {
                display: flex;
                width: 100%;
                justify-content: center;
            }
            .caja-ubi2 {
                margin-right: 0;
            }
            .caja-ubi3 {
                margin-right: 0;
            }
        }
        /*******/

        .fondo {
            background-image: url('../images/fondo.webp');
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            min-height: 750px;
            padding: 15px;
        }

        .fondo .container {
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border-radius: 20px;

        }
        .fondo .containerbusqueda {
            color: #e4e1e1;
        }
        .btn-busqueda {
            background-color: #d8082b;
            color: white;
            font-weight: 600;
            transition: all .5s ease-in-out;
            border-radius: 20px;
            z-index: 0 !important;
        }

        .btn-busqueda:hover {
            background-color: #e50246;
            color: white;
            font-weight: 600;
        }

        .btn-busqueda:active {
            background-color: #d30039 !important;
            color: white !important;
            outline: none !important;
            transition: all 0.5s ease;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
            /* Otros estilos específicos para el estado activo */
        }

        .btn-busqueda:focus {
            outline: none !important;
            transition: all 0.5s ease;
            border: none;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        }

        .mas_opc:hover {
            color: rgb(218, 218, 218) !important;
            text-decoration: none;
        }
        /******/


        /****/

        .item2 {
            background-color: darken(seagreen, 15);
            padding: 0 2rem;
            margin: 1.5rem;
            color: black;
        }

        .icon-container {
            font-size: 66px;
            color: #fff;
            background-color: #013f62;
            height: 140px;
            width: 140px;
            border-radius: 50%;
            text-align: center;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .icon-container .icon-links {
            line-height: 1.3;
        }

        .icon-container .icon-links .venta_alk {
            margin-top: 0 !important;
            margin-bottom: 0.2rem;
            font-size: 20px;
            margin: auto;
        }

        @media(min-width:768px) and (max-width:824.98px) {

            div.barra-footer {
                width: 100% !important;
                margin-left: 0px !important;
            }
            div.barra-footer .icono2 {
                margin: 0 !important;
            }
        }
        /* Headlines-darck */

        h3.headline {
            font-size: 38px;
            font-size: 600px;
            cursor: pointer;
        }

        h4.headline {
            font-size: 25px;
            line-height: 32px;
            margin: -5px 0 30px 0;
            font-size: 600px;
            cursor: pointer;
        }

        .icon-box-1 {
            margin: 10px 0px;
        }

        .icon-box-1 .icon-container {
            margin: auto;
        }

        .icon-box-1 h3 {
            padding: 0px 10px;
        }

        .venta_alk:hover {
            color: white;
            font-family: cursive;
        }
        /********************/

        .container_dock {
            text-transform: initial;
            color: rgba#9c9c8d;
            width: 600px;
            height: 200px;
            margin-bottom: 3rem auto;
            display: flex;
            align-items: center;
            font-size: 30px;
            padding-left: 60px;
            padding-right: 60px;
            margin-left: 198px;
            margin-right: 160px;
        }
        /*letras de imagenes grandes*/

        .titulo-cuatro,
        .titulo-cuatro1 {
            position: absolute;
            width: 100%;
            top: 50%;
            right: 50%;
            z-index: 101;
            transform: translate(50%, -50%);
        }
        /*formatear h3 para quitar estilos que se agregaron de frente en la etiqueta */

        .titulo-cuatro>h3,
        .titulo-cuatro1>h3 {
            margin-left: 0;
        }
        /*estilo de etiqueta <a>*/

        .fondo_img_locales {
            border: none;
            display: inline-block;
            height: 350px;
            width: 100%;
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            z-index: 0;
        }

        .fondo_img_locales .contenido-propiedades {
            position: absolute;
            z-index: 101;
            width: 100%;
            top: 40%;
        }

        .fondo_img_locales:hover {
            text-decoration: none;
        }

        .fondo_img_locales:hover::before {
            background-color: #013f62;
            opacity: 0.7;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            content: "";
            z-index: 99;
            transition: 0.3s ease-out;
        }
        /*estilo de etiqueta <div>  q contiene imagen*/

        .fondo_img {

            background-size: cover;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: bottom;
            transition: transform 0.35s ease-out;
            position: relative;
        }

        .fondo_img::before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.171);
        }

        .fondo_img_locales:hover .fondo_img {
            transform: scale(1.06);
        }
        /************************* estilos footer **************/
        /************************* estilos footer **************/

        .padR{
            padding-right: 10px;
        }

        ul.footer-links {
            float: left;
            padding-right: 25px;
            line-height: 32px;
        }

        .footer-links a:hover {
            border-left: 5px solid white;
            transition: all 0.25s;
            color: #093d62 !important;
            font-weight: bold;
        }

        .enlacesU{
            background-color: transparent !important;
            border: none !important;
            padding: 5px 20px;
        }

        .icono{
            color: #1877F2;
            transition: all .5s ease-in-out;
        }

        .link{
            padding: 10px 15px;
            border-radius: 10px; /* Ajusta este valor según sea necesario */
            display: inline-block;
        }



        .fb{
            transition: all .5s ease-in-out;

        }

        .fb:hover {
            background-color: #1877F2;
            .icono{
                color: white !important;
            }
        }

        .twitter{
            transition: all .5s ease-in-out;
        }

        .twitter:hover {
            background-color: black;
            .icono{
                color: white !important;
            }
        }

        .youtube{
            transition: all .5s ease-in-out;
        }

        .youtube:hover {
            background-color: rgb(196, 48, 43);
            .icono{
                color: white !important;
            }
        }

        .instagram{
            transition: all .5s ease-in-out;
        }

        .instagram:hover {
            background-color: rgb(223, 27, 100);
            .icono{
                color: white !important;
            }
        }

        .linkedin{
            transition: all .5s ease-in-out;
        }

        .linkedin:hover {
            background-color: rgb(14, 118, 168);
            .icono{
                color: white !important;
            }
        }


.footerColor {
    background: linear-gradient(180deg, rgba(190, 188, 191, 1) 0%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);
}

.tituloFooter{
    color: #212529BF;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.pFooter{
    color: #212529BF;
    margin: 0;
    text-align: center;
}

.pFooter a {
    display: block;
    max-width: 100%; /* Establece un ancho máximo igual al 100% del contenedor padre */
    overflow: hidden; /* Oculta cualquier contenido que se salga del ancho máximo */
    white-space: nowrap; /* Evita el salto de línea si el texto es muy largo */
    text-overflow: ellipsis; /* Hace que el enlace se comporte como un elemento de bloque */
}




.linksFooter{
    color: #212529BF;
    text-decoration: none;
    font-weight: 500;
}

.linksFooter:hover{
    text-decoration: underline;
    color: #0d6efd;
}


.ctnColum{
    padding: 20px;
    align-items: start;
}



.listIconos{
    padding-top: 20px;
}

        .num-correo a.text-muted:hover {
            color: #093d62 !important;
            font-weight: bold;
        }

        div.barra-footer {
            margin: 10px;
            width: 240px;
        }

        .iconos-menu {
            width: 50%;
        }

        @media (max-width:1024px) {
            .iconos-menu {
                width: 50%;
                margin-left: 30px;
            }
            div.barra-footer {
                width: 250px;
                margin-left: -30px;
            }
        }

        @media (max-width:768px) {
            .iconos-menu {
                width: 32%;
            }
            div.barra-footer {
                width: 250px;
                margin-left: -45px;
            }
        }

        @media (max-width:540px) {
            .iconos-menu {
                width: 47%;
                margin-left: -6px;
            }
            div.barra-footer {
                width: 100%;
                padding-left: 170px;
            }
        }

        @media (max-width:414px) {
            .iconos-menu {
                width: 79%;
                padding-right: 49px;
            }
            div.barra-footer {
                padding-left: 108px;
            }
        }

        @media (max-width:375px) {
            .iconos-menu {
                width: 88%;
                padding-left: 3px;
            }
            div.barra-footer {
                padding-left: 80px;
            }
        }

        @media (max-width:360px) {
            .iconos-menu {
                width: 92%;
                padding-left: 1px;
            }
            div.barra-footer {
                padding-left: 68px;
            }
        }

        @media (max-width:320px) {
            li.intranet {
                width: 100%;
            }
            .iconos-menu {
                width: 107%;
            }
            div.barra-footer {
                padding-left: 11px;
                margin-left: 5px;
            }
        }

        @media (max-width:280px) {
            .iconos-menu {
                width: 240px;
                padding-right: 6px;
                margin-right: -3px;
            }
            div.barra-footer {
                width: 250px;
                margin-left: -20px;
            }
        }
        /************************* Nosotros **************/
        /* MENÚ VERTICAL**/

        .nav-2 ul li a {
            line-height: 24px;
        }
        /*hover effect on links*/

        .nav-2 ul li a:hover {
            border-left: 5px solid white;
            transition: all 0.25s;
            color: #093d62;
            font-weight: bold;
        }
        /** BANNER ****/

        .parallax {
            padding-top: 90px;
            padding-bottom: 90px;
            overflow: hidden;
            position: relative;
            width: 100%;
            height: 50%;
            background-image: url('../images/img-nosotros.jpeg');
            background-attachment: fixed;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top center;
            opacity: 0.9;
        }

        .parallax:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.6);
        }

        .nav-1 {
            position: absolute;
            right: 15px;
            display: inline-block;
            font-weight: 500;
            top: 0%;
        }

        .nav-1 a.nav-link:hover {
            color: #9b9b9b !important;
        }

        @media(max-width:767px) {
            .nav-1 {
                position: relative;
            }
            .parallax {
                padding-top: 50px;
                padding-bottom: 50px;
            }
        }
        /*** CUERPO *****/

        .text-nosotros {
            color: #707070;
            line-height: 27px;
            font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
        /************************* Servicios **************/

        .cardServicio{
            border: none;
            border-radius: 10px;
            box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1) ;
        }

        .imgServicio{
            border-radius: 10px;
        }

        * {
            padding: 0;
            margin: 0;
        }

        body {
            width: 100%;
            font-family: 'PT Sans', sans-serif;
        }

        #imagen-parallax {
            /*recrea el efcto parallax */
            background: #fff fixed no-repeat 50% 50%;
            background-size: cover;
            background-image: url('https://www.alfredograf.com/images/slide-servicios.webp');
            /*imagen para disponer a descargarlo */
            background-attachment: fixed;
            padding: 90px 0;
            position: relative;
        }

        #imagen-parallax:before {
            /*Genera un contenedor para el efcto sombra alineandose con la imagen*/
            content: "";
            background-color: rgb(51, 51, 51);
            position: absolute;
            opacity: 0.7;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        #alineacion nav {
            /*Genera la posicion [Inicio > Nuestros Servicios] a lugar extremo derecho*/
            position: absolute;
            right: 15px;
            display: inline-block;
            font-size: 18px;
            font-weight: 500;
            top: 0;
        }

        @media (max-width: 765px) {
            /*Brinda los espacios para acomodar al encoger la pantalla*/
            /*[Nuestros Servicios] queda arriba miestras [Inicio > Nuestros Servicios]
							se mantiene abajo*/
            #alineacion nav {
                position: relative;
                right: 0;
                top: 0;
                transform: none;
                padding: 0;
            }
            #alineacion ul {
                padding-left: 10px;
            }
        }

        .col-md-8 {
            /* Genera el acomodamiento del contenido */
            align-items: center;
            padding-left: 35px;
            padding-right: 35px;
            margin-right: auto;
        }

        .img-servicio img {
            /*Se acomoda la imagen del parrafo */
            float: right;
            margin-left: 20px;
            margin-top: 15px;
        }

        @media (max-width: 767.98px) {
            .img-servicio img {
                /*Se acomoda la imagen del parrafo */
                width: 100%;
            }
        }

        .col-md-8 #seccion p {
            padding-right: 1px;
        }

        #contenidos {
            /*Alineo el conetido total para que este dentro del borde */
            text-align: justify;
            margin-top: 35px;
            box-shadow: 0px 0px 3px #848484;
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 15px;
        }



        .col-md-4 ul li i {
            padding-right: 5px;
        }
        /************************* Propiedad **************/

        .mul-select {
            width: 100%;
        }


        /********************** direcComercial**************/

        .banner-direcComer {
            padding-top: 90px;
            padding-bottom: 90px;
            background: #f8f9fa;
        }
        /********************** contacto **************/

        .select2 {
            width: 100% !important;
        }

        @media (max-width: 768px) {
            .mapa {
                height: 300px;
            }
        }

        .cardContacto{
            border: none;
            border-radius: 10px;
            box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1) ;
        }

        /********************** inmuebles **************/



        #map {
            width: 100%;
            height: 500px;
        }

        .contenido_inmueble {
            width: 300px;
            height: 410px;
        }

        .oculto ul li a:hover {
            color: #013f62 !important;
        }

        .etiqueta {
            color: #ffffff;
            background-color: #013f62;
            position: absolute;
            z-index: 2;
            top: 10px;
            border-radius: 0px 120px 120px 0px;
            text-align: center;
            box-shadow: 5px 5px 10px rgb(255, 255, 255);
            -moz-box-shadow: 1px 1px 5px rgb(255, 255, 255);
            -webkit-box-shadow: 1px 1px 5px rgb(255, 255, 255);
            left: -15px;
            padding: 3px 10px;
            right: 0px;
            width: 120px;
        }

        .precio {
            color: #ffffff;
            background-color: #013f62;
            position: absolute;
            z-index: 2;
            top: 150px;
            border-radius: 0px 120px 120px 0px;
            box-shadow: 5px 5px 10px rgb(255, 255, 255);
            -moz-box-shadow: 1px 1px 5px rgb(255, 255, 255);
            -webkit-box-shadow: 1px 1px 5px rgb(255, 255, 255);
            left: -15px;
            padding: 3px 10px;
            width: 120px;
        }

        .forma {
            width: 0px;
            height: 0px;
            line-height: 0px;
            border-left: 15px solid transparent;
            border-top: 10px solid #066374;
            position: absolute;
            top: 100%;
            left: 0px;
        }



        .list-view .row>[class*=col-] {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .list-view .card {
            flex-direction: row;
        }

        @media (max-width: 575.98px) {
            .list-view .card {
                flex-direction: column;
            }
        }

        .list-view .card>.card-img-top {
            width: 100%;
            height: 220px;
            object-fit: cover;
            object-position: center;
        }

        .list-view .card .card-body {
            display: inline-block;
        }
        /** BANNER ****/

        .parallaxIn {
            padding-top: 30px;
            padding-bottom: 30px;
            position: relative;
            width: 100%;
            height: 50%;
            background-image: url('../images/slide-bus-1.jpg');
            background-attachment: fixed;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top center;

        }

        .parallaxIn h4 {
            color: white;
            opacity: 0.9;
            margin-bottom: 0;
        }


        .parallaxIn:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.6);

        }




        .short-by {
            width: 90%;
        }

        .short-by-select {
            float: right;
        }

        .mapa-inm {
            padding-bottom: 0px !important;
        }

        @media(max-width:768px) {
            .short-by {
                width: auto;
            }
            .parallaxIn {
                padding-top: 50px;
                padding-bottom: 50px;
            }
            .bajar-medida {
                padding-top: 0px !important;
                margin-top: 0px !important;
                padding-bottom: 0px !important;
            }
        }
        /***jhoby**/

        .fil-color {
            background-color: #013f62!important;
        }

        .info {
            height: 250px;
            overflow: auto;
        }

        .info::-webkit-scrollbar {
            -webkit-appearance: none;
        }

        .info::-webkit-scrollbar:vertical {
            width: 10px;
        }

        .info::-webkit-scrollbar-button:increment,
        .info::-webkit-scrollbar-button {
            display: none;
        }

        .info::-webkit-scrollbar:horizontal {
            height: 10px;
        }

        .info::-webkit-scrollbar-thumb {
            background-color: #797979;
            border-radius: 20px;
            border: 2px solid #f1f2f3;
        }

        .info::-webkit-scrollbar-track {
            border-radius: 10px;
        }

        .trigger .fa-plus-circle {
            position: absolute;
            right: 10%;
            margin-top: 3%;
            font-size: 26px;
            transform: translate3d(0, -50%, 0) rotate(0);
            transition: 0.2s;
        }

        .active .fa-plus-circle {
            transform: translate3d(0, -50%, 0) rotate(45deg);
        }

        .oculto .lista_filtro .navbar-brand {
            margin-right: 0!important;
        }

        .lista_filtro {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        /********************** Preguntas Frecuentes / Clientes **************/

        .accordion-button:focus {
            box-shadow: none;
        }


        .back-to-listings .fa-chevron-left::before {
            font-size: 25px;
            line-height: 58px;
            left: -1px;

        }

        #titlebar {
            background-color: #f8f8f8;
            position: relative;
            padding: 90px 0;
        }

        #titlebar h2 {
            font-size: 32px;
            line-height: 40px;
            margin: 1px 0 3px 0;
        }



        #titlebar .navbar .nav-item {
            padding-left: 16px;
        }

        #titlebar .navbar ul li a:hover {
            color: #888;
        }

        .style-2 .trigger a {
            border: none;
            margin: auto;
            text-transform: none;
            font-size: 17px;
            font-weight: 500;
            background-color: transparent;
            color: #333;
            padding-right: 60px;
            /*ayuda separar*/
            padding-bottom: 20px;
            text-decoration: none;
        }

        .trigger a {
            display: block;
            cursor: pointer;
            position: relative;
        }

        .trigger a i {
            margin: 0 4px 0 0;
        }

        .trigger .bi {
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

        .bi-pin-angle:before {
            content: "\e031";
            padding-top: 10px;
        }

        .trigger .bi-plus-circle {
            position: absolute;
            right: 0;
            top: 15%;
            font-size: 26px;
            transform: rotate(45deg);
            transition: 0.2s;
        }

        .collapsed .bi-plus-circle {
            position: absolute;
            right: 0;
            top: 15%;
            font-size: 26px;
            transform: translate3d(0, -1%, 0) rotate(0deg);
        }

        .toggle-wrap{
            border-bottom: 1px solid #e0e0e0;
        }

        .txtTW{
            text-decoration: none;
            color: white;
        }

        .style-2 .toggle-wrap {
            border-bottom: 1px solid #e0e0e0;
            padding-top: 5px;
        }

        .style-2 .trigger a i {
            padding-right: 6px;
        }

        .toggle-wrap .card.card-body ul {
            padding-left: 20px;
        }

        .toggle-wrap .card.card-body ul li {
            color: black;
        }

        #contenedor .col-md-12 {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
        }

        #contenedor ul.glosario-clientes {
            padding-right: 15px;
            padding-left: 15px;
            padding-top: 15px;
            padding-bottom: 15px;
            float: left;
            margin: 15px 0px;
            width: 100%;
            list-style-type: none;
            box-shadow: 0px 0px 3px #848484;
        }

        #contenedor ul {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
        }

        @media screen and (min-width:768px) {
            #contenedor ul.glosario-clientes li {
                padding-right: 2px;
                display: inline;
                padding-left: 2px;
                float: left;
                padding-bottom: 2px;
                width: 50%;
                padding-top: 2px;
                /*font-family:courier,arial,helvética;*/
                font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            }
        }

        #contenedor ul.glosario-clientes li {
            box-sizing: border-box;
            text-align: -webkit-match-parent;
            /*text-transform: uppercase;*/
            /*covierte en mayuscula */
        }

        #contenedor ul.glosario-clientes .bi {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            /*tamaño d letras*/
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
        }

        .gridCliente{
            border: none;
            margin: 10px;
            margin-bottom: 20px;
            background-color: white;
            color: black;
            height: 75px;
            width: 350px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .95rem;
            font-weight: 500;
            border-radius: 15px;
            cursor: pointer;
            text-decoration: none;
            box-sizing: border-box;
            box-shadow: 3px 3px red, -.5em 0 .4em #013f62;
        }

        .rowCliente{
            margin-top: 40px;
            justify-content: space-evenly;
        }

        .nombreCliente {
            transition: transform 0.3s ease-in-out; /* Agregamos una transición solo al texto */
        }

        .gridCliente:hover .nombreCliente {
            transform: scale(1.08); /* Leve zoom solo al texto al hacer hover */
        }
        .gridCliente:hover{
            color: #de0312;
        }

        @media screen and (max-width: 844px) {
            .gridCliente {
                height: 110px;
                width: 120px;
                font-size: 0.7rem;
                font-weight: 500;
            }
        }
        /********************** Glosario **************/

        ul.glosario {
            padding-right: 15px;
            padding-left: 15px;
            float: left;
            padding-bottom: 15px;
            margin: 15px 0px;
            width: 100%;
            padding-top: 15px;
            list-style-type: none;
            box-shadow: 0px 0px 3px #848484;
        }

        @media screen and (min-width: 768px) {
            ul.glosario li {
                padding-right: 2px;
                display: inline;
                padding-left: 2px;
                float: left;
                padding-bottom: 2px;
                width: 50%;
                padding-top: 2px;
            }
        }

        ul.glosario li a {
            color: #013f62;
            font-weight: bold;
            font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-decoration: none;
        }

        ul.glosario .bi {
            font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            line-height: 2;
        }
        /****************estilo-propiedad-inmueble ************/

        #titlebar-prop-pachac.propiedad-titulo-barra {
            background: linear-gradient(to bottom, #f7f7f7 0%, rgba(255, 255, 255, 0.5));
            padding: 55px 0;
            padding-bottom: 45px;
        }

        #titlebar-prop-pachac {
            position: relative;
        }

        #margin-botton-0 {
            margin-bottom: 0 !important;
        }

        @media (max-width: 767px) {
            a.back-to-listings {
                display: none;
            }
        }

        .back-to-listings {
            height: 60px;
            width: 60px;
            background-color: #eaeaea;
            color: #a0a0a0;
            border-radius: 3px;
            float: left;
            margin: 0 25px 0 0;
            text-align: center;
            transition: all 0.4s;
            position: absolute;
            top: 50%;
            left: 15px;
            margin-top: -5px;
            transform: translateY(-50%);
        }
        /*
  .back-to-listings::before {
    font-family: "Font Awesome 5 Brands ";
    content: "\f060";
    font-size: 36px;
    line-height: 58px;
    left: -1px;
    position: relative;
    color: black !important;
  }*/

        .back-to-listings:hover {
            background-color: #013f62;
            transform-style: preserve-3d;
            text-decoration: none;
            transition: all ease 0.3s;
            color: white;
        }

        .propiedad-titulo {
            margin-left: 85px;
            font-weight: 500;
        }

        @media (max-width: 767px) {
            .propiedad-titulo {
                margin-left: 0px;
                margin-bottom: 0px;
            }
        }

        #titlebar-prop-pachac.propiedad-titulo-barra h2 {
            font-size: 28px;
            line-height: 36px;
            margin: 1px 0;
        }

        #titlebar-prop-pachac.propiedad-titulo-barra span.propiedad-badge {
            background-color: #013f62;
            margin: 0;
            padding: 4px 11px;
            line-height: 24px;
            border-radius: 3px;
            color: #fff;
            font-size: 13px;
            position: relative;
            top: -4px;
            margin-left: 4px;
        }

        #titlebar-prop-pachac.propiedad-titulo-barra span {
            font-size: 17px;
            color: #888;
            margin-top: 5px;
            display: inline-block;
            margin-bottom: 3px;
        }

        #titlebar-prop-pachac.propiedad-titulo-barra span a {
            font-size: 17px;
            color: #888;
            margin-top: 5px;
            display: inline-block;
            margin-bottom: 3px;
        }

        #titlebar-prop-pachac.propiedad-titulo-barra span a:hover {
            text-decoration: none;
            transform-style: preserve-3d;
            transition: all ease 0.3s;
            color: #5f5f5f;
        }

        a.lista-direccion {
            line-height: 24px;
        }

        .lista-direccion {
            top: -7px;
            position: relative;
        }

        .lista-direccion i {
            padding-right: 3px;
            line-height: 0;
        }

        .propiedad-precios {
            position: absolute;
            right: 15px;
            display: inline-block;
            font-size: 28px;
            font-weight: 500;
            top: 50%;
            transform: translateY(-50%);
            text-align: right;
            line-height: 34px;
        }

        @media (max-width: 767px) {
            .propiedad-precios {
                left: 0;
                margin-top: 20px;
                position: relative;
                text-align: left;
                transform: translateY(-130%);
            }
        }

        .propiedad-precio {
            color: #013f62;
        }

        .propiedad-precios .sub-precio {
            font-size: 19px;
            color: #999;
        }
        /*------------CARRUSEL-------------------- */

        .owl-carousel,
        .carrusel-control-next,
        .carousel-fade .carousel-item.active {
            z-index: 0 !important;
        }

        .carrusel-control-prev {
            left: 40px;
        }

        .carrusel-control-prev .fa-chevron-left::before {
            left: -1px;
        }

        .carrusel-control-next .fa-chevron-right::before {
            left: 1px;
        }

        .carrusel-control-prev i::before,
        .carrusel-control-next i::before {
            font-size: 30px;
            line-height: 50px;
            position: relative;
            z-index: 1;
            color: white;
        }

        .carrusel-control-prev,
        .carrusel-control-next {
            /*GENERA EL CONTORNO PARA REDUICIR A CIRCULO*/
            font-size: 0px;
            line-height: 0;
            position: absolute;
            top: 50%;
            z-index: 990;
            font-family: "FontAwesome";
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            padding: 0;
            cursor: pointer;
            border: none;
            outline: none;
            text-align: center;
        }

        .carrusel-control-prev::after,
        .carrusel-control-next::after {
            background-color: #013f62;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            content: "";
            opacity: 0.85;
            transition: all 0.35s;
        }

        .carrusel-control-next {
            right: 40px;
        }

        .item ul {
            list-style: none;
        }



        span.carrusel-control-next-icon:hover {
            background-color: #00809e;
            transform-style: preserve-3d;
            transform: scale(1.02);
            transition: all ease 0.3s;
            color: white;
        }

        .box:hover {
            transform-style: preserve-3d;
            transform: scale(1.02);
            transition: all ease 0.3s;
        }
        /*-------MURO DE DESCRIPCION-------*/

        .property-main-feactures {
            background: linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6);
            border-radius: 3px;
            margin: 0;
            padding: 0 30px 24px 30px;
            font-weight: 500;
        }

        .property-main-feactures li:last-child {
            margin: 0;
        }

        .property-main-feactures li {
            font-size: 17px;
            color: #888;
            display: inline-block;
            margin-right: 44px;
            padding: 24px 0 0 0;
            line-height: 30px;
        }

        .property-main-feactures li span {
            display: block;
            color: #444;
        }
        /*-----DESCRIPCION------*/

        .property-description h3.desc-headline {
            font-size: 22px;
            margin: 50px 0 25px 0;
            padding-bottom: 25px;
            border-bottom: 1px solid #eaeaea;
            color: #013f62;
        }

        p.show-more {
            margin-bottom: 0;
        }

        .show-more {
            max-height: 120px;
            overflow: hidden;
            position: relative;
            transition: max-height 1s;
            font-weight: 500;
        }

        .show-more::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 180%;
            display: block;
            background: linear-gradient(rgba(255, 255, 255, 0), #fff 88%);
            z-index: 9;
            opacity: 1;
            visibility: visible;
            transition: all 1s;
        }

        .show-visible {
            max-height: 2000px;
            font-weight: 500;
            color: #707070;
        }

        a.show-more-button {
            color: #013f62;
            font-size: 100%;
            font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-decoration: none;
        }

        .show-more-button {
            bottom: -15px;
            left: 0;
            margin-left: 50%;
            transform: translateX(-50.5%);
            z-index: 10;
            text-align: center;
            display: block;
            opacity: 1;
            visibility: visible;
            transition: all 0.3s;
        }

        .show-more-button i {
            margin-left: 3px;
        }

        a.show-more-button:hover {
            color: grey;
        }

        a.show-more-button .fa {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
        }

        .fa-angle-sown::before {
            content: "\f107";
        }
        /*----DATOS PRINCIPALES---*/

        .margin-top-0 {
            margin-top: 0 !important;
        }

        @media(max-width:769px) {
            .property-features {
                columns: 1!important;
            }
        }

        .property-features {
            width: 100%;
            display: block;
            list-style: none;
            margin: 0;
            padding: 0;
            columns: 3;
            padding-bottom: 20px;
        }

        .property-features li {
            color: #333;
            display: block;
            margin: 0 0 7px 0;
            padding: 0;
            font-weight: 500;
        }

        .property-features li span {
            color: #707070;
        }
        /*---------AGENTE------- */

        .sticky {
            margin-bottom: 50px;
        }

        .sidebar .widget:last-child {
            margin-bottom: 0 !important;
        }

        .sidebar .widget {
            position: relative;
        }

        .agent-widget {
            background-color: #fff;
            color: #707070;
            border-radius: 4px;
            padding: 32px;
            box-shadow: 0px 0px 10px 0px rgb(0 0 0 /10%);
            transition: 0.25s;
            margin-bottom: 30px;
        }

        .agent-title {
            position: relative;
            display: block;
            margin-bottom: 30px;
        }

        .agent-title .agent-photo {
            float: left;
            display: block;
        }

        .agent-title .agent-photo img {
            border-radius: 50%;
            max-width: 72px;
        }

        .agent-details {
            margin-left: 92px;
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        .agent-widget h4 {
            margin: 0px 0 6px 0;
            font-size: 18px;
        }

        .agent-details h4 p {
            color: #013f62;
            text-decoration: none;
        }

        .agent-details h4 p:hover,
        .agent-details span p:hover {
            color: #333;
        }

        .agent-details span p {
            color: #013f62;
            text-decoration: none;
            font-weight: 400;
            margin: 0;
        }

        .agent-details span i {
            position: relative;
            top: 0px;
            margin-right: 5px;
        }

        .clearfix::before,
        .clearfix::after {
            content: " ";
            display: table;
        }

        .agent-widget input,
        input[type="text"],
        input[type="tel"],
        input[type="email"],
        input[type="search"],

        textarea {
            height: 38px;
            line-height: 38px;
            padding: 0 20px;
            outline: none;
            font-size: 15px;
            color: gray;
            margin: 0 0 16px;
            max-width: 100%;
            width: 100%;
            box-sizing: border-box;
            display: block;
            background-color: #fcfcfc;
            font-weight: 500;
            border: 1px solid #e0e0e0;
            opacity: 1;

        }

        .agent-widget textarea {
            min-height: 130px;
            transition: none !important;
            min-width: 100%;
            height: auto;
            line-height: 27px;
            padding: 20px;
        }

        button.button {
            top: 0;
            padding: 10px 20px;
            color: #fff;
            position: relative;
            font-size: 15px;
            font-weight: 500;
            display: inline-block;
            transition: all 0.2s ease-in-out;
            cursor: pointer;
            margin-right: 6px;
            overflow: hidden;
            border: none;
            border-radius: 3px;
            background-color: #013f62;
        }

        .margin-top-5 {
            margin-top: 5px !important;
        }

        button.button::before {
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            background-color: #fff;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            transition: all 0.2s;
        }

        .hide {
            display: none !important;
        }

        .carrusel_cards_anterior .fa-chevron-left {
            font-size: 30px;
            top: 3%;
            right: 10%;
        }

        .carrusel_cards_siguiente .fa-chevron-right {
            font-size: 30px;
            top: 3%;
            right: 5%;
        }

        .lista_elementos {
            padding-left: 0px;
            overflow-x: -moz-hidden-unscrollable;
        }

        .number_pro::-webkit-inner-spin-button,
        .number_pro::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .number_pro {
            -moz-appearance: textfield;
        }
        /* PAGINA BLOG */
        button {
            position: relative;
            display: inline-block;
            cursor: pointer;
            outline: none;
            border: 0;
            vertical-align: middle;
            text-decoration: none;
            background: transparent;
            padding: 0;
            font-size: inherit;
            font-family: inherit;
        }

        button.learn-more {
            width: 12rem;
            height: auto;
        }

        button.learn-more .circle {
            transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
            position: relative;
            display: block;
            margin: 0;
            width: 3rem;
            height: 3rem;
            background: #282936;
            border-radius: 1.625rem;
        }

        button.learn-more .circle .icon {
            transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            background: #fff;
        }

        button.learn-more .circle .icon.arrow {
            transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
            left: 0.625rem;
            width: 1.125rem;
            height: 0.125rem;
            background: none;
        }

        button.learn-more .circle .icon.arrow::before {
            position: absolute;
            content: "";
            top: -0.24rem;
            right: 0.0625rem;
            width: 0.625rem;
            height: 0.625rem;
            border-top: 0.125rem solid #fff;
            border-right: 0.125rem solid #fff;
            transform: rotate(45deg);
        }

        button.learn-more .button-text {
            transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 0.75rem 0;
            margin: 0 0 0 1.85rem;
            color: #282936;
            font-weight: 700;
            line-height: 1.55;
            text-align: center;
            text-transform: uppercase;
        }

        button:hover .circle {
            width: 100%;
        }

        button:hover .circle .icon.arrow {
            background: #fff;
            transform: translate(1rem, 0);
        }

        button:hover .button-text {
            color: #fff;
        }
        .card-title a {
        display: inline-block;
        line-height: normal;
    }

        .blog-span {
            font-size: 20px;
            color: #888;
            margin-bottom: 3px;
            margin-top: 6px;
            display: inline-block;
        }

        .nav-blog {
            position: absolute;
            right: 15px;
            display: inline-block;
            font-weight: 500;
            top: 50%;
            transform: translateY(-50%);
        }

        .blog-sidebar {
            min-height: 20px;
            padding: 19px;
        }

        .input-search {
            max-width: 270px;
            height: 45px;
        }

        .input-search .form-control {
            height: 100%;
        }

        .blog-sidebar .categorias-titulo {
            font-size: 23px;
            color: #575858;
            margin-bottom: 1.5em;
        }

        .blog-sidebar .post {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            display: flex;
            flex-wrap: nowrap;
            padding-bottom: 12px;
            margin-top: 15px;
        }
        /*Redes sociales del bolg barra izquierda*/

        /*.social-bar {
            display: flex;
            flex-wrap: wrap;
        }

        .social-bar .social-item {
            list-style: none;
            display: block;
            margin-right: 5px;
            margin-bottom: 5px;
            text-align: center;
        }

        .social-bar .social-item .btn-social {
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            text-decoration: none;
            padding: 0;
            align-items: center;
            background-color: #f3f3f3;
            color: #797979;
            font-size: 19px;
            transition: all 0.3s ease-in-out;
        }

        .social-bar .social-item .social-facebook:hover {
            background-color: rgb(43, 46, 221);
            color: #fff;
        }

        .social-bar .social-item .social-twitter:hover {
            background-color: rgb(0, 172, 238);
            color: #fff;
        }

        .social-bar .social-item .social-youtube:hover {
            background-color: rgb(196, 48, 43);
            color: #fff;
        }

        .social-bar .social-item .social-instagram:hover {
            background-color: rgb(223, 27, 100);
            color: #fff;
        }

        .social-bar .social-item .social-linkedin:hover {
            background-color: rgb(14, 118, 168);
            color: #fff;
        }*/
        .sociales a {
            display: inline-block;
            border-radius: 50%;
            text-align: center;
            font-size: 20px;
            margin-right: 5px;
            margin-bottom: 10px;
        }

        .social-icon {
            transition: transform 0.3s;
            display: inline-block;
            border-radius: 50%;
            text-align: center;
            font-size: 16px;
            margin-right: 5px;
            padding: 8px 12px;
            margin-bottom: 10px;
            box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
        }

        @media only screen and (max-width: 576px) {
            .sociales a,
            .social-icon {
                margin-bottom: 5px;
                padding: 8px 12px;
                font-size: 18px;
            }

            @media only screen and (max-width: 300px) {
                .sociales a,
                .social-icon {
                    display: block; /* Cambia a bloque para que se vuelvan horizontales */
                    margin-right: 0; /* Elimina el margen derecho */
                    margin-bottom: 5px; /* Ajusta el margen inferior según sea necesario */
                }
            }
        }




        .social-icon:hover {
            transform: scale(1.2);
        }

        .post .post-left {
            margin-right: 10px;
            align-self: end;
            position: relative;
            border: 0;
        }

        .post .post-left .img-fluid {
            max-width: 80px;
        }

        .post .post-left::before {
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.329);
        }

        .post .post-left:hover:before {
            opacity: 1;
            transition: all ease 0.3s;
        }

        .post .post-body {
            color: #888;
            font-size: 13px;
            line-height: 1.5em;
        }

        .btn-titulo {
            border: 0;
            background-color: transparent;
        }

        .btn-titulo .post-heading {
            text-align: left;
            font-size: 15px;
            color: #013f62;
        }

        .post .post-body .post-heading:hover {
            color: #9a2442;
            transition: color ease .3s;
        }

        @media (max-width: 767.98px) {
            .input-search {
                max-width: 100%;
            }
            .nav-blog {
                position: relative;
                right: 0;
                top: 0;
                transform: none;
                width: 100%;
                padding: 0;
                margin-top: 20px;
            }
            .nav-blog .navbar-nav .nav-item:first-child {
                padding: 0% !important;
            }
        }

        .post-blog {
            box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 13%);
            background-color: #fff;
            width: 100%;
            border-radius: 3px;
            padding-bottom: 1.2rem;
        }

        .post-blog .portada-blog {
            position: relative;
            cursor: pointer;
            border: 0;
        }

        .post-blog .portada-blog::before {
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            background-color: rgba(0, 0, 0, 0.13);
        }

        .post-blog .portada-blog:hover:before {
            opacity: 1;
            transition: all ease 0.3s;
        }

        .post-blog .img-portada {
            border-radius: 3px;
        }

        .meta-post {
            color: #616161;
            font-size: 15px;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            padding: 0px 19px;
            margin-top: 15px;
        }

        .meta-post span {
            margin-right: 1em;
        }

        .meta-post span:nth-last-child(1) {
            margin: 0;
        }

        .meta-post .meta-left {
            width: 100%;
        }

        @media (max-width: 767.98px) {
            .meta-post .meta-left {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .meta-post .meta-left span:first-child {
                margin-bottom: 5px;
            }
        }

        .post-body {
            font-size: 16px;
            color: #575757;
            padding: 0px 19px;
        }

        .post-body p {
            margin-top: 1.1rem;
        }

        .title-post {
            padding: 0px 19px;
            font-size: 23px;
            color: #272727;
        }

        .post-body h4,
        .post-body h5,
        .post-body h6 {
            font-size: 18px;
            margin-bottom: 0px;
            color: #434343;
        }

        .post-body ul {
            margin-top: 1.1rem;
            padding-left: 50px;
        }

        .post-body ul li {
            margin: 10px 0px;
        }

        .leer-mas {
            padding: 0px 19px;
            color: #013f62;
            display: inline-block;
            position: relative;
            font-size: 20px;
            font-weight: 500;
            border: 0;
            background-color: transparent;
        }

        .leer-mas i {
            font-size: 25px;
            margin-top: 1;
            position: absolute;
            right: 0;
            bottom: 35%;
            transition: all ease 0.3s;
        }

        .leer-mas:hover {
            text-decoration: none;
            color: #9a2442;
        }

        .leer-mas:hover i {
            right: -5px;
        }

        .page-item {
            margin: 2px;
        }

        .pagination {
            flex-wrap: wrap;
        }

        .page-item a {
            border-radius: 3px !important;
            width: 50px;
            height: 45px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            background-color: #f2f2f2;
            color: #888;
        }

        .page-item a:hover {
            background-color: #013f62;
            border-color: #013f62;
            color: white;
        }

        .pagination .cols a {
            background-color: #013f62;
            border-color: #013f62;
            color: white;
        }

        .not-active {
            pointer-events: none;
            cursor: default;
        }

        .fecha-post {
            font-size: 16px;
            margin-top: 12px;
        }

        .redes-sociales-blog {
            padding: 10px 19px;
            padding-bottom: 15px;
        }

        .redes-sociales-blog a {
            position: relative;
            width: 85px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 11px;
            border: 1px solid;
        }

        @media (max-width: 510.98px) {
            .redes-sociales-blog a {
                margin-top: 5px;
            }
        }

        .btn-facebook {
            border-color: rgb(43, 46, 221) !important;
            color: rgb(43, 46, 221) !important;
        }

        .btn-facebook:hover {
            background-color: rgb(43, 46, 221) !important;
            border-color: rgb(43, 46, 221) !important;
            color: #fff !important;
        }

        .btn-twiter {
            border-color: rgb(0, 172, 238) !important;
            color: rgb(0, 172, 238) !important;
        }

        .btn-twiter:hover {
            background-color: rgb(0, 172, 238) !important;
            border-color: rgb(0, 172, 238) !important;
            color: #fff !important;
        }

        .btn-linkedin {
            border-color: rgb(14, 118, 168) !important;
            color: rgb(14, 118, 168) !important;
        }

        .btn-linkedin:hover {
            background-color: rgb(14, 118, 168) !important;
            border-color: rgb(14, 118, 168) !important;
            color: #fff !important;
        }

        .btn-instagram {
            border-color: rgb(223, 27, 100) !important;
            color: rgb(223, 27, 100) !important;
        }

        .btn-instagram:hover {
            background-color: rgb(223, 27, 100) !important;
            border-color: rgb(223, 27, 100) !important;
            color: #fff !important;
        }

        .btn-youtube {
            border-color: rgb(196, 48, 43) !important;
            color: rgb(196, 48, 43) !important;
        }

        .btn-youtube:hover {
            background-color: rgb(196, 48, 43) !important;
            border-color: rgb(196, 48, 43) !important;
            color: #fff !important;
        }

        .post-nav {
            display: flex;
            width: 100%;
            flex-wrap: nowrap;
            justify-content: space-between;
            margin-top: 1.1rem;
        }

        .post-nav li {
            display: block;
            margin: 12px;
            width: 50%;
        }

        .post-nav li .prev-post,
        .post-nav li .next-post {
            display: flex;
            flex-direction: column;
            font-size: 18px;
            position: relative;
            color: #707070;
        }

        .post-nav li .prev-post span,
        .post-nav li .next-post span {
            font-size: 16px;
        }

        .post-nav li .prev-post {
            align-items: flex-start;
            padding-left: 35px;
            text-align: -webkit-left;
            border: 0;
            background-color: transparent;
        }

        .post-nav li .next-post {
            align-items: flex-end;
            padding-right: 35px;
            text-align: -webkit-right;
            border: 0;
            background-color: transparent;
        }

        .post-nav li .prev-post i,
        .post-nav li .next-post i {
            position: absolute;
            display: block;
            top: 50%;
            transform: translateY(-50%);
            font-size: 30px;
        }

        .post-nav li .prev-post i {
            left: 0;
        }

        .post-nav li .next-post i {
            right: 0;
        }

        .post-nav li .prev-post:hover,
        .post-nav li .next-post:hover {
            text-decoration: none;
            color: #093d62;
        }

        .post-nav li .prev-post:hover span,
        .post-nav li .next-post:hover span {
            color: #888;
        }

        @media (max-width: 767.98px) {
            .post-nav li .prev-post i,
            .post-nav li .next-post i {
                display: none;
            }
            .post-nav {
                flex-direction: column;
            }
            .post-nav li {
                width: 100%;
            }
            .post-nav li .prev-post,
            .post-nav li .next-post {
                justify-content: flex-start;
                align-items: flex-start;
            }
            .post-nav li .prev-post {
                padding-left: 0;
                text-align: -webkit-left;
            }
            .post-nav li .next-post {
                padding-right: 0;
                text-align: -webkit-left;
            }
        }

        .user-about {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 30px;
            margin-bottom: 30px;
            border: none;
            box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
        }

        .user-about .about-content {
            display: flex;
            align-items: center;
        }

        .user-about img {
            width: 100px;
            margin-right: 20px;
        }

        .user-about .about-descrip {
            text-align: center;
        }

        .user-about .about-descrip a {
            text-decoration: none;
            font-size: 1em;
            font-weight: bold;
            padding: 10px 20px;
            border-radius: 5px;
        }

        @media (max-width: 540.98px) {
            .user-about {
                flex-direction: column;
                align-items: center;
            }
            .user-about .about-descrip {
                width: 100%;
                margin-left: auto;
                text-align: center;
                margin-top: 8px;
            }
        }

        input[type=search]::-ms-clear {
            display: none;
            width: 0;
            height: 0;
        }

        input[type=search]::-ms-reveal {
            display: none;
            width: 0;
            height: 0;
        }
        /* clears the 'X' from Chrome */

        input[type="search"]::-webkit-search-decoration,
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-results-button,
        input[type="search"]::-webkit-search-results-decoration {
            display: none;
        }
        /*estilo del mapa*/

        .diseño-mapa {
            margin: auto;
        }

        .banner-direcComer #dir-comercial .nav-1 {
            right: 0;
        }

        .google-map {
            width: 50%;
            height: 50%;
        }

        .fancybox-close-small {
            background: #8080805e!important;
            border-radius: 50%!important;
        }
        /*estilos inmueblesfiltros*/

        .card .card-body .titulo_inmueble {
            border: none;
            background: transparent;
        }

        .card .card-body .titulo_inmueble {
            color: #093d62;
            font-size: 28px;
            font-weight: 700!important;
            width: 100%;
        }



        .filtros_aplicados .border strong {
            background-color: #093d62;
            color: #fff;
            padding: 8px 0 8px 8px;
            font-size: 13px;
            line-height: 3;
        }

        .filtros_aplicados .border p {
            display: inline;
            background: #093d62;
            color: #fff;
            font-weight: 500;
            padding: 8px 8px 8px 0;
            font-size: 13px;
            margin-right: 5px;
            line-height: 3;
        }
        /********ESTILO VISO DE LUGARES EN EL MAPA**************/

        .card_mapa .contenido .titulo-contenido i img {
            margin: 0;
            width: 30px;
            height: 25px;
        }

        .card_mapa .contenido,
        .contenido-distrito {
            text-align: center;
            font-size: 15px;
            font-weight: 500;
            color: #013f62;
        }

        .icons-mapa {
            width: 100%;
            display: flex;
            margin: 15px 0!important;
            text-align: center;
            background: #f7f7f7;
            padding-bottom: 10px;
        }

        .icons-mapa li {
            display: inline-block;
            font-size: 15px;
            margin: 1px;
            margin-right: 10px;
            padding: 10px 0 0;
            line-height: 10px;
        }

        .icons-mapa li img {
            margin-right: 5px;
            margin-bottom: 5px;
        }

        .icons-mapa li span {
            font-weight: 600;
        }

        .gm-style .gm-style-iw-c {
            box-shadow: 0px 5px 26px 8px #013f62;
            width: 248px!important;
            max-height: 350px!important;
            height: 350px!important;
        }

        .gm-style .gm-style-iw-d {
            max-height: 390px!important;
            width: 220px!important;
            overflow: auto!important;
        }
        /*********ESTILOS DE SELECT2***********/

        .select2-container--default .select2-selection--single {
            border: 1px solid #ced4da!important;
        }

        .select2-container .select2-selection--single {
            height: calc(1.5em + .75rem + 3px)!important;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding: .375rem .75rem!important;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 1.5!important;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 35px!important;
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: #013f62!important;
        }

        .select2-hidden-accessible {
            top: 55px;
        }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            font-size: 17px !important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            border: 1px solid #013f62;
            padding: 0!important;
            padding-right: 20px!important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            background-color: #013f62!important;
            border-right: 1px solid #013f62!important;
            border-top-left-radius: 0!important;
            border-bottom-left-radius: 0!important;
            color: #fff!important;
            font-weight: 900!important;
            left: auto!important;
            right: 0!important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
            padding: 10px!important;
            background: #013f62!important;
            color: #fff!important;
        }

/*Estilos Slide de proyectos */
.slide-proyects{
    background-color: rgba(0, 0, 0, 0.5);
    color: #e4e1e1;
    border-radius: 20px;
}
.slide-proyects .carousel-item{
    height: 34rem;
    background: #777;
    color: white;
    position: relative;
}
.carousel-item .proyect-info{
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    padding-bottom: 50px;
    padding-left: 40px;
}
.carousel-item .proyect-info h2{
    font-size: 2.2em;
    color: #d8082b;
    text-transform: uppercase;
    font-weight: bold;
}
.carousel-item .proyect-info h3{
    font-size: 1.2em;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}
.carousel-item .proyect-info p{
    font-size: 0.9em;
    color: whitesmoke;/*#013f62*/
    font-weight: bold;
}
.carousel-item .overlay-image{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding-left: 0px;
    background-position: center;
    background-size: cover;
    opacity: 0.6;
    width: 100%;
    /*height: 100%;*/
    transition: transform .5s;
}
.carousel-item .overlay-image-logo{

    position: absolute;
    bottom: 0;
    left: -5%;
    right: 0;
    top: 5%;
    background-position: top right;
    padding-left: 0px;
    background-size: 180px;
    background-repeat: no-repeat;
    width: 100%;
    /*height: 100%;*/
}
.carousel-item .overlay-image:hover{
    transform: scale(1.05);

}
.slide-proyects .carousel-control-prev,.slide-proyects .carousel-control-next{
    width: 5%;
}
.slide-proyects .carousel-control-pre .carousel-control-pre-icon,
.slide-proyects .carousel-control-next .carousel-control-next-icon{
    width: 20px;
    height: 20px;
}
/*Estilos Slide de proyectos RESPONSIVE*/
@media only screen and (min-width: 600px) {
    .carousel-item .proyect-info{bottom: 15%;}
    .carousel-item .proyect-info{padding-left: 20px;}
    .carousel-item .proyect-info h2{
        font-size: 3.2em;
    }
    .carousel-item .proyect-info h3{
        font-size: 1.2em;
    }
    .carousel-item .proyect-info p{
        font-size: 1em;
    }
    .slide-proyects .carousel-control-prev .carousel-control-prev-icon,
    .slide-proyects .carousel-control-next .carousel-control-next-icon{
    width: 30px;
    height: 30px;
    }
    .carousel-item .overlay-image-logo{background-size: 210px;}
}
@media only screen and (min-width: 768px) {
    .carousel-item .proyect-info{bottom: 5%;padding-left: 60px;}
    .carousel-item .proyect-info h2{
        font-size: 4.2em;
    }
    .carousel-item .proyect-info h3{
        font-size: 1.8em;
    }
    .carousel-item .proyect-info p{
        font-size: 1em;
    }
}
@media only screen and (min-width: 992px) {
    .carousel-item .proyect-info{padding-left: 100px;}
    .carousel-item .proyect-info h2{
        font-size: 5.4em;
    }
    .carousel-item .proyect-info h3{
        font-size: 2.2em;
    }
    .carousel-item .proyect-info p{
        font-size: 1.2em;
    }
    .slide-proyects .carousel-control-prev .carousel-control-prev-icon,
    .slide-proyects .carousel-control-next .carousel-control-next-icon{
        width: 40px;
        height: 40px;
    }
    .carousel-item .overlay-image-logo{background-size: 240px;}
}
@media only screen and (min-width: 1200px) {
    .slide-proyects{border-radius: 40px;}
}
/*-------------------------------------------------*/


/*Estilos Slide de presentaciones */
.style-1, .style-1 .carousel-item{
    background-color: transparent;
}
.style-1 .carousel-item,.style-1 .overlay-image{
    border-radius: 20px;
}
.slide-proyects .titulo-img{
    width: 100%;
    object-fit: cover;
    margin-left: -4%;
    margin-bottom: -10%;
}
.slide-proyects2{
    color: #e4e1e1;
}
.slide-proyects2 .carousel-item{
    height: 20rem;

    color: white;
    position: relative;
}
.slide-proyects3 .carousel-item{
    height: 40rem;

    color: white;
    position: relative;
}

.carousel-item .overlay-image2{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding-left: 0px;
    background-position: center;
    background-size: cover;
    opacity: 0.6;
    width: 100%;
    /*height: 100%;*/
    transition: transform .5s;
}
/*imagen logo de la Sección de sostenimbilidad*/
.carousel-item .overlay-image2-logo{

    position: absolute;
    bottom: 0;
    left: -5%;
    right: 0;
    top: 5%;
    background-position: top right;
    padding-left: 0px;
    background-size: 180px;
    background-repeat: no-repeat;
    width: 100%;
    /*height: 100%;*/
}

/*Img concepto ibmobiliaria de la sección de Modelo casa*/

.carousel-item .overlay-image-logo2{

    position: absolute;
    bottom: 5%;
    left: 5%;
    right: 0;
    top: 0;
    background-position: bottom left;
    padding-left: 0px;
    background-size: 200px;
    background-repeat: no-repeat;
    width: 100%;
    /*height: 100%;*/
}

.videoproyectocostaparaka{
    overflow:hidden;
    padding-bottom:400px; /* Adecua este valor para controlar la altura del video */
    position:relative;
    height:0;
}
.videoproyectocostaparaka iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media only screen and (min-width: 992px) {
    .carousel-item .overlay-image-logo2{background-size: 240px;}
}

#spTelefono{
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: gray;
    margin: 0 0 16px;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fcfcfc;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    opacity: 1;
    border-radius: 20px 0 0 20px;
}

#spCelular{
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: gray;
    margin: 0 0 16px;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fcfcfc;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    opacity: 1;
    border-radius: 20px 0 0 20px;
}

#interes{
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: gray;
    margin: 0 0 16px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fcfcfc;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    opacity: 1;
    border-radius: 20px;
}

#lotinmu{
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: gray;
    margin: 0 0 16px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fcfcfc;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    opacity: 1;
    border-radius: 20px;
}

#btnImagen{
    width: 100%;
    height: 220px;
    border: none;
    padding: 0;
}




.card-list-image {
    border: none; /* Elimina el borde predeterminado del card */
    overflow: hidden; /* Evita que la imagen sobresalga del card durante la transición */
    transition: transform 0.3s; /* Agrega una transición al efecto hover */
    cursor: pointer;

}

.card-list-image:hover {
    transform: scale(1.06); /* Aumenta el tamaño al hacer hover */
    transition: all 0.3s ease;
    height: 100%;
}

.text-primario{
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 18px;
}

.text-secundario{
    margin-bottom: 4px;
    color: #707070;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.divCard{
    border: none;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    background-color: white;
}

.card-datos{
    border: none;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);

}

.spAtras{
    background-color: #eaeaea;
    margin: 0;
    padding: 4px 11px;
    line-height: 24px;
    border-radius: 3px;
    font-size: 13px;
    position: relative;
    top: -4px;
    margin-left: 4px;
}

.form-group{
    margin: 0;
}

#comentarioscliente{
    background-color: #fcfcfc;
}

.expandable-description p {
    overflow: hidden;
    max-height: 75px;
    position: relative;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
    transition: max-height 0.3s ease; /* Agrega una transición suave */
    margin-bottom: 4px;
    color: #707070;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 18px;

}

.expandable-description.expanded p {
    max-height: none; /* Elimina la restricción de altura para mostrar completamente el texto */
    background: none; /* Elimina el fondo gradual cuando se expande completamente */
}

.cardSombreado{
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    border: none;
}

#btnImagenCardH{
    width: 100%;
    height: 220px;
    border: none;
    padding: 0;
}

.colTarjeta{
    padding-left: 0;
    padding-right: 10px;
    padding-bottom: 10px;
}

.divTarjetaFiltro{
    border-radius: 20px ;
    padding: 3px 20px;
    color: #808080;
    border: 1px solid #808080;
    background-color: white;
    border: none;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.textFiltro{
    margin: 0;
}

.contFiltros{
    padding: 15px;
    border-radius: 20px;

}

.notify{
    margin: 0;
}

.btnEFiltro{
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    color: #808080;
}

.btnEFiltro:active,
.btnEFiltro:focus {
    outline: none !important;
    box-shadow: none !important;
}


.cardInmuebles{
    border: none;
}

.btnInmueble{
    background-color: #d8082b;
    color: white;
    overflow: hidden;
    cursor: pointer;
    z-index: 0 !important;
}

.btnInmueble:hover{
    background-color: #e50246;
    color: white;
    transition: all 0.5s ease;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); /* Sombreado blanco */
}

.btnInmueble:active {
    background-color: #d30039 !important;
    color: white !important;
    outline: none !important;
    transition: all 0.5s ease;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    /* Otros estilos específicos para el estado activo */
}

.btnInmueble:focus {
    outline: none !important;
    transition: all 0.5s ease;
    border: none;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.cardBlog{
    background-color: #3E4456;
}

.cardBlog:hover{
    transform: scale(1.01); /* Aumenta el tamaño al hacer hover */
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.lkEVenta{
    text-decoration: none;
    color: black;
    font-size: 15px;
}

.lkEVenta:hover{
    color: #65676B;
    text-decoration: none;
    font-size: 16px;
}

.cardEVenta{
    border: none;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.cardPUso{
    border: none;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #808080;
    box-shadow: none;
    border: none;
    outline: none;
}

.accordion {
    max-width: 950px;
    margin: 0 auto;
}

.accordion-button {
    font-size: 18px;
    color: #555555;

}

.accordion-button:hover {
    background-color: #e0e0e0;
}


.navbar-nav .list-group .list-group-horizontal{
    padding: 0;
    list-style: none;
    padding: 0;
    display: flex;
    background-color: transparent;
}



.list-group .list-group-horizontal .listCardImg{
    padding: 0;
    list-style: none;
    padding: 0;
    display: flex;
    background-color: transparent;
}

.itemCardImg{
    border: none; /* Elimina los bordes */
    padding: 0px 5px ;
    background-color: transparent;
}

/* Blog */

.postBlog{
    border: none;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    padding: 40px;
}

.cardPreguntas{
    border: none;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.cardTitleBlog{
    box-sizing:content-box;
    padding: 0%;
    border: none;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    background-color: white;

}
.titleBlogPost {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: 19px;
}

.titlePostPrincipal{
    text-decoration: none;
    color: #383838;
}
.postBodyPrincipal{
    margin-top: 24px;
    color: #4e4e4e;
    margin-bottom: 75px;
}
.imgBlog{
    border-radius: 10px;
}
.titleBlogPost:hover {
    border-bottom: 2px solid #000;
}
.categorias-tituloPost{
    border-top: 2px solid #000;
    font-weight: bold;
}
.titlePost{
    color: #013f62;
    font-weight:bold;
    margin-bottom: 15px;
    font-family: 'Bungee Spice', sans-serif;
}

.textPost{
    font-size: 1.2em;
    color: #f29c12;
    margin-bottom: 0;
    font-family: 'Bungee Spice', sans-serif;
}
.navPosts>a{
    color: #0d6efd;
}
.linkPost{
    color: #0d6efd;
    margin-left: 7px;
}
.flechaNav{
    color: #e62e1b;
}
.cardPBlogFecha{
    color: #5a5a5a;
}
.cardPBlogUser{
    color: #5a5a5a;
}


.cardTitleBlogRecientes{
    text-decoration: none;
    color: black;
    font-weight: 700;

    font-size: 1rem;
    line-height: 1;
}
.anchTitleBlogRecientes{
    text-decoration: none;
}
.cardBRecientes:hover .cardTitleBlogRecientes {
    color: #013f62;
}
.cardBRecientes{
    border: none;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.cardBRecientes:hover {

    transform: scale(1.04); /* Aumenta el tamaño al hacer hover */
    transition: all 0.3s ease;
}

.read-more{
    border: none;
    background-color: inherit;
    color: #d8082b;
    font-weight: bold;
    font-family: Roboto, sans-serif;
    margin-bottom: 15px;
}

.read-more:hover{
    color: #e50246;
}
.categorias-titulo{
    font-size: 23px;
    font-weight: bold;
    color: #212121;
}
.card-body .card-title{
    padding: 0;
}
.cardPubRec{
    margin-bottom: 25px;
}
.img-portada {
    width: 600px;
    border: none;
    transition: transform 0.3s ease-in-out;
    border-radius: 20px;
    border-radius: 10px;
    margin-bottom: 60px;
    margin-top: 15px;
}

/*Glosario*/
.titleGlosario{
    color: #333;
    font-weight: bold;
    margin: 0;
}
.list-group-item-action:focus, .list-group-item-action:hover {
    color: #013f62  ;
}
.textTGlosario{
    margin-bottom: 0;
    font-size: 1.7rem;
    font-weight: bold;
    border-bottom: 2px solid #333;
    padding-bottom: 1px;
    width: 75%;
}
.cardTitleGlos{
    color: #013f62;
    font-weight:bold;
    margin: 0;
}
.nav-glos{
    display: inline-block;
    font-weight: 500;
    top: 50%;
}
.tab-content {
    box-shadow: 10px 10px 10px #0000001a;
    border-radius: 5px;
    padding: 20px;
    border: none;
    border-radius: 8px;
    background-color: white;
    /*position: sticky;
    top: 50%;*/
}
@media screen and (max-width: 770px) {
    .tab-content {
        margin-top: 10px;
    }
}
.tab-pane {
    font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
    font-size: 1.1rem;
    background-color: white;
    color: #262626;
}
.posGlos{
    position:sticky;
    top: 0;
}
.cardTGlosario{
    background-color: #666666;
    color: white;
    border: none;
    box-shadow: 10px 10px 10px #0000001a;/*6fdeff*/
}
.textTGlosario{
    margin-bottom: 0;
    font-size: 1.7rem;
    font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
    font-weight: bold;
}
.glosLGI{
    background-color: white;
    border-radius: 8px;
    transition: .3s;
    display: grid;
    font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
    font-size: 1.18rem;
}
.glosLGI:active{
    transform: scale(0.9);
}
.glosLGI:hover span{
    background: none;
}
#list-tab a.active {
    color: whitesmoke;
    background-color: #006393;
    font-weight: bold;
    border: inherit;
}
.glosLGI{
    color: #013f62;
    font-weight: bold;
}
.glosLGI:hover{
    color: #002c45;
    background-color: #cbcbcb;
}
.glosLetraGrupo{
    padding-bottom: 50px;
    padding-top: 5px;
}

/*nosotros*/
.dropdown:hover .dropdown-menu {
    display: block ;
}
.navBarNosotros {
    border-radius: 15px;
    transition: all 0.2s ease-out!important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 80%;
    margin-bottom: 15px;
}

.navbar-toggler:focus{
    box-shadow: none;
}

.navBarNosotrosSticky {
    position: sticky;
    /* Cambiado de fixed a sticky */
    top: 0;
    z-index: 1000;
    width: 80%;
    left: 10%;
    border-radius: 0 0 20px 20px !important;
}