:root{
    --texto: #1a1a1a;
    --morado-1: #270f4c;
    --morado-2: #763cee;
    --morado-3: #d9d7fc;
    --morado-4: #eae9fe;
    --morado-5: #f4f2fa;
    --verde-1: #28e09d;
    --verde-2: #43f9b4;
    --gris-2: #b3b3b3;
    --borde-global: 3px;
    --il-texto: 'Urbanist', sans-serif;
    --il-titulos: 'Epilogue', sans-serif;
    --filtro-blanco: invert(93%) sepia(56%) saturate(0%) hue-rotate(62deg) brightness(110%) contrast(101%);
    --filtro-morado-1: invert(9%) sepia(45%) saturate(3698%) hue-rotate(252deg) brightness(94%) contrast(104%);
    --filtro-morado-2: invert(26%) sepia(33%) saturate(4138%) hue-rotate(245deg) brightness(104%) contrast(107%);
    --filtro-morado-4: invert(87%) sepia(18%) saturate(568%) hue-rotate(200deg) brightness(103%) contrast(103%);;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
    font-family: var(--il-texto);
}
::-moz-selection { 
    color: var(--morado-1);
    background: var(--verde-1);
    text-shadow: none;
}
::selection { 
    color: var(--morado-1);
    background: var(--verde-1);
    text-shadow: none;
}
html{
    background-color: var(--morado-1);
    font-size: 12px;
    overflow-x: hidden;
}

body{
    color: var(--texto);
    padding-top: 80px;
    letter-spacing: 0.06rem;
}

/*Tipografía*/
h1,
h1 > *,
h2,
h2 > *,
h3,
h3 > *,
h4,
h4 > *,
h5,
h5 > *{
    color: var(--morado-1);
    font-family: var(--il-titulos);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0;
}
h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong,
h4 b,
h4 strong,
h5 b,
h5 strong,
h6 b,
h6 strong{
    font-weight: 500;
    position: relative;
    z-index: 1;
}
h1{
    color: var(--morado-1);
    font-size: 3rem;
}
    #carouselIlcasa h1{
        font-size: 2.2rem;
    }
    section.interior h1{
        margin-bottom: 1rem;
    }
h2,
h1.nombre-inmueble{
    font-size: 2.7rem;
    margin-bottom: 1em;
    position: relative;
    z-index: 2;
}
    .cta h2{
        text-align: center;
    }
    h2 b::after,
    h2 strong::after,
    h3 strong::after,
    h3 b::after,
    .subrayado::after{
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 20%;
        background-image: url('../img/raya.png');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        bottom: -2px;
        left: 0;
        z-index: -1;
    }
    section.back-morado h2{
        color: #fff;
    }
    .foto-texto h2{
        font-size: 2.2rem;
        margin-bottom: 0.5rem;
    }
h3{
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 2.5rem;
}
    h3.balazo,
    .foto-texto h3{
        color: var(--texto);
        margin-bottom: 0;
        font-family: var(--il-texto);
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1.7;
        text-transform: none;
        letter-spacing: 0.03rem;
    }
            h3.balazo strong,
            h3.balazo b,
            .mosaicos h3 strong,
            .mosaicos h3 b{
                font-family: var(--il-texto);
                font-weight: 300;
                letter-spacing: 0.03rem;
            }
    .precio h3{
        font-size: 2.1rem;
        font-weight: 700;
        line-height: 0.7;
        margin-bottom: 0;
        letter-spacing: -0.1rem;
    }
        .precio h3 span{
            margin-left: -5px;
            font-family: var(--il-titulos);
            font-size: 0.45em;
            text-transform: uppercase;
            letter-spacing: -0.02rem;
        }
    .card-color h3{
        color: var(--morado-4);
    }
    .card-color.card-verde h3{
        color: var(--morado-1);
    }
h4{
    font-size: 1.3rem;
}
    h4.accordion-header button{
        font-size: 1.2rem;
        font-family: var(--il-texto);
        font-weight: 300;
        letter-spacing: 0.06rem;
    }
h5{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}
h6{
    font-weight: 700;
}
    .ficha > .col h6{
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 0;
    }
