/**************************/
/* IMPORT */
/**************************/
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/**************************/
/* ROOT */
/**************************/
:root,[data-bs-theme=light]{--bs-primary:#F17B36;--bs-primary-rgb:241,123,54;--bs-primary-text-emphasis:#603116;--bs-primary-bg-subtle:#FCE5D7;--bs-primary-border-subtle:#F9CAAF;--bs-link-color:#F17B36;--bs-link-color-rgb:241,123,54;--bs-link-hover-color:#E26E2A;--bs-link-hover-color-rgb:226,110,42;--bs-focus-ring-color:#D65B14}.btn-primary{--bs-btn-color:#000000;--bs-btn-bg:#F17B36;--bs-btn-border-color:#F17B36;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#F38F54;--bs-btn-hover-border-color:#F2884A;--bs-btn-focus-shadow-rgb:36,18,8;--bs-btn-active-color:#000000;--bs-btn-active-bg:#F4955E;--bs-btn-active-border-color:#F2884A;--bs-btn-disabled-color:#000000;--bs-btn-disabled-bg:#F17B36;--bs-btn-disabled-border-color:#F17B36}.btn-outline-primary{--bs-btn-color:#F17B36;--bs-btn-border-color:#F17B36;--bs-btn-focus-shadow-rgb:241,123,54;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#F17B36;--bs-btn-hover-border-color:#F17B36;--bs-btn-active-color:#000000;--bs-btn-active-bg:#F17B36;--bs-btn-active-border-color:#F17B36;--bs-btn-disabled-color:#F17B36;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#F17B36}.bs-icon{--bs-icon-size:.75rem;display:flex;flex-shrink:0;justify-content:center;align-items:center;font-size:var(--bs-icon-size);width:calc(var(--bs-icon-size) * 2);height:calc(var(--bs-icon-size) * 2);color:var(--bs-primary)}.bs-icon-xs{--bs-icon-size:1rem;width:calc(var(--bs-icon-size) * 1.5);height:calc(var(--bs-icon-size) * 1.5)}.bs-icon-sm{--bs-icon-size:1rem}.bs-icon-md{--bs-icon-size:1.5rem}.bs-icon-lg{--bs-icon-size:2rem}.bs-icon-xl{--bs-icon-size:2.5rem}.bs-icon.bs-icon-primary{color:var(--bs-white);background:var(--bs-primary)}.bs-icon.bs-icon-primary-light{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}.bs-icon.bs-icon-semi-white{color:var(--bs-primary);background:rgba(255,255,255,.5)}.bs-icon.bs-icon-rounded{border-radius:.5rem}.bs-icon.bs-icon-circle{border-radius:50%}
.grecaptcha-badge{display:none;}
/**************************/
/* COLORS */
/**************************/
:root {
    --color-orange:#f17b36;
    --color-orange-hover:#E26E2A;
    --color-beige-hover:#f6eee4;
    --color-light:#F6F7FA;
    --color-yellow:#FAF6EE;
    --color-txt:#909090;
    --color-faq:#ECEDF1;
    --distance: 58px;
    --distance-2: 24px;
    --distance-2-mobile: 0px;
}

/**************************/
/* GENERAL */
/**************************/
body{font-family: "Instrument Sans", sans-serif;font-style: normal;overflow-x: hidden;}
h1{font-size: 50px;font-weight:600;}
h2{font-size: 42px;font-weight:bold;}
.h1{font-size: 50px !important;font-weight:600 !important;}
.h2{font-size: 42px !important;font-weight:bold !important;}
.midsize{font-size:28px !important;}

a:hover{color:var(--color-orange-hover);}
.rounded{border-radius: 10px !important;}
.extra-rounded{border-radius: 25px;}

.f-mb-1{margin-bottom: var(--distance);}
.f-mt-1{margin-top: var(--distance);}
.f-pb-1{padding-bottom: var(--distance);}
.f-pt-1{padding-top: var(--distance);}

.f-mt-2{margin-top:var(--distance-2);}
.f-mb-2{margin-bottom:var(--distance-2);}

.extra-mt-mb{margin-top:100px;margin-bottom:100px;}

.text-orange{color: var(--color-orange);}

/* DATEPICKER */
td.ui-datepicker-unselectable.ui-state-disabled span,a.ui-state-default{
    font-size: 14px;
    line-height: normal !important;
    border: none !important;
}
table.ui-datepicker-calendar th {
    font-size: 14px;
    font-weight: normal;
}
div#ui-datepicker-div {
    border: none;
    border-radius: 15px;
    padding: 10px;
}
a.ui-state-default{
    background: #f7f6fa !important;
}
.ui-datepicker-header.ui-widget-header {
    background: transparent;
    border: none;
}
.ui-datepicker-buttonpane.ui-widget-content {
    border: none;
    margin: 0px;
}
button.ui-datepicker-close.ui-state-default.ui-priority-primary {
    margin: 0px;
    min-width: 100px;
    border-radius: 5px;
    font-weight: normal;
    line-height: normal;
    min-height: 35px;
    background: var(--color-orange);
    border: none;
    color: #fff;
}
a.ui-state-default:hover {
    background: var(--color-orange) !important;
    color: #fff;
}