p{
    font-size: 1.3rem;
}
    section.interior p{
        margin-bottom: 0;
    }
sup{
    font-weight: 700;
}
.lowercase{
    text-transform: lowercase!important;
}
.subrayado{
    position: relative;
    z-index: 1;
}
/*Generales*/
section{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
section.home{
    padding-top: 0;
}
section.back-morado{
    background-color: var(--morado-1);
}
section.mosaicos .row{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
    section.mosaicos .row:first-child{
        padding-top: 0;
    }
    section.mosaicos .row:last-child{
        padding-bottom: 0;
    }
[class^='balazo-'],
[class*=' balazo-']{
    padding: 50px;
    border-radius: var(--borde-global);
}
    [class^='balazo-'] > *,
    [class*=' balazo-'] > *{
        line-height: 1.5!important;
    }
.balazo-morado-claro{
    background-color: var(--morado-4);
}
    .balazo-morado-claro > *{
        color: var(--morado-1);
    }
.balazo-morado{
    background-color: var(--morado-1);
}
    .balazo-morado > *{
        color: #fff;
    }
.balazo-verde{
    background-color: var(--verde-1);
}
    .balazo-verde > *{
        color: var(--morado-1);
    }
section.cta{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
section.faqs{
    background-color: var(--morado-4);
}
section.interior{
    background-color: var(--morado-4);
    text-align: center;
    overflow: hidden;
}

img.img-il{
    border-radius: var(--borde-global);
}
ul,
ol{
    list-style: none;
    position: relative;
    padding-left: 20px;
}
    ol{
        counter-reset: mi-contador;
    }
ul li,
ol li{
    position: relative;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
}
    ol li{
        counter-increment: mi-contador;
    }
    ul li:before{
        content: '';
        background-color: var(--morado-3);
        width: 7px;
        height: 7px;
        margin-right: 10px;
        border-radius: 100%;
        display: block;
        position: absolute;
        left: -20px;
        top: 20%;
    }
    ol li::before {
        content: counter(mi-contador) ". ";
        color: var(--morado-2);
        font-weight: bold;
        display: inline-block;
        position: absolute;
        left: -20px;
        top: 0;
    }

.raya{
    border-bottom: 1px solid var(--morado-3);
}
.cont-btn a{
    margin-bottom: 2rem;
}
.cont-btn a:last-child{
    margin-bottom: 0;
}

/*LINKS*/

a{
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
    display: inline-block;
    -webkit-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s;
}
    a:hover{
        color: inherit;
        text-decoration: none;
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        transition:all ease .3s;
    }
.btn-il,
.pagination .prev,
.pagination .next{
    background-color: var(--morado-2);
    color: #fff;
    padding: 1.3rem 2rem;
    /*margin: 3rem 0 0;*/
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: var(--borde-global);
    display: inline-flex;
    border: none;
}
    .btn-il:hover{
        color: #fff;
        padding: 1.3rem 2.8rem;
        background-color: var(--morado-1);
    }
.btn-il.btn-il-sm{
    padding: 1rem 1.5rem;
}
    .btn-il.btn-il-sm:hover{
        padding: 1rem 2rem;
    }
.btn-il.btn-il-verde{
    background-color: var(--verde-1);
    color: var(--morado-1);
}
    .btn-il.btn-il-verde:hover{
        background-color: var(--verde-2);
    }

.btn-il.btn-il-outline{
    color: var(--morado-2);
    background-color: transparent;
    border: 1px solid var(--morado-2);
}
    .btn-il.btn-il-outline:hover{
        color: #fff;
        background-color: var(--morado-2);
    }

.btn-il.btn-il-outline.btn-il-outline-verde{
    color: var(--morado-1);
    border-color: var(--verde-1);
}
    .btn-il.btn-il-outline.btn-il-outline-verde:hover{
        background-color: var(--verde-1);
    }

[type=submit].btn-il{
    min-width: 120px;
    text-align: center;
    display: inline;
}
    [type=submit].btn-il:hover{
        padding: 1.3rem 2rem;
    }
    [type=submit].btn-il.btn-il-sm:hover{
        padding: 1rem 1.5rem;
    }
.pagination {
    text-align: center;
}
.pagination .prev,
.pagination .next{
    padding: 1rem 1.5rem;
    background-color: var(--verde-1);
    color: var(--morado-1);
    margin: 0 20px;
}
.pagination .next{
    
}
    .pagination .page_disabled{
        opacity: 0.5;
    }
/*Iconos en botones*/
.btn-il.btn-il-icon{
    line-height: 20px;
}
.btn-il.btn-il-icon:before{
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    background-repeat: no-repeat;
    background-size: 20px;
    flex-shrink: 0;
    filter: var(--filtro-blanco);
}   
    /*outline morado*/
    .btn-il.btn-il-outline.btn-il-icon:before{
        filter: var(--filtro-morado-2);
    }
    .btn-il.btn-il-outline.btn-il-icon:hover:before{
        filter: var(--filtro-blanco);
    }
    /*outline verde*/
    .btn-il.btn-il-outline.btn-il-outline-verde:before{
        filter: var(--morado-1);
    }
    .btn-il.btn-il-outline.btn-il-outline-verde:hover:before{
        filter: inherit;
    }
    /*icono sobre*/
    .btn-il.btn-il-icon.sobre:before{
        background-image: url('../img/icon-sobre.svg');
    }
    /*icono whats*/
    .btn-il.btn-il-icon.whats:before{
        background-image: url('../img/icon-whats.svg');
    }

/*Select*/
.il-select{
    background-color: var(--verde-1);
    min-width: 100px;
    color: var(--morado-1);
    padding: 1rem 2rem 1rem 1.5rem;
    margin: 0;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: var(--borde-global);
    display: inline-flex;
    border: none;
    cursor: pointer;
    position: relative;
}
    .il-select:hover{
        background-color: var(--verde-2);
    }
    .il-select::after{
    }

.cont-btn{
    margin-top: 3rem;
    margin-bottom: 2rem;
}
    .cont-btn p{
        margin-bottom: 0;
        padding: 0!important;
    }

/*menu*/

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 80px; /* Height of navbar */
    bottom: 0;
    right: 100%;
    width: 100%;
    overflow-y: auto;
    visibility: hidden;
    min-height: 100vh;
    display: block;
    background-color: var(--morado-1);
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(100%);
    overflow: hidden;
  }
}


.navbar{
    background-color: var(--morado-1);
    padding-top: 16px;
    padding-bottom: 16px;
}
.nav-link{
    color: var(--verde-1);
    font-size: 1.5rem;
    padding: 1.2rem!important;
    font-weight: 500;
}
    .nav-link:hover,
    .nav-link:focus,
    .nav-link.active{
        background-color: var(--verde-1);
        color: var(--morado-1);
        border-radius: var(--borde-global);
    }
    .navbar a.nav-link-redes img{
        filter: var(--filtro-blanco);
    }
    .navbar a.nav-link-redes:hover img,
    .navbar a.nav-link-redes:focus img{
        filter: var(--filtro-morado-1);
    }
    .nav-item:before{
        display: none;
    }
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28238, 255, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav .dropdown-menu{
    background-color: var(--verde-1);
    border: 0;
    border-radius: 0 0 2px 2px;
    top: 103%;
    left: 7px;
    margin-top: 0;
}
.navbar-nav .dropdown-menu .dropdown-item{
    margin-bottom: 0;
}
.navbar-nav .dropdown-menu .dropdown-item:before{
    display: none;
}
.navbar-nav .dropdown-menu .dropdown-item a{
    color: var(--morado-1);
    padding: 1.2rem;
    font-size: 1.5rem;
    font-weight: 700;
}
.navbar-nav .dropdown-menu .dropdown-item:focus, 
.navbar-nav .dropdown-menu .dropdown-item:hover{
    background-color: var(--morado-1);
}
    .navbar-nav .dropdown-menu .dropdown-item:focus a,
    .navbar-nav .dropdown-menu .dropdown-item:hover a{
        color: #fff;
    }



.menu-icon {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.menu-icon .menu-icon__cheeckbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 2;
  -webkit-touch-callout: none;
  position: absolute;
  opacity: 0;
}
.menu-icon div {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 22px;
  height: 12px;
}
.menu-icon span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--verde-1);
  border-radius: 1px;
  transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
}
.menu-icon span:first-of-type {
  top: 0;
}
.menu-icon span:last-of-type {
  bottom: 0;
}
.menu-icon.active span:first-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:first-of-type {
  transform: rotate(45deg);
  top: 5px;
}
.menu-icon.active span:last-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:last-of-type {
  transform: rotate(-45deg);
  bottom: 5px;
}
.menu-icon.active:hover span:first-of-type, .menu-icon.active:hover span:last-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:first-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:last-of-type {
  width: 22px;
}

.scrolled-down{
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.3s ease-in-out;
}

/*Accesorios*/

.il-icon{
    position: relative;
    z-index: 1;
}
    .il-icon::after{
        display: block;
        position: absolute;
        top: -40px;
        right: -20px;
        z-index: -1;
    }
    .icon-corazon::after{
        content: url('../img/icon-foco-corazon.svg');
    }
    .icon-contacto::after{
        content: url('../img/ilcasa-contacto.svg');
    }
    .icon-nosotros::after{
        content: url('../img/ilcasa-nosotros.svg');
    }
    .icon-servicios::after{
        content: url('../img/ilcasa-servicios.svg');
    }
.il-icon-header{
    display: block;
    position: absolute;
    top: -40px;
    right: -70px;
    z-index: -1;
}
.bloque{
    margin-bottom: 1rem;
}
.bloque:last-child{
    margin-bottom: 0;
}

/*CARDS*/

.card-il{
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(39,15,76,0.15); 
    box-shadow: 5px 5px 15px 5px rgba(39,15,76,0.15);
    border-radius: var(--borde-global);
    overflow: hidden;
}
.card-il.card-polaroid{
    padding: 10% 7% 35%;
    transform: rotate(-5deg);
    margin-top: -90px;
    margin-bottom: 3rem;
    position: relative;
    overflow: visible;
}
    .card-polaroid:before{
        content: url(../img/pin.png);
        z-index: 9;
        display: block;
        position: absolute;
        top: -20px;
        left: calc(50% - 24px);
    }
    .card-polaroid:after{
        content: url(../img/proximo-hogar.png);
        z-index: 9;
        display: block;
        position: absolute;
        bottom: 0;
        left: -100px;
        transform: scale(0.8);
    }
    .carousel-item:nth-child(even) .card-il.card-polaroid{
        /*transform: rotate(4deg);*/
    }

    .wobble-hor-bottom:hover {
        -webkit-animation: wobble-hor-bottom 3s ease-in-out infinite both;
                animation: wobble-hor-bottom 3s ease-in-out infinite both;
    }

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

}