/**************************/
/* MENU */
/**************************/
nav.navbar{border-bottom: 1px solid #f2f2f2;}
.further-nav{display: flex;align-items: center;justify-content: space-between;}
button.navbar-toggler.ms-auto, button.navbar-toggler.ms-auto:focus{border: none !important;outline: none;box-shadow: none;}
a.nav-link{padding-left: 15px !important;padding-right: 15px !important;}
a.nav-link.active{background: var(--color-yellow);border-radius: 25px;}

/* SIDEBAR */
form.auth-form.login-form .app-btn-primary{background:var(--color-orange);min-height: 45px;font-size: 16px;color:#fff;line-height:normal;}
form.auth-form.login-form .app-btn-primary:hover{background:var(--color-orange-hover);}

/**************************/
 /* BTN */
 /**************************/
 .btn.btn-primary{color: #fff;font-weight: normal;}

 /**************************/
/* HERO */
/**************************/
.home .hero-further{margin-bottom: var(--distance-2) !important;}
.home section.hero-further.f-pt-1.f-mb-1 > .container{min-height: 400px;}
.hero-further h1{font-size: 52px;}
.hero-further h1 span{color: var(--color-orange);}
.hero-further .container{background: linear-gradient(121.25deg, #FFF0E8 20.93%, #FFE6C9 107.02%),linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 82.78%);
    overflow: hidden;position: relative;border-radius: 25px;padding:45px 40px;margin: 0 auto;}
.hero-overlay-further{background-image: url(../img/room_for_rent_in_Barcelona_in_community_.png);background-size:cover;background-repeat: no-repeat;background-position: bottom left;position: absolute;top: 0;right: 0;width: 47%;height: 100%;}
.hero-overlay-further img{display:none;}
/* FORM */
.top-calendar input{border: none;}
.top-calendar {display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;background: #fff;padding: 3px;border-radius: 10px;align-items: center;justify-content: space-between;}
.top-calendar button{display: flex;height: 45px;width: 45px;align-items: center;}
.top-calendar-l{display:flex;width:85%;}
.top-calendar-r{width:auto;}
.top-calendar input[type="text"].iconDate-on{background-image: url('../img/calendar-add.svg');background-repeat: no-repeat;background-position: left 10px center;background-size: 20px;padding-left: 40px;}
.top-calendar input[type="text"]:focus{outline: none;border:none;box-shadow:none;}

/**************************/
/* LIST ROOMS */
/**************************/
.box-results{display:flex;justify-content: space-between;}
.min-font{font-size: 22px;}
.filter_nav{padding: 15px;background: #f9f5ef;max-width: 100%;position: relative;}
.filter_nav form{margin: 0px;gap: 10px;}
.filter-box{background-color: #f8fafc;border-radius: 12px;border: 1px solid #eee;display: flex;align-items: center;gap: 8px;white-space: nowrap;cursor: pointer;font-size: 0.95rem;height: 100%;min-width: 150px;}
.filter-box span{width: 100%;padding: 0px 10px;}
.filter-mini{min-width: 50px;text-align: center;}
.last-box{padding: 0px 10px;}  
.favorite-icon {padding: 10px 14px;border-radius: 12px;border: 1px solid #ccc;background-color: #fff;justify-content: center;}
  
.right-room-content{padding-left:20px;}
#divList{max-height: 95vh;overflow-y: scroll;}
.list-rooms .card{margin-bottom:20px;}
.price-rooms{font-size: 18px;font-weight: bold;}
.btn-beige{background: #f9f5f0;border: 1px solid #eaeaea;color: #65686c;}
.btn-beige:hover{background: var(--color-beige-hover);}
.box-r-results{display: flex;align-items: flex-start;gap: 5px;}
button#showList{display:none;}
.right-room-content .wishlist-room{border: 0px;width: 30px;height: auto;}

.room-item h5 a{text-decoration:none;color:#000;}
.room-item{border-bottom: 1px solid #e9e9e9;margin-bottom: 10px;}
.info-window{max-height: 300px;}
.filters-applied a{text-decoration:none;}
.filters-applied span {
    color: #000;
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
}
.filters-applied {
    /*display: flex;
    gap: 15px;*/
    display: inline-block;
    margin: 15px;
    line-height: 2.4;
    margin-bottom: 10px;
    align-items: center;
}
/**************************/
/* ROOM */
/**************************/
.rooms .card{border: none;}
.rooms .card img{border-radius: 10px;}
.card-text{color:var(--color-txt);}
.func-cta{display: flex;justify-content: space-between;align-items: center;}
.features{display: flex;align-items: center;margin-bottom:15px;gap: 10px;}
.feature{display: flex;align-items: center;gap: 5px;background:var(--color-yellow);border-radius: 5px;padding: 3px 10px;font-size: 12px;}
.feature img{width:17px;height:17px;}
.room-images.row .col-md-6{padding: 5px;}
.grid-room-images{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.last-grid-image{position: relative;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.last-grid-image:before{content: '';position: absolute;background: #000;color: #fff;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.6;}
.last-grid-image span{position: absolute;z-index: 3;color:#fff;}

.room h2,.room h3{margin-top:5px;}
.room h2{font-size: 20px;font-weight: 600;}
.room h3{font-size: 18px;font-weight: 600;}

.loop-things{overflow-x: hidden;width: 100%;margin:15px 0px;white-space: nowrap;cursor: grab;scroll-behavior: smooth;user-select: none;}

.separate-mode-line{height: 1px;width: 100%;background: #f5f5f5;margin: 20px 0px;}
.things-to-know p{margin-bottom:0px;}
.info-check{display: flex;gap: 15px;margin: 15px 0px 25px 0px;}
.info-check-icon{background-color: var(--color-yellow);padding: 15px 25px;border-radius: 10px;font-size: 14px;display: flex;gap: 7px;flex-direction: column;}
.info-check-icon div{display:flex;flex-direction: row;gap:5px;align-items: center;}
.info-check-icon span{font-weight:bold;}

.contact-room-in{padding: 25px;background:var(--color-yellow);border-radius: 25px;}
.contact-titles{margin-bottom:30px;}
.contact-titles h2{font-size:32px;}

/* Scrollbar estilizado */
.loop-things::-webkit-scrollbar{height: 1px;}
.loop-things::-webkit-scrollbar-track{background: transparent;}
.loop-things::-webkit-scrollbar-thumb{background-color: var(--color-faq);border-radius: 1px;}
.loop-things:active{cursor: grabbing;}
.t-badge{background-color: var(--color-yellow);padding: 10px 20px;border-radius: 25px;font-size: 14px;cursor: pointer;}
.t-badge.t-badge-active,.t-badge:hover{background: var(--color-orange);color: #fff;}
.t-content{display: flex;gap: 15px;width: max-content;margin:5px 0px;}
a.t-badge{text-decoration: none;color: #000;}

.general-info{display: flex;gap: 10px;flex-direction: row;flex-wrap: wrap;align-items: center;}
.general-info span{display: flex;align-items: center;}
.general-info span:not(:last-child)::after{content: "•";margin-left: 10px;color: #666;font-size: 18px;line-height: normal;}

.loop-features{display: flex;gap: 8px;flex-direction: row;flex-wrap: wrap;}
.item-features{background-color: var(--color-yellow);padding: 5px 15px;border-radius: 25px;font-size: 12px;display: flex;gap: 7px;align-items: center;border: 1px solid #eaeaea;}
.item-features-x{background-color: var(--color-yellow);padding: 5px 15px;display: flex;gap: 7px;align-items: center;border: 1px solid #eaeaea;font-size:13px;}

.loop-roommates{gap: 20px;display: flex;}
.item-roommates{display: flex;gap: 10px;align-items: center;}

.separate-mode{width: 100%;height: 40px;}

/* right col */
.block-req-condition{background: #faf6ee;margin-top: 10px;padding: 15px;border-radius: 8px;}
.block-req-condition,.block-req-condition p{font-size:14px;}
.brc-flex{display: grid;grid-template-columns: 1fr 1fr;}
.btn-get-t{margin-top:5px;}
/* FORM */
.btn-req{min-height: 43px;}
.vertical-calendar input{border: none;}
.vertical-calendar{margin: 0 auto;display: flex;width: 100%;flex-direction: column;gap: 8px;}
.vertical-calendar input[type="text"].iconDate-on{background-image: url('../img/calendar-add.svg');background-repeat: no-repeat;background-position: left 10px center;background-size: 20px;padding-left: 40px;background-color: #faf6ee;border: 1px solid #e8e8e8;}
.vertical-calendar input[type="text"]:focus{outline: none;box-shadow:none;}

/* TITLE & WISHLIST */
.title-wish{display: flex;justify-content: space-between;align-items: center;}
.wishlist-room{width: 40px;height: 40px;border: 1px solid #dee2e6;border-radius: 5px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
span.bi{line-height: 18px;font-size: 18px;}
span.bi.bi-heart-fill{color: var(--color-orange) !important;}

/**************************/
/* APPLICATION */
/**************************/
.carusel-room-app{margin-bottom: 25px;}
button#apply_promo{background:var(--color-yellow);border: 1px solid #eaeaea;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
input#promotion_code{border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-right: 0px;}
#thankYouModal .custom-modal-content{background-color: #fff;max-width: 400px;margin: auto;color: #222;}
.swiper-button-next:after, .swiper-button-prev:after{color: var(--color-orange); !important;}
.swiper-button-next{right: 30px;}
.swiper-button-prev{left: 30px;}

/**************************/
/* HOW IT - STEPS */
/**************************/
.bck-how{border-radius:25px;background-position:center right;background-size: cover;}
.step{display: flex;margin-bottom: 20px;align-items: center;border-radius: 15px;padding: 15px 15px 15px 0px;}/*cursor: pointer;*/
.step:hover{box-shadow: 0px 15px 30px 0px #5E26060D;}
.s-txt{width: 80%;}
.s-title{font-size: 18px;font-weight: 600;}
.s-data{color: var(--color-txt);}
.s-number{width: 20%;text-align: center;font-size: 42px;font-weight: 600;}
/* ACCORDEON */
.accordion-button{box-shadow: none !important;}
.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed)::after{background-image: url('../img/icon-min.svg');}
.accordion-button::after{background-image: url('../img/icon-plus.svg');}
.accordion-button:not(.collapsed){background-color: transparent;}
.accordion-item{margin-bottom: 20px;border: 1px solid var(--color-faq) !important;border-radius: 10px !important;padding: 15px;}
.accordion-item.open{border-color:var(--color-txt) !important;}
button.accordion-button.collapsed{background: transparent;}
.accordion-body{padding-top: 0px;}
button.accordion-button{gap: 30px;font-weight: 600;color: #000 !important;}
button.accordion-button span{font-weight: bold;font-size: 22px;}
.more-faq{margin-bottom: 20px;border: 1px solid var(--color-faq);border-radius: 10px !important;padding: 30px;font-weight: 600;color: #000;text-decoration: none;display: block;cursor: pointer;position: relative;}
.more-faq::after{content: '';position: absolute;width: 15px;height: 15px;background-image: url('../img/icon-right-arrow.svg');background-size: cover;right: 35px;margin-top: 5px;}

/**************************/
/* TESTIMONIAL */
/**************************/
.ratings-section{background-color: var(--color-yellow);padding: 50px 70px;}
.rating-stars {color:var(--color-orange);}
.divider{border-left: 1px solid #ddd;height: 100%;}
.testimonial-avatar img{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;}
.dots-indicator span{display: inline-block;width: 8px;height: 8px;margin: 0 4px;border-radius: 50%;background-color: #ddd;}
.dots-indicator span.active {background-color: #000;}
.line-left{padding-left:5%;border-left:1px solid #000;}
.big-rating{gap: 35px;}
.test-one,.test-two{display: flex;flex-direction: column;}
span.fw-bold{font-size:42px;}

/**************************/
/* PROFILE ACCOUNT */
/**************************/
.action-history{margin-top:10px;}
.action-history a{font-size:13px;}
.with-badge{position: relative;}
span.current-badge{position: absolute;left: 15px;top: 5px;color: #fff;font-weight: 500;letter-spacing: 1px;font-size: 11px;padding: 5px 10px;border-radius: 25px;line-height:normal;text-transform:uppercase;}
.payment-tabs{margin-left: 0px;margin-bottom: 20px;}
li.nav-item button{font-weight: normal !important;}
.max-content{max-width:max-content;}
.alert .with-badge img{filter: grayscale(100%);}

/**************************/
/* TEAM */
/**************************/
.testimonial-text.extra-rounded{border-bottom-right-radius: 0px;margin-bottom: 10px;}
.testimonial-text{background-color: var(--color-yellow);padding:20px;}
.testimonial-avatar img{width: 50px;height: 50px;border-radius: 50%;object-fit: cover;}
.founder-info{display: flex;flex-direction: row-reverse;text-align: right;gap: 15px;align-items: center;}
.founder-name{font-weight: bold;margin-bottom: 0;margin-top: 0.5rem;}
.founder-title{font-size: 0.875rem;color: #6c757d;}
.btn-video-modal{min-width:150px;margin-top:15px;}

/**************************/
/* PAGE */
/**************************/
.bg-page-header{width: 100%;height: 40vh;background-size: cover;background-position: center center;border-radius: 25px;overflow: hidden;}
.bot-5{margin-bottom:50px;}

/**************************/
/* POST */
/**************************/
.post-blog .bg-page-header{width: 95%;margin: 0 auto;margin-top: 30px;}
.container-post{max-width:950px !important;}
.post-row{margin-top:30px;}
.date-post,.badge-cat{font-size:14px;}

/**************************/
/* TEAM */
/**************************/
.team-page h1{margin-bottom:20px;}
.card-no-border{border:none;}
.team-page .card-body .text-muted{margin-bottom:10px;display:block;}
.team-page .card-body p{font-size: 14px;}

/**************************/
/* SEARCH */
/**************************/
.district-select ul.dropdown-menu li {
    text-align: right;
    padding: 7px 15px;
    font-size: 13px;
    line-height: normal;
}
.district-select ul.dropdown-menu li label {
    padding-right: 5px;
}

/**************************/
/* FAQ */
/**************************/
.faq-page .hero-container{text-align:center;max-width: 750px;margin: 0 auto;}
.faq-page .hero-container span{display:inline;}
.faq-page .hero-container form{gap:10px;}
.faq-page .hero-container form input{background-image: url(/assets/img/search.svg);background-position: 20px center;background-repeat: no-repeat;background-size: 25px;padding-left: 60px;min-height: 55px;}
.faq-page .hero-container form .btn{min-width: 150px;}

/**************************/
/* BLOG */
/**************************/
#blogTabsContent{margin-top: 30px;}
.nav-tabs .nav-link{border-radius: 25px;background:var(--color-yellow);color: #000;font-size: 14px;margin-right: 10px;}
.nav-tabs .nav-link.active{border: none;background:var(--color-orange);color: #fff;border-radius: 25px;}
ul#blogTabs{border:none;}
.blog .card{border: none;}
.blog .card-body{padding: 10px 5px;}
.blog .card-body h3 a{font-size:22px;color:#000;}
.blog .card-body h3 a:hover{color:var(--color-orange-hover);}
.blog .card-body p, .blog .card-body span{margin-bottom:0px;font-size:14px;}

/**************************/
/* CONTACT */
/**************************/
.contact-hero{background-color: var(--color-yellow);padding: 50px 70px;}
.light-txt{color: var(--color-txt);}
.form-select, .form-control{padding-top: 15px;padding-bottom: 15px;border-radius: 10px;}
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }  
input[type="date"]{position: relative;}
input[type="date"]::before{content: url('../img/calendar-add.svg');position: absolute;right: 10px;top: 55%;transform: translateY(-50%);pointer-events: none;}
input[type="text"].iconDate{background-image: url('../img/calendar-add.svg');background-repeat: no-repeat;background-position: right 10px center;background-size: 20px;padding-right: 40px;}

/**************************/
/* MAP */
/**************************/
#map {height: 100%;}
.price-tag {background-color: #000000;border-radius: 8px;color: #FFFFFF;font-size: 14px;padding: 10px 15px;position: relative;} 
.price-tag::after {content: "";position: absolute;left: 50%;top: 100%;transform: translate(-50%, 0);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #000000;}

/**************************/
/* FOOTER */
/**************************/
footer{background-color:#000;}
.logo-block{margin-bottom:50px;}
footer h3{font-weight: 600;font-size: 20px;margin-bottom: 20px;}
ul.list-unstyled li{margin-bottom: 13px;}
ul.list-unstyled a{text-decoration: none;}
ul.social li{font-size: 20px;}
.last-line{margin-top:40px;}
.footer-content{padding-bottom: 50px;padding-top: 100px;}
.round-25{border-radius: 25px;}

/* ======================= */
/*  Escritorio (>= 992px)  */
/* ======================= */
@media (min-width: 992px) {
    .navbar-brand{width: 30%;}
    #navbarCollapse{width: 40%;}
    .further-cta{display: flex;justify-content: flex-end;} /*width: 30%;*/
    .how-it-img{display:none;}
    .room-sidebar{position: relative;}
    .room-sidebar-inner{position: sticky;top: 30px;}
}
/* ===================== */
/*  Móvil (< 992px)      */
/* ===================== */
@media (max-width: 991.98px) {
    h2{font-size:28px;}

    .further-cta{margin: 0 !important;}
    .navbar-toggler{margin-left: auto;}
    #navbarCollapse{width: 100% !important;}

    .hero-further{padding-top: 20px;margin-bottom: 50px;}
    .hero-further h1{font-size: 38px;}
    .hero-further .container{padding-bottom: 0px;}
    .hero-overlay-further{background-image:none;width:100%;z-index:0;position: relative;}
    .hero-further-int{flex-direction: column;}
    .hero-container{z-index: 1;}
    .hero-overlay-further img{display:block;width: 100%;}
    .hero-further .container{height:auto;}

    .bck-how{display:none;}
    .how-it-img{width:100%;margin-bottom: 20px;}
    .f-mb-2{margin-bottom: 0px;}
    .step{flex-direction: column;align-items: flex-start;margin-bottom:0px;}

    .ratings-section{padding: 20px;flex-direction: column;}

    .testimonial-card{margin-top: 20px;}

    .extra-mt-mb{margin-top:30px;margin-bottom:30px;}

    .contact-hero{padding:20px;}

    .last-line{flex-direction:column;}
    .footer-content{padding:20px;}
    .footer-content .text-center{text-align: left !important;}

    .faq-page .hero-container form{flex-direction: column;}
    .faq-page .hero-further .container{padding-bottom:45px;}
    
}
/* EXTRA */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1250px;
    }
}

/* ===================== */
/*  Móvil (500px)      */
/* ===================== */
@media (max-width: 500px) {
    .hero-further {margin: 0px 10px;}
    .hero-further .container {
        padding:25px;
        background: none;
        background-image: url(../img/room_for_rent_in_Barcelona_in_community_.png);
        background-size: 100%;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-color: #feebd7;
    }
    .hero-overlay-further {
        height: 230px;
    }
}


/* CALENDAR */
a.ui-datepicker-next.ui-corner-all span, a.ui-datepicker-prev.ui-corner-all span {
    display: none;
}
a.ui-datepicker-next.ui-corner-all, a.ui-datepicker-prev.ui-corner-all {
    background: #f0f1f4;
    cursor: pointer;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}
a.ui-datepicker-next.ui-corner-all {
    background-image: url(/media/right_ic.png);
    right: 0;
    top: 2px;
}
a.ui-datepicker-prev.ui-corner-all {
    background-image: url(/media/left_ic.png);
    left: 0;
    top: 2px;
}

.ui-datepicker a {
    color: #000;
}

.has-event a::after{
    background-color: var(--color-orange);
    border-radius: 20px;
    content: '';
    position: absolute;
	height: 5px;
    width: 5px;
    bottom: 4px;
}

.ui-datepicker {
    width: max-content;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: 16px;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 5px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	padding: .2em;
    text-align: center;
    text-decoration: none;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 20px;
}
.ui-datepicker td a.ui-state-active {
    background-color: #f3f1ea !important;
    border: 1px solid var(--color-orange) !important;
    color: var(--color-orange) !important;
}
.ui-datepicker td a.ui-state-highlight {
    color: #fff !important;
    background-color: var(--color-orange) !important;
}
.home .ui-datepicker .ui-state-highlight{
    color: #fff !important;
    background-color: #888888 !important;
}
.home .ui-datepicker .ui-state-active {
    color: #fff !important;
    background-color: var(--color-orange) !important;
}
td.ui-datepicker-week-end a.ui-state-default {
    background-color: #eee8db !important;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto !important;
	display: flex !important;
	gap: 20px;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* EVENTOS */
.icon-event-1{background-image: url(/media/icon-man.svg);}
.icon-event-2{background-image: url(/media/icon-man.svg);}
.icon-event-3{background-image: url(/media/icon-clean.svg);}
.icon-event-4{background-image: url(/media/icon-man.svg);}
.icon-event-5{background-image: url(/media/icon-birth.svg);}
.icon-event-moving{background-image: url(/media/icon-sex.svg);}

.events-list {
    margin-top: 20px;
}
.events-list h3 {
    font-size: 18px;
    font-weight: 600;
}
.events-list ul {
	margin-top: 20px;
    list-style: none;
    padding: 0;
}
li.box-data {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.box-data-text {
    display: flex;
    flex-direction: column;
}
.box-data-icon {
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.bdt-title{
	font-weight:500;
}
.bdt-subtitle{
	color:#c2c2c2;
}

.signature-container{display:none;}

.signature{
    position: relative;
  width: 400px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 30px;
  margin-bottom: 10px;
}

.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width:400px;
  height:200px;
  border: 1px dashed black;
}

.left-menu-item span.bi{font-size: 25px;}

.contract-text, .contract-signature{
    background: #d5d5d5;
    padding: 20px;
}

.signature-buttons{
    margin-left: 30px;
}

.signature-buttons button{
    margin-right: 10px;
}

.minifont{
    font-size: 12px;
  height: 40px;
}