.card-in{
    /*margin-bottom: 2rem;*/
}
.card-in-datos{
    padding: 5%;
}

    .card-in-datos .tipo,
    .tipo{
        color: var(--gris-2);
        margin-bottom: 0;
    }
    .pill-li{
        background-color: var(--verde-1);
        color: var(--morado-1);
        margin: 0 0.5rem;
        padding: 0.3rem 1rem;
        border-radius: 50rem;
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
    }
    .pill-li.venta{
        background-color: var(--morado-2);
        color: #fff;
    }
    .pill-li.pill-li-xl{
        padding: 1rem 2rem;
        letter-spacing: 0.05rem;
    }
    .pill-li.pill-li-light{
        background-color: var(--morado-5);
    }

    .card-in-datos .lugar{
        color: var(--morado-1);
        margin-bottom: 0;
    }
.card-in-tipo{
    margin-bottom: 1rem;
}
.card-in-datos .ficha{
    margin-top: 0;
    margin-top: 0.5rem;
}
.card-in-datos .ficha > .col h6{
    font-size: 1.1rem;
}
.card-in-datos .ficha img{
    max-width: 20px;
}
.card-in-datos .precio{
    margin-bottom: 2rem;
}
.card-in-datos .precio h3{
    font-size: 2rem;
    margin-bottom: 2rem;
}
.card-in-foto{
    background-color: var(--morado-1);
    position: relative;
    overflow: hidden;
}
    
    .card-in-foto a{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
    }
    .card-in-foto a:hover{
        opacity: 0.5;
        transform: scale(1.02);
    }

.card-color{
    color: var(--morado-4);
    background-color: var(--morado-1);
    padding: 40px;
    border-radius: var(--borde-global);
    margin-bottom: 5px;
}
    .card-color.card-mini{
        padding: 20px;
    }
    .card-color:last-child{
        margin-bottom: 0;
    }
    .card-color p a:hover{
        color: var(--verde-1);
    }
    .card-color p span.footer-icono{
        margin-right: 1rem;
    }
    .card-color p span img{
        filter: var(--filtro-morado-4);
    }
    .card-color.card-verde{
        color: var(--morado-1);
        background-color: var(--verde-1);
    }

/*Carrusel*/
#carouselIlcasa .carousel-inner{
    padding-top: 100px;
    /*padding-bottom: 100px;*/
}
.carousel-control-next, 
.carousel-control-prev{
    width: 20px;
    position: absolute;
}
    #carouselIlcasa .carousel-control-next{
        right: 30px;
    }
    #carouselIlcasa .carousel-control-prev{
        left: 30px;
    }
    #galeriaInmuebles .carousel-control-next{
        right: -30px;
    }
    #galeriaInmuebles .carousel-control-prev{
        left: -30px;
    }
.carousel-control-next-icon, 
.carousel-control-prev-icon{
    background-image: url(../img/flecha.png);
    width: 20px;
    height: 40px;
    filter: none;
}
.carousel-control-prev-icon{
    transform: rotate(180deg);
}

#carouselIlcasa .carousel-indicators [data-bs-target],
#galeriaInmuebles .carousel-indicators [data-bs-target]{
    background-color: var(--morado-2);
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border-radius: 10px;
    border-bottom: 0;
    border-top: 0;
    flex-shrink: 0;
}
#carouselIlcasa .carousel-indicators{
    position: relative;
    bottom: -15px;
}
#carouselIlcasa .card-in-tipo{
    position: absolute;
    top: -25px;
    left: 0;
}

#galeriaInmuebles .carousel-item img{
    border-radius: var(--borde-global);   
}
#galeriaInmuebles .carousel-indicators img{
    display: none;
    border-radius: var(--borde-global);
}
.marca-de-agua{
    background-image: url('../img/ilcasa-marca-de-agua.png');
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/*Valores*/
.valores{
    margin-top: 2rem;
}
.icono-valores{
    background-color: var(--verde-1);
    border-radius: var(--borde-global);
    margin-bottom: 1rem;
}
    .icono-valores img,
    .icono-rentar img{
        width: 45%;
    }
.valores > *{
    text-align: center;
}
/*Rentar*/
.icono-rentar{
    background-color: var(--morado-4);
    border-radius: var(--borde-global);

}

/*
Inmuebles
*/
.ficha{
    margin-top: 2rem;
}
.ficha > .col{
    text-align: center;
}
    .ficha > .col:nth-of-type(3){
        border-left: 1px solid var(--morado-3);
        border-right: 1px solid var(--morado-3);
    }
.ficha > .col img{
    margin-bottom: 15px;
}
.ficha-btn{
    text-align: center;
    margin-bottom: 0;
    margin-top: 3rem;
}
.ficha.ficha-interior .precio{
    margin-bottom: 2rem;
}
.amenities{
    margin-top: 4rem;
}
.amenities ul.il-listas{
    column-count: 2;
    column-gap: 1rem;
}
.mapa{
    margin-top: 2rem;
    border-top: 5px solid var(--verde-1);
}
.mapa > iframe{
    border-radius: var(--border-global);
}

#acordionfqs .accordion-item{
    border-bottom-color:#fff;
}
#acordionfqs .accordion-button,
#acordionfqs .accordion-item{
    color: var(--morado-1);
    background-color: transparent;
}
    #acordionfqs .accordion-button:not(.collapsed){
        color: var(--morado-1);
        box-shadow: none;
    }
    #acordionfqs .accordion-button::after{
        display: none;
    }
    #acordionfqs .accordion-button::before{
        width: 20px;
        height: 17px;
        margin-right: 1rem;
        content: "";
        flex-shrink: 0;
        background-image: url('../img/icon-plus.svg');
        background-repeat: no-repeat;
        background-size: 17px;
        filter: var(--filtro-morado-2);
        transition: transform .2s ease-in-out;
    }
    #acordionfqs .accordion-button:not(.collapsed)::before{
        filter: var(--filtro-morado-1);
        transform: rotate(45deg);
    }
#acordionfqs .accordion-body p,
#acordionfqs .accordion-body ul li{
    font-size: 0.9rem;
    font-weight: 500;
}
    #acordionfqs .accordion-body p a{
        color: var(--morado-2);
        text-decoration: underline;
    }
/*CTA*/
.cta{
    text-align: center;
    position: relative;
    overflow: hidden;
}
    .cta:after,
    .cta:before{
        content: '';
        background-image: url('../img/cta-izq.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0% 0%;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: -100px;
        z-index: 0;
    }
    .cta:before{
        background-image: url('../img/cta-der.svg');
        background-position: 100% 0;
        right: -100px;
        left: auto;
    }
.cta > *{
    z-index: 2;
    position: relative;
}
.cta p{
    margin-bottom: 0;
}

/*Listas*/
.bullet-il{
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
    line-height: 3.5rem;
    display: inline-block;
    border: 1px solid var(--verde-1);
    border-radius: 100%;
}

/*Búsquedas*/
.busqueda-resultado{
    /*background-color: var(--morado-4);*/
    padding: 20px 0;
    margin-bottom: 2rem;
    border-radius: var(--borde-global);
}
.busqueda-resultado .aviso{
    margin-top: 2rem;
}
.busqueda-resultado > *,
.busqueda-no-hay > *{
    margin-bottom: 0;
}
.busqueda-no-hay{
    background-color: var(--morado-5);
    padding: 40px;
}
    .texto-no-hay{
        text-align: center;
        text-transform: none;
    }

/*FORMA*/
a[name="contacto"] {
    position: absolute;
}
.form-ilcasa dt{
    display: none;
}
.form-ilcasa .cont-forma > div{
    margin-bottom: 2rem;
}
.form-ilcasa .form-control{
    background-color: var(--morado-5);
    padding: 0.75rem 1.25rem;
    border: none;
    border-radius: var(--borde-global);
}
input.form-control.input-error{
    border: 1px solid var(--verde-1);
}
    input.input-error::placeholder{
        color: var(--morado-1);
    }
.errores{
    color: var(--morado-1);
    background-color: var(--morado-3);
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: var(--borde-global);
}
.errores h4{
    margin-bottom: 2rem;
}
.errores p:last-child{
    margin-bottom: 0;
}
    .errores p span{
        font-weight: 700;
    }
/*FOOTER*/
footer{
    background-color: var(--morado-5);
    padding-top: 3rem;
}
.footer-datos{
    padding-bottom: 5rem;
}
.footer-datos .nav-redes{
    margin-bottom: 2rem;
}
.footer-datos p{
    font-size: 0.85rem;
    color: var(--morado-1);
    font-weight: 500;
}
.footer-datos p a{
    font-weight: 500;
}
    .footer-datos p a:hover{
        color: var(--morado-2);
    }
.footer-datos img{
    filter: invert(9%) sepia(45%) saturate(3698%) hue-rotate(252deg) brightness(94%) contrast(104%);
}
.footer-logo{
    display: block;
    margin-bottom: 3rem;
}    
    .footer-logo img{
        filter: none!important;
/*        margin: 0 auto;
        display: block;*/
    }
.footer-icono{
    margin-right: 0.5rem;
}
.footer-menu{
    background-color: var(--morado-1);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.footer-legales{
    background-color: var(--morado-1);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.footer-legales p{
    color: var(--morado-3);
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 2;
    font-weight: 500;
    text-align: center;
}
.footer-legales p a{
    color: var(--morado-5);
    font-weight: 500;
    border-bottom: 1px solid var(--morado-2);
}
    .footer-legales p a:hover{
        color: var(--morado-2);
        border-bottom-color: var(--morado-2);
    }

.eslogan{
    background-color: var(--verde-1);
    padding: 2rem;
}
    .eslogan h4{
        color: var(--morado-1);
        margin-bottom: 0;
        font-size: 1.5em;
        font-family: var(--il-textos);
        text-align: center;
        letter-spacing: 0.06em;
        /*text-transform: uppercase;*/
    }
/*
Edit
*/
.edit{
    background-color: orange;
    color: #000;
    position: fixed;
    width: 60px;
    height: 40px;
    right: 0;
    bottom: 0;
    z-index: 99999;

}
    .edit p{
        font-size: 0.8rem;
        padding: 10px;
        text-align: center;
    }
    .edit p a{
        color: #000;
    }



/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 


}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

    section{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    section.home{
        padding-bottom: 6rem;
        padding-top: 3rem;
    }
    h1{
        font-size: 3.9rem;
    }
    p{
        font-size: 1.1rem;
    }
    #carouselIlcasa h1{
        font-size: 3.2rem;
    }
    #carouselIlcasa .carousel-inner{
        padding-top: 70px;
    }
    .nav-link{
        font-size: 0.9rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .navbar-nav .dropdown-menu .dropdown-item a{
        font-size: 0.9rem;
        padding: 0.5rem;
    }
    .card-il.card-polaroid{
        margin-top: -30px;
    }
    .card-il.card-polaroid:after{
        bottom: -10px;
        transform: scale(1);
    }
    .ficha-btn{
        text-align: left;
    }
    .sticky-md-top.abajo{
        top: 110px;
        transition: all 0.3s ease-in-out;
    }
    .sticky-md-top.arriba{
        top: 20px;
        transition: all 0.3s ease-in-out;
    }
    .cta:after{
        left: 0;
    }
    .cta:before{
        right: 0;
        left: auto;
    }

    .ubicacion p,
    .descripcion p{
        padding-right: 10%;
    }
    .footer-logo{
        margin-bottom: 0;
    }
    .footer-datos .nav-redes{
        margin-bottom: 0;
    }
    .footer-logo img{
        margin: 0;
    }
    #galeriaInmuebles .carousel-indicators [data-bs-target]{
        background-color: transparent;
        width: 6%;
        height: auto;
        margin-left: 0;
        margin-right: 6px;
        
    }
    #galeriaInmuebles .carousel-indicators{
        justify-content: flex-start;
        margin-right: 0;
        margin-left: 0;
        position: relative;
        bottom: -10px;
        overflow: hidden;
        display: block;
    }
    .busqueda-resultado .aviso{
        margin-top: 0;
    }

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    body{
        padding-top: 100px;
    }
    html{
        font-size: 15px;   
    }

    


}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


 }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 

    #carouselIlcasa h1{
        font-size: 3.9rem;
    }
    #carouselIlcasa h1,
    #carouselIlcasa h3{
        /*padding-right: 19%;*/
    }
}

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    .nav-link-redes{
        display: inline-flex;
    }
    .valores > div{
        margin-bottom: 3rem;
    }
    .bloque p{
        font-size: 1.1rem;
    }
    img.img-il{
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .footer-menu .nav-link{
        font-size: 1rem;
        padding: 1rem!important;
    }
    .descripcion{
        margin-bottom: 2rem;
    }
    #galeriaInmuebles{
        margin-bottom: 3rem;
    }
    .form-ilcasa{
        margin-top: 4rem;
    }
    #galeriaInmuebles .carousel-control-next-icon, 
    #galeriaInmuebles .carousel-control-prev-icon{
        width: 10px;
        height: 20px;
    }
    #galeriaInmuebles .carousel-control-next{
        right: -20px;
    }
    #galeriaInmuebles .carousel-control-prev{
        left: -20px;
    }

}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 

    #galeriaInmuebles .carousel-indicators{
        /*bottom: -40px;*/
        bottom: -20px;
        display: block;
        position: relative;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 2rem;
    }


 }

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .card-in-datos .tipo{
        font-size: 0.9rem;
    }
    .pill-li{
        margin: 0;
        padding: 0.2rem 0.8rem;
    }
}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {  }
