/* Developed entirely by staycreative.es 2024 */

@font-face {font-family: 'FS Renaissance';src: url('../../fonts/FSRenaissance.woff2') format('woff2'),url('../../fonts/FSRenaissance.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}

/* Utility */
.lv-hidden { display: none !important; }

/* Full-bleed slider: izquierda alineada al container, derecha rebosa hasta el borde de la pantalla */
.lv-slider-bleed-wrapper {
    overflow-x: clip;
}
.lv-slider-bleed {
    overflow: visible !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-right: 0 !important;
}

/* reset ui kit */
/* .uk-card-default {background-color: transparent !important; box-shadow: none; } */
::selection {color: white; background-color: #06be94;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}


/* Generals */
html, body {font-family: 'Inter', sans-serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #6a6a6a;}
p{font-family: 'Inter', sans-serif;color: #6a6a6a;font-weight: 400; font-size: 1rem; line-height: 1.6;}
h1, h2, h3, h4, h5, h6 { color: #26272E;font-weight: 400; margin-bottom: 0; margin-top: 0px; line-height: 1.4 !important;}
h1, h2 {font-family: 'FS Renaissance', sans-serif;}
ul {padding-left: 0px;}
/* li {text-decoration:none; list-style-type: none; color: #323031;} */
.post ul li {text-decoration: initial !important;}
a {-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out; word-wrap: break-word; /*color: #06be94;*/}
a:hover{color: #FD9362; text-decoration: none;}
a span {display: inline-block;}
small {font-weight: 400;}
ul li {list-style-type: none; list-style: none;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}
.uk-link, a {color: #6a6a6a; font-weight: 600;}

/* Buttons */
button{font-family: 'Inter';}
.uk-button{ font-family: 'Inter', sans-serif; font-weight: 700; border:0;line-height: 1.5;text-transform: uppercase;font-size: 1rem;-webkit-appearance: none !important;border-radius: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 1rem 2rem; text-align: left;border-radius: 100px;}
.uk-button.uk-padding-small {padding: 0.5rem 0.8rem !important; font-size: 0.8rem;}

    .uk-button-default{ background-color: #06be94 !important; color: #fff !important;border: 1px solid #06be94;}
    .uk-button-default:hover{background-color: #FD9362 !important; color: #fff !important;border: 1px solid #FD9362; }

    .uk-button-small{background-color: #06be94 !important; color: #fff !important; border: 1px solid #06be94; font-size: 0.7rem; padding: 0.5rem 1.2rem !important;}
    .uk-button-small:hover{background-color: #FD9362 !important; color: #fff !important;border: 1px solid #FD9362;  }

    .uk-button-nav{ background-color: #06be94 !important; color: #fff !important;border: 1px solid #06be94; padding: 0.5rem 1rem !important; min-height: 50px !important;}
    .uk-button-nav:hover{background-color: #269D7F !important; color: #fff !important;border: 1px solid #269D7F; }

    .uk-button-access{ background-color: transparent !important; color: #269D7F !important;border: 1px solid #06be94; padding: 0.5rem 1rem !important; min-height: 50px !important;}
    .uk-button-access:hover{background-color: #06be94 !important; color: #fff !important;border: 1px solid #06be94; }

    .uk-button-property{ background-color: transparent !important; color: #777 !important;padding: 0.5rem 1rem !important; min-height: 50px !important; font-weight: 600 !important;}
    .uk-button-property:hover{background-color: #f4f4f4 !important; color: #777 !important; }


    .uk-button-primary{ background-color: white !important; color: #06be94 !important;border: 1px solid white;}
    .uk-button-primary:hover{background-color: #06be94 !important; color: white !important;border: 1px solid #06be94; }

    .uk-button-secondary{ background-color: white; color: #26272E !important;border: 1px solid white;}
    .uk-button-secondary:hover{background-color: #26272E !important; color: white !important;border: 1px solid #26272E; }

    .uk-button-tertiary{ background-color: #FD9362 !important; color: #fff !important;border: 1px solid #FD9362;}
    .uk-button-tertiary:hover{background-color: #06be94 !important; color: #fff !important;border: 1px solid #06be94; }


    .uk-button-default.uk-button-transparent{ background-color: transparent !important; color: #fff !important;border: 1px solid #06be94;}
    .uk-button-default.uk-button-transparent:hover{background-color: #269D7F !important; color: #fff !important;border: 1px solid #269D7F; }

    .uk-button-primary.uk-button-transparent{ background-color: transparent !important; color: #fff !important;border: 1px solid #fff;}
    .uk-button-primary.uk-button-transparent:hover{background-color: #06be94 !important; color: white !important;border: 1px solid #06be94; }

    .uk-button-secondary.uk-button-transparent{ background-color: transparent !important; color: #26272E !important;border: 1px solid #26272E;}
    .uk-button-secondary.uk-button-transparent:hover{background-color: #26272E !important; color: white !important;border: 1px solid #26272E; }


    .uk-button-search {background-color: rgba(0, 190, 148, .2) !important; color: #06be94 !important; border: 1px solid #06be94; padding: 10px 30px; font-size: 1rem; text-transform: initial; transition: all 0.2s cubic-bezier(.4,0,.2,1);}
    @media (hover: hover) { .uk-button-search:hover{background-color: #dfdfdf !important; color: #6a6a6a !important;border: 1px solid #dfdfdf; } }
    .uk-button-search.is-active {background-color: #dfdfdf !important; color: #6a6a6a !important; border-color: #dfdfdf !important;}


    .uk-button-gallery {background-color: #06be94 !important; color: white !important; border: 1px solid #06be94; padding: 0px 12px;}
    .uk-button-gallery.video {background-color: #06be94 !important; color: white !important; border: 1px solid #06be94; padding: 0px 12px; position: absolute; bottom: 20px; right: 20px;}
    .uk-button-gallery:hover{background-color: #FD9362 !important; color: white !important;border: 1px solid #FD9362; }

    .uk-button-share {background-color: #ededed !important; color: #6a6a6a !important; border: 1px solid #ededed; padding: 2px 15px; font-size: 0.8rem; text-transform: initial;}
    .uk-button-share:hover{background-color: #dfdfdf !important; color: #6a6a6a !important;border: 1px solid #dfdfdf; }

    .uk-button-wishlist {background-color: #ededed !important; color: #6a6a6a !important; border: 1px solid #ededed; padding: 2px 15px; font-size: 0.8rem; text-transform: initial;}
    .uk-button-wishlist:hover{background-color: #dfdfdf !important; color: #6a6a6a !important;border: 1px solid #dfdfdf; }

    .uk-button-wishlist-icon {background-color: transparent !important; border: none !important; padding: 8px !important; cursor: pointer !important; z-index: 10 !important; position: relative !important; width: 40px !important;}
    .uk-button-wishlist-icon:hover {opacity: 0.8 !important;}
    .uk-button-wishlist-icon:focus {outline: none !important;}

    .uk-button-social {background-color: transparent !important; color: #6a6a6a !important; border: 1px solid #6a6a6a; padding: 2px 15px; font-size: 0.8rem; text-transform: initial;}
    .uk-button-social:hover{background-color: #dfdfdf !important; color: #6a6a6a !important;border: 1px solid #6a6a6a; }

    .uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {background-color: #999 !important;color: #fff !important;border-color: #999 !important;}


/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}
.uk-notification-message{font-size: 1rem;}
.uk-notification{width: 400px;}
.uk-notification-top-center{margin-left: -200px;}
.uk-notification-message.uk-notification-message-danger{background-color: #f0506e;color: white;}
.uk-notification-message.uk-notification-message-danger .uk-close{color: white;}
.uk-notification-message.uk-notification-message-primary {background-color: #42d1b5; color: white;}
.uk-notification-message.uk-notification-message-primary .uk-close{color: white;}

/* breadcrumbs */
.uk-breadcrumb li a, .uk-breadcrumb li span{font-size: 0.7rem;text-transform: uppercase;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: -1px 10px 0;vertical-align: middle;}

/* pagination */
.uk-pagination>.uk-active>*{color: #06be94;font-weight: 600;}

/* sweet alert */
.swal2-title{font-family: 'Inter' !important; color: #06be94 !important; font-size: 1.6rem !important;}
.swal2-popup {padding: 5vh !important; border-radius: 40px !important;}
.swal2-styled.swal2-confirm { font-weight: 700 !important; border:0  !important;line-height: 1.5  !important;text-transform: uppercase !important;font-size: 1rem !important;-webkit-appearance: none !important;border-radius: 0  !important;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 1rem 2rem !important; text-align: left  !important; background-color: #06be94 !important; border-radius: 100px !important; color: #fff !important; border: 1px solid #06be94  !important;}

.swal2-styled.swal2-confirm:hover { font-weight: 700 !important; border:0  !important;line-height: 1.5  !important;text-transform: uppercase !important;font-size: 1rem !important;-webkit-appearance: none !important;border-radius: 0  !important;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 1rem 2rem !important; text-align: left  !important; background-color: #FD9362 !important; border-radius: 100px !important; color: #fff !important; border: 1px solid #FD9362  !important;}


    /* form */
    /* .form {position: relative;}
    .form input[type=text],.form input[type=email],.form input[type=password],.form input[type=number],.form input[type=search],.form select,.form textarea{min-height: 40px; margin-top: 0px !important; padding: 5px 10px; border: 2px solid #E1E1E1; background-color: #fff; box-shadow: none; border-radius: 5px;  margin-bottom: 6px; color: #26272E !important; font-size: 1rem;height: auto;font-family: 'Inter', sans-serif;}
    .form .uk-select:not([multiple]):not([size]){background-color: #fff; background-image: none; color: white !important;}
    .uk-select:not([multiple]):not([size]) option {background-color: white !important; color: white !important;}
    .bg-select-white:focus {background-color: white !important; color: white !important;}
    .form p {color: white;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #72706E !important;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form textarea:focus, .form select:focus{ background-color: transparent !important; color: #26272E !important; }
    .form select{padding-right: 30px;}
    .form textarea{margin-bottom: 10px;padding: 10px; color: white;}
    .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .form input:-ms-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder
    {color: #72706E !important;font-size: 0.7rem !important;}
    .form small{color: white;}
    .form .uk-checkbox {border-color: #06be94 !important;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #06be94 !important;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #06be94;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #06be94;}
    .form input:-webkit-autofill,
    .form input:-webkit-autofill:hover,
    .form input:-webkit-autofill:focus
    .form textarea:-webkit-autofill,
    .form textarea:-webkit-autofill:hover
    .form textarea:-webkit-autofill:focus,
    .form select:-webkit-autofill,
    .form select:-webkit-autofill:hover,
    .form select:-webkit-autofill:focus {color: #171919;font-family: 'Inter';}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #72706E !important; font-size: 0.8rem !important;}
    form, input:focus::placeholder { color: #06be94;} */


/* Icons */


.icon{background-image: url('../../front_img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}

.icon.facebook {width: 30px;height: 30px;background-position: -125px -0px;}
.icon.instagram {width: 30px;height: 30px;background-position: -155px -0px;}

.icon.facebook:hover {filter: invert(100%);}
.icon.instagram:hover {filter: invert(100%);}

.icon.tripadvisor {width: 30px;height: 30px;background-position: -125px -30px;}

.icon.psfi-guests{width: 20px;height: 20px; background-position: -185px -0px;}
.icon.psfi-area{width: 20px;height: 20px; background-position: -205px -0px;}
.icon.psfi-date{width: 20px;height: 20px; background-position: -225px -0px;}
.icon.psfi-price{width: 20px;height: 20px; background-position: -245px -0px;}
.icon.psfi-interests{width: 20px;height: 20px; background-position: -265px -0px;}

.icon.license{width: 30px;height: 30px; background-position: -30px -170px;}
.icon.guests{width: 30px;height: 30px; background-position: -0px -200px;}
.icon.rooms{width: 30px;height: 30px; background-position: -30px -200px;}
.icon.baths{width: 30px;height: 30px; background-position: -60px -200px;}
.icon.pool{width: 30px;height: 30px; background-position: -90px -200px;}

.icon.comment-clean{width: 20px;height: 20px; background-position: -0px -400px;}
.icon.comment-veracity{width: 20px;height: 20px; background-position: -20px -400px;}
.icon.comment-chat{width: 20px;height: 20px; background-position: -40px -400px;}
.icon.comment-translate{width: 20px;height: 20px; background-position: -60px -400px; top: 3px; position: relative;}
.icon.comment-arrival{width: 20px;height: 20px; background-position: -0px -400px;}
.icon.comment-location{width: 20px;height: 20px; background-position: -0px -400px;}
.icon.comment-quality{width: 20px;height: 20px; background-position: -0px -400px;}

.icon.gallery{width: 30px;height: 30px; background-position: -520px -30px; margin-right: 4px; top: 4px; position: relative;}
.icon.property-share{width: 15px;height: 15px; background-position: -350px -0px;margin-right: 6px;}
.icon.property-wishlist{width: 15px;height: 15px; background-position: -365px -0px;margin-right: 6px;}

.icon.share-facebook {width: 25px;height: 25px; background-position: -620px -0px; margin-right: 4px}
.icon.share-whatsapp {width: 25px;height: 25px; background-position: -645px -0px; margin-right: 4px}
.icon.share-email {width: 25px;height: 25px; background-position: -670px -0px; margin-right: 4px}
.icon.share-messenger {width: 25px;height: 25px; background-position: -695px -0px; margin-right: 4px}
.icon.share-copy {width: 25px;height: 25px; background-position: -720px -0px; margin-right: 4px}
.icon.share-message {width: 25px;height: 25px; background-position: -745px -0px; margin-right: 4px}

.icon.small-guests{width: 25px;height: 25px; background-position: -0px -300px;}
.icon.small-rooms{width: 25px;height: 25px; background-position: -25px -300px;}
.icon.small-baths{width: 25px;height: 25px; background-position: -50px -300px;}
.icon.small-pool{width: 25px;height: 25px; background-position: -75px -300px;}

.icon.filter-beach{width: 30px;height: 30px; background-position: -200px -200px;}
.icon.filter-mountains{width: 30px;height: 30px; background-position: -230px -200px;}

.icon.plus{width: 20px;height: 20px; background-position: -0px -380px;  top: 5px; position: relative;}
.icon.less{width: 20px;height: 20px; background-position: -20px -380px; top: 5px; position: relative;}

.icon.livowner{width: 50px;height: 50px; background-position: -120px -80px; z-index: 1; position: relative;}

.home .icon.search-search {width: 30px;height: 30px; background-position: -400px -0px; margin-top: 8px;}
.icon.search-search {width: 30px;height: 30px; background-position: -400px -0px; margin-top: 2px;}
.icon.search-calendar {width: 30px;height: 30px; background-position: -430px -0px;}
.icon.search-pax {width: 30px;height: 30px; background-position: -460px -0px;}
.icon.search-location {width: 30px;height: 30px; background-position: -490px -0px;}

  /* menu */
  .uk-navbar-container, .uk-navbar-container .uk-navbar-left{min-height: 80px;}
  /*
  .uk-navbar-container:not(.uk-navbar-transparent){height: 80px;z-index:5;background-color: transparent;padding-left: 80px;padding-right: 0px;width: 100%;box-sizing: border-box;}
  .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;}
  .uk-navbar-left {float: left; }
  .uk-navbar-right {background-color: transparent; float: right; height: 80px;}
  .uk-navbar-nav>li>a, .uk-navbar-nav>li ul.uk-nav-sub li a{font-weight: 400; color:white; padding: 0px 10px; font-size: 1rem; font-family: 'Inter', sans-serif;text-transform: none;}
  .uk-navbar-nav>li ul li a{font-weight: 400;padding: 0px 10px; font-size: 0.9rem; font-family: 'Inter', sans-serif;}
  .uk-navbar-nav>li.uk-active>a {color: #fff;font-weight: 700;   }
  .uk-navbar-nav#main-menu {width: 100%;margin-right: 20px;}
  .uk-navbar-nav#main-menu .lang>a{text-transform: uppercase;}
  .uk-navbar-nav#main-menu .lang .languages-menu{padding: 5px;float: left;width: 100%;box-sizing: border-box;}
  .uk-navbar-nav#main-menu .lang .languages-menu li{width: 50%;display: inline-block;text-align: center;float: left;font-size: 0.9rem;padding: 6px 0px;}
  .uk-navbar-nav#main-menu .lang .languages-menu li a{padding: 0;color: #06be94;}
  .uk-navbar-nav#main-menu .lang .languages-menu li a:hover{color: #72706E;}
  .uk-navbar-nav>li>a:hover{color: #269D7F;}
  .uk-navbar-dropdown-nav>li>a{ color: #269D7F; height: auto;}
  .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #269D7F;}
  .uk-navbar-dropdown{position: absolute; }
  .uk-navbar-dropdown.uk-navbar-dropdown-bottom-left {z-index: 100000;left: 0px; top: -5px;}
  .uk-navbar-dropdown.uk-open{background-color: rgba(255, 255, 255, 1);}
  .uk-navbar-toggle {color: white !important; }

  .has-dropdown{position: relative; }
  .has-dropdown {padding-right: 0;}
  .uk-navbar-dropdown {width: 240px; }
  .has-dropdown:after{content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../../front_img/assets-sprite.svg); background-position: -55px -8px; position: absolute; top: 39px; right: -2px; background-size: 1000px 500px;}
  .has-dropdown:hover:after{background-position: -55px 0;}
  .uk-navbar.uk-active .has-dropdown:after{background-position: -55px -8px;}
  .uk-navbar.uk-active .has-dropdown:hover:after{background-position: -55px 0;}
  .lang.has-dropdown:after{background-position: -55px -8px;top: 40px; right: -5px;}
  .uk-navbar.uk-active .lang.has-dropdown:after{background-position: -55px -8px;}
  .uk-navbar.uk-active .lang.has-dropdown:hover:after{background-position: -55px 0;}
  .bm-waves a{padding: 0 !important;font-size: 0 !important;}
  .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
  .bm-waves span{display: block; z-index: 4;  position: relative; width: 170px; height: 36px;background-image: url(../../front_img/logo-primary.svg); background-size: contain; background-repeat: no-repeat; position: relative;}
  .uk-navbar-container.uk-active{background-color: #06be94 !important;width: 100vw !important; height: 80px;  z-index: 5;padding: 0 0 0 30px;}
  .uk-navbar-container.uk-active .uk-navbar-right {background-color: transparent; height: 80px; margin-top: 5px; padding-left: 20px; box-shadow: none; }
  .uk-navbar-nav>li>a:active{color: #999; }
  .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a {color: #fff !important;font-weight: 700;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #fff;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #269D7F !important;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a.uk-active {font-weight: 700;}
  .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;}
    .uk-navbar-container.uk-active .bm-waves span{width: 200px; height: 70px; top: 3px; background-image: url('../../public/img/logo-header.svg');}
  .uk-navbar-container.uk-active .uk-button-menu {color: #999 !important;}
  .uk-form-div{position: relative;padding: 0 !important;}
  .uk-notification-message{font-size: 1rem;}
  .uk-notification{width: 400px;}
  .uk-notification-top-center{margin-left: -200px;}
  .uk-nav.uk-navbar-dropdown-nav {position: relative; z-index: 5;}
  .uk-button-menu svg:not(:root) {width: 50px; height: 50px;}
  .uk-button-menu svg:not(:root) rect {height: 1px !important;}
  .menu .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve),  #book .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {display: none;}
  .sales-dropdown{position: relative;}
  .sales-dropdown .sd-container{margin-top: 0;padding: 30px 20px 20px;}
  .sales-dropdown .sd-container li .sd-menu-item{opacity: 0.6;}
  .sales-dropdown .sd-container li:hover .sd-menu-item{opacity: 1;}
  .sales-dropdown .sd-container a{text-align: center;font-weight: 700;}
  .sd-menu-item{background-position: center;background-size: cover;background-repeat: no-repeat;margin-bottom: 10px;}

  .menu-bg{background-color: #06be94;height: 80px;margin-top: -80px;}

  #main-menu .uk-button{min-height: auto;margin: 17px 0 17px 20px;padding: 10px 20px;}
  .uk-sticky.uk-active #main-menu .uk-button.uk-button-primary:hover{background-color: white !important;color: #06be94 !important;}
  .uk-sticky.uk-active #main-menu .uk-button.uk-button-default{background-color: white !important;color: #06be94 !important;}
  .uk-sticky.uk-active #main-menu .uk-button.uk-button-default:hover{background-color: #269D7F !important;color: white !important;}

  */

  /* DROPDOWN */
  .uk-drop.uk-open {border-radius: 10px; z-index: 998;}
  .uk-navbar-dropdown-nav>li>a {font-size: 0.9rem; font-weight: 600;}
  .uk-navbar-dropdown-nav>li>a:hover {color: #06be94 !important;}
  .uk-dropdown {min-width: max-content;}
  .uk-navbar-dropdown-nav>li>a.uk-active {color: #06be94;}

  /* TOOLTIP */
  .uk-tooltip {
    background-color: #333;
    color: white;
    font-size: 0.8rem;
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    max-width: 300px;
    z-index: 1000;
  }

  .property-info .uk-tooltip {
    background-color: white;
    color: #6a6a6a;
    border: 1px solid #d4d4d4;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
    font-size: 0.85rem;
    line-height: 1.4;
    padding: 12px 15px;
  }

  /* MENU */
    .user-menu {gap: 15px;margin-left: 20px;}
    .uk-navbar-container {position: relative; z-index: 999; }
    .uk-navbar-container.uk-sticky.uk-active {box-shadow: 0 2px 8px rgb(0 0 0 / 8%);}
    .uk-navbar-container.uk-sticky.uk-active .search-engine-home {top: 0;border: 1px solid #6a6a6a; box-shadow: none;}
    .uk-navbar-nav>li>a {text-transform: initial; font-size: 0.9rem; font-weight: 500; color: #06be94;}
    /* .uk-navbar-container.uk-sticky.uk-active .search-engine-home-container{display: none;} */
    /* .uk-navbar-container.uk-sticky .scroll-to-booking{display: none;} */
    .uk-navbar-container.uk-sticky.uk-active .scroll-to-booking{display: block;}
    #scroll-to-booking-link .search-engine-home{top: 15px;margin: 0;}
    #scroll-to-booking-link{font-weight: normal;}


    /* SEARCH PROPERTY  */
    #lv-dd-property #lv-datepicker {position: absolute; height: 60px; background-color: transparent; border: 0;}
    #lv-dd-property #lv-datepicker-in {height: 60px; padding: 20px; font-size: 0.8rem; border-radius: 10px 0 0 0; border: 1px solid #666;}
    #lv-dd-property #lv-datepicker-out {height: 60px; padding: 20px; font-size: 0.8rem; border-radius: 0px 10px 0 0; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666;}
    #lv-dd-property #lv-datepicker-in::placeholder, #lv-dd-property #lv-datepicker-out::placeholder { color: #000;}
    #lv-dd-property .uk-input {color: #000!important;}

    /* WISHLIST MODAL DATEPICKER */
    #wishlist-datepicker {/*position: absolute;*/ height: 40px; background-color: transparent; border: 0; width: 100%;     border: 1px solid red;}
    #wishlist-datepicker-in {height: 40px; padding: 10px; font-size: 0.9rem; border: 1px solid #e5e5e5;}
    #wishlist-datepicker-out {height: 40px; padding: 10px; font-size: 0.9rem; border: 1px solid #e5e5e5; border-left: 0;}
    #wishlist-datepicker-in::placeholder, #wishlist-datepicker-out::placeholder { color: #999;}
    #wishlist-create-modal .uk-input {color: #26272E!important; border-radius: 4px; font-size: 0.9rem; padding: 0px 10px;}


    /* SEARCH  */
     #lv-datepicker-search {position: absolute; height: 60px; background-color: transparent; border: 0; z-index: ; background-color: red !important; width: 100%;}
     #lv-datepicker-search-in, #lv-datepicker-search-out {    color: #26272E !important;
        z-index: 4;}
     #lv-datepicker-in-search {height: 60px; padding: 20px; font-size: 0.8rem; border-radius: 10px 0 0 0; border: 1px solid #666;}
     #lv-datepicker-out-search {height: 60px; padding: 20px; font-size: 0.8rem; border-radius: 0px 10px 0 0; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666;}
     #lv-datepicker-in-search::placeholder,  #lv-datepicker-out-search::placeholder { color: #26272E;}
     .uk-input {color: #26272E!important;}
     #lv-datepicker-search {position: relative; z-index: 11;}
     #nav-lv-datepicker, #lv-datepicker {position: relative; z-index: 111;    background: transparent !important;
        background-color: transparent !important;}
     .lv-search-container {position: relative; margin-top: -60px; z-index: 0; }
     #lv-datepicker-search .lv-search-container .uk-input {padding: 30px 10px 10px !important;}
     #s-price-night, #s-price-total{margin-bottom: -3px;}


  /* datedropper new */
  :root {
    --lv-primary: #06be94;
    --dd-gradient: linear-gradient(45deg, #06be94 0%, #06be94 100%) !important;
  }
  .livantra-theme {
    --dd-overlay: rgba(0, 0, 0, 0.75);
    --dd-background: #FFFFFF;
    --dd-text1: #26272E;
    --dd-text2: #FFFFFF;
    --dd-primary: #06be94 !important;
    --dd-gradient: linear-gradient(45deg, #06be94 0%, #06be94 100%) !important;
    --dd-radius: 0.35em;
    --dd-shadow: 0 0 2.5em rgba(0, 0, 0, 0.1);
    --dd-range: rgba(0, 0, 0, 0.05);
    --dd-monthBackground: linear-gradient(45deg, #06be94 0%, #06be94 100%);
    --dd-monthText: var(--dd-text2);
    --dd-monthBorder: transparent;
    --dd-confirmButtonBackground: var(--dd-gradient);
    --dd-confirmButtonText: var(--dd-text2);
    --dd-selectedBackground: var(--dd-gradient);
    --dd-selectedText: 	var(--dd-text2);
    --dd-block: var(--dd-gradient);
}

/* HACKS */
.clear{clear: both;}
.overlay{background-color: rgba(30,63,57,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.overlay-light{background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.overlay-header {
    background: rgb(38, 39, 46);
    background:
    linear-gradient(15deg, rgba(38, 39, 46,1) 0%,
     rgba(38, 39, 46,1) 0%, rgba(38, 39, 46,0) 40%);
    position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;
}
.section{padding: 5vh;}
.section-large{padding: 10vh;}
.section-small{padding: 3vw;}

.transition {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.bg-white {background-color: #fff !important;}
.bg-light-grey {background-color: #f6f6f6 !important;}
.bg-grey {background-color: #999 !important;}
.bg-dark-grey {background-color: #6a6a6a !important;}
.bg-light {background-color: #fff5db !important;}
.bg-dark {background-color: #26272E !important;}
.bg-primary{background-color: #06be94 !important;}
.bg-secondary{background-color: #FFD3BC !important;}
.bg-tertiary{background-color: #FD9362 !important;}

.bg-primary-light{background-color: rgb(185 249 235 / 30%) !important;}
.bg-secondary-light{background-color: rgb(255 211 188 / 30%) !important;}
.bg-tertiary-light{background-color: rgb(253 147 98 / 30%) !important;}


.white {color: #fff !important;}
.grey {color: #999 !important;}
.dark-grey {color: #6a6a6a !important;}
.light {color: #fff5db !important;}
.dark {color: #26272E !important;}
.primary{color: #06be94 !important;}
.secondary{color: #FFD3BC !important;}
.tertiary{color: #FD9362 !important;}

.font-weight-400 {font-weight: 400 !important;}
.font-weight-500 {font-weight: 500 !important;}
.font-weight-600 {font-weight: 600 !important;}
.font-weight-700 {font-weight: 700 !important;}


.bg-img {background-position: center; background-repeat: no-repeat; background-size: cover; }
.bg-img img{width: 100%;}

.shadow {box-shadow: 0 0px 10px rgba(0,0,0,0.3);}

.b-bottom {border-bottom: 1px solid #26272E;}
.b-top {border-top: 1px solid #26272E;}
.sans {font-family: 'Inter', sans-serif;}
.bold {font-family: 'Inter', sans-serif !important;}

.container-border{border-top: 1.5px solid #26272E; border-bottom: 1.5px solid #26272E;}
.container-text {max-width: 700px; margin: 0 auto;}
.container-feed {width: calc(100% - 10%); padding-left: 10%;}

.mt-0{margin-top: 0 !important;}
.mt-10{margin-top: 10px !important;}
.mt-25{margin-top: 25px !important;}
.mt-35{margin-top: 35px !important;}
.mt-50{margin-top: 50px !important;}

.mb-0{margin-bottom: 0 !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-50 {margin-bottom: 50px !important;}

.pt-0{padding-top: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pl-0{padding-left: 0 !important;}
.pb-0{padding-bottom: 0 !important;}

.uk-link{color: #06be94;text-decoration: underline;font-weight: 700;}

.uk-text-underline {text-decoration: underline;}
.uk-text-line-through {text-decoration:line-through}

.uk-hr, hr {border-top: 1px solid #d4d4d4;}

/* PRELOADER */
.preloader{position: fixed;z-index: 9999;width: 100vw;height:100vh; opacity: 1; background: #06be94; top: 0;left: 0;}
.preloader img{-webkit-animation: heartbeat 1.5s ease-out infinite normal;animation: heartbeat 1.5s ease-out infinite normal;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);}

@keyframes heartbeat{
  0%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  15%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  30%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  45%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  80%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  100%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
}


/* GENERALS */
.home h1 {font-size: 3.2rem;}
h1{font-size: 3rem; line-height: 1.2;}
h3{font-size: 2.6rem;}
h3{font-size: 2rem;}
h3 span{font-family: 'Inter';font-size: 70%;}
h4{font-family: 'Inter';}
.text-serif {font-family: 'FS Renaissance';}
.text-sans {font-family: 'Inter' !important;}
.uk-border-rounded {border-radius: 10px;}
.uk-border-rounded {border-radius: 10px;}
.uk-border-rounded.top {border-radius: 10px 10px 0px 0px;}
.uk-border-rounded.right {border-radius: 0px 10px 10px 0px;}
.uk-border-rounded.bottom {border-radius: 0px 0px 10px 10px;}
.uk-border-rounded.left {border-radius: 10px 0px 0px 10px;}

.uk-heading-xsmall {font-size: 1.2rem !important; margin: 0; line-height: 1.2 !important;}
.uk-heading-small {font-size: 2rem !important; margin: 0; line-height: 1 !important;}
.uk-heading-medium {font-size: 2.4rem !important; margin: 0; line-height: 1 !important;}
.uk-heading-large {font-size: 3.2rem !important; margin: 0; line-height: 1 !important;}

.uk-text-meta {font-size: 0.9rem; color: #666; }
.uk-slider-items h3 span {display: block;}

.z-index {position: relative; z-index: 2;}
.uk-divider-vertical {height: 100%;}

.uk-overlay-primary {
    position: absolute;bottom: 0;left:0;width: 100%;height: auto;z-index: 1;
    background: transparent;
    background: -webkit-linear-gradient(to bottom, transparent 0%, #26272E 100%);
    background: -moz-linear-gradient(to bottom, transparent 0%,#26272E 100%);
    background: linear-gradient(to bottom, transparent 0%, #26272E 100%);}


.vertical-text {writing-mode: vertical-rl; text-orientation: revert;}
.header-container{background-color: #06be94; }
.header{background-position: center;background-repeat: no-repeat;background-size: cover;}
.page .header .overlay-top{position: absolute;top: 0;left: 0;width: 100%;height: 100px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));}
.page .header .overlay-bottom{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));}
.page .header {min-height: 50vh; height: 50vh; }
.header .uk-height-large {min-height: 50vh; height: 50vh;}

.uk-navbar-container:not(.uk-navbar-transparent) {background-color: white; padding-left: 20px; padding-right: 20px;}

/* ALERTS */
.uk-notification-message {padding: 20px; border-radius: 10px;}


/* ARROWS */
/* .uk-slidenav.uk-icon>* {display: none;}
.uk-slidenav span.uk-icon {display: block !important;} */


/* .DateInput_input__focused {}
.CalendarDay__default {}
.CalendarDay {}
.CalendarDay__default {} */


.container-slider-arrows .uk-slidenav-large {padding: 0;}

/* HOME */
.home .header .overlay-bottom{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));}
.home .header{min-height: 60vh; height: 60vh; }
.home-hero-copy {position: absolute; bottom: 5vh; right: 5vh; text-align: right; z-index: 2; width: calc(100% - 10vh);}
.home-hero-copy h2 {font-size: 3rem !important; line-height: 1.1 !important;}
.home-hero-copy h1 {font-size: 1.2rem !important; font-weight: 400; font-family: 'Inter';}
@media (max-width: 639px) {
    .home-hero-copy h2 {font-size: 2rem !important;}
    .home-hero-copy h1 {font-size: 1rem !important;}
}
@media (min-width: 1200px) {
    .home-hero-copy {bottom: 20vh; right: auto; left: 50%; transform: translateX(-50%); width: calc(100vw - 400px); max-width: 900px;}
}
.home .haui-svg{position: absolute; height: 50%;margin-left: -20px;bottom: 0;}
.home .htrv-svg{bottom: auto;top: 0;}
.home .asset-livtraveler {right: -20px; position: absolute; top: 2vh;}
.home .home-featured-properties .uk-slider-container {padding: 30px 10px;}
.home .home-featured-properties .container-slider-arrows {width: 120px; margin: 0 auto; bottom: 0px; position: relative;}
/* home .home-featured-properties .container-slider-arrows .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {stroke: rgba(116, 183, 152, 0.6);} */
.home .home-featured-properties .container-slider-arrows .uk-slidenav {color: rgba(0, 190, 148,.7);}
.home .home-featured-properties .container-slider-arrows .uk-slidenav:hover {color: rgba(0, 190, 148,.9)}
.home .home-featured-properties .container-slider-arrows svg {display: none;}
.home .home-featured-properties .container-slider-arrows span svg {display: block; width: 60px;}

.home .home-segments .uk-slidenav {color: rgba(255, 255, 255,.7);}
.home .home-segments .uk-slidenav:hover {color: rgba(255, 255, 255,.9)}
.home .home-segments svg {display: none;}
.home .home-segments span svg {display: block;width: 60px;}
.home .home-segments .wishlist-dropdown svg {display: inline-block !important; width: auto !important;}
.home .home-segments .wishlist-dropdown span svg {width: auto !important;}

.home .home-info {margin-top: -15vh; padding-top: 15vh; padding-bottom: 5vh;}

.home .home-destinations .uk-slidenav {color: rgba(255, 255, 255,.7);}
.home .home-destinations .uk-slidenav:hover {color: rgba(255, 255, 255,.9)}
.home .home-destinations svg {display: none;}
.home .home-destinations span svg {display: block;width: 60px;}
.home .home-destinations .uk-button-wishlist-icon svg {width: auto !important;}
.home .home-destinations .uk-overlay.uk-overlay-primary {z-index: 0;}
.home .home-destinations .wishlist-item {text-align: left;}

/* Wishlist dropdown z-index y overlay fixes */
.home .home-destinations .wishlist-dropdown,
.home .home-destinations [id^="wishlist-dropdown-"] {
    z-index: 1050 !important;
}

/* Reset de estilos para wishlist dropdown en home */
.home .home-destinations .wishlist-dropdown *,
.home .home-destinations [id^="wishlist-dropdown-"] * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: none !important;
    color: inherit !important;
}

/* Títulos del dropdown */
.home .home-destinations .wishlist-dropdown h3,
.home .home-destinations .wishlist-dropdown h4,
.home .home-destinations .wishlist-dropdown h5,
.home .home-destinations [id^="wishlist-dropdown-"] h3,
.home .home-destinations [id^="wishlist-dropdown-"] h4,
.home .home-destinations [id^="wishlist-dropdown-"] h5 {
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    color: #333 !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* Texto meta y pequeño */
.home .home-destinations .wishlist-dropdown .uk-text-meta,
.home .home-destinations .wishlist-dropdown .uk-text-small,
.home .home-destinations [id^="wishlist-dropdown-"] .uk-text-meta,
.home .home-destinations [id^="wishlist-dropdown-"] .uk-text-small {
    font-size: 0.75rem !important;
    color: #999 !important;
}

/* Botones dentro del dropdown */
.home .home-destinations .wishlist-dropdown button,
.home .home-destinations [id^="wishlist-dropdown-"] button {
    font-family: 'Inter', sans-serif !important;
    text-transform: none !important;
    font-size: 0.875rem !important;
    color: white !important;
}

/* SVG icons dentro del dropdown de wishlist */
.home .home-destinations .wishlist-dropdown svg,
.home .home-destinations [id^="wishlist-dropdown-"] svg {
    display: inline-block !important;
    width: auto !important;
}
/* Forzar layout y estilos correctos en dropdown de wishlist */
.wishlist-dropdown .uk-grid {display: flex !important; flex-wrap: nowrap !important;}
.wishlist-dropdown {z-index: 1030 !important;}
.wishlist-dropdown, .wishlist-dropdown * {text-align: left !important;}

/* Text center */
.home .home-destinations .wishlist-dropdown .uk-text-center,
.home .home-destinations [id^="wishlist-dropdown-"] .uk-text-center {
    text-align: center !important;
}

/* Hide main datepicker input in wishlist modal - simple display none like en property */
#wishlist-datepicker {
    display: none !important;
}

/* LIVTRAVELER */
.livtravelers .intro {position: relative; z-index: 1; margin-top: -10vh;}
.livtravelers .asset-livtraveler {right: -50px; position: relative;}

/* LIVOWNERS */
.livowners .asset-header {margin-bottom: -40px;}
.livowners .how-to {margin-top: -160px; width: 95%;}
.livowners .how-to li:before{background-image: url('../../front_img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;background-position:-185px -60px;margin-right: -15px;color: #06be94;font-weight: 700;content: counter(decimal,decimal);text-align: center;}

/* main content */
.main-content h2 {font-size: 2.2rem; /* margin-left: -10px;text-decoration: underline solid #06be94 3px;*/ color: #06be94;}
/* .destination .destination-content h2:before {content: "#"; color: #FD9362; font-size: 2rem;} */
.main-content h3 {font-family: 'Inter' !important; font-size: 1.4rem;}
.main-content p, .main-content ul {margin-left: 40px; padding-left: 20px; border-left: 1px solid #06be94;  }
.main-content .uk-heading-small {font-size: 1.6rem !important;}

/* LIVPLANNER */
.livplanner .asset-header {margin-bottom: -40px;}

/* LIVPLANNER */
.il-list li:before{background-image: url('../../front_img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;background-position:-185px -60px;margin-right: -15px;color: #06be94;font-weight: 700;content: counter(decimal,decimal);text-align: center;}

/* AGENCIES */
.benefits .il-list li:before{background-image: url('../../front_img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;background-position:-185px -60px;margin-right: -15px;color: #FD9362;font-weight: 700;content: counter(decimal,decimal);text-align: center;}
.benefits .uk-list-decimal>* {display: grid;}
.benefits .uk-list-decimal>* p {margin-left: 10px;}

/* flatpage */
/* Guarda contra scroll horizontal en flatpages (paginas legales del footer
   con HTML del CMS) y en el centro de ayuda. Scoped por tipo de pagina
   para no afectar otros (mismo patron que .destination/.landing/body.property). */
body.flatpage,
body.helpcenter,
body.content {overflow-x: hidden;}
/* Contiene el HTML del CMS en posts (.main-content): URLs largas,
   tablas, imagenes o iframes mas anchos que el viewport. */
.content .main-content {overflow-wrap: break-word; word-wrap: break-word;}
.content .main-content img,
.content .main-content iframe,
.content .main-content video,
.content .main-content table {max-width: 100%;}
.content .main-content pre {overflow-x: auto; white-space: pre-wrap;}
.flatpage .intro {position: relative;}
.flatpage .intro h2 {font-size: 2.6rem;}
.flatpage .intro.livtraveller {margin-top: -40px;}
.flatpage .asset-livtraveler {right: -50px; position: relative;}
.flatpage .header{min-height: 50vh;position: relative;}
.flatpage .header .overlay-top{position: absolute;top: 0;left: 0;width: 100%;height: 100px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));}
.flatpage .header .overlay-bottom{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));}
.flatpage .asset-header {top: 40px;position: relative;z-index: 1;}
.flatpage .text {padding: 7vh;}

.flatpage .form-agency .uk-input, .flatpage .form-agency .uk-select, .flatpage .form-agency .uk-textarea { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #FD9362; font-size: 0.9rem !important;}
.flatpage .form-agency .uk-checkbox, .flatpage .form-agency .uk-radio {border: 1px solid #26272E; }
.flatpage .form-agency .uk-icon>* {color: #FD9362;}
.flatpage .form-agency .uk-input::placeholder {color: #26272E;}
/* El select usa el color tenue nativo en su option placeholder; igualarlo
   al color del placeholder de los inputs (#26272E) para que los 4 campos
   se vean del mismo color. */
.flatpage .form-agency .uk-select {color: #26272E;}
.flatpage .form-agency label {color: #26272E; font-size: 0.9rem !important;}
.flatpage .form-agency label a {color: #26272E; font-weight: 700;}
.flatpage .form-agency .uk-checkbox:checked,  .flatpage .form-agency .uk-checkbox:indeterminate, .flatpage .form-agency .uk-radio:checked {    background-color: #26272E;}

.flatpage .flat-content h3 {color: #06be94;}
.flatpage .flat-content .uk-link, .flatpage .flat-content a {color: #666; font-weight: 600;}
.flatpage .flat-content figure {overflow: auto;}
/* Evita overflow horizontal en moviles: contenido legal del CMS con URLs
   largas, tablas o elementos mas anchos que el viewport */
.flatpage .flat-content {overflow-wrap: break-word; word-wrap: break-word;}
.flatpage .flat-content img,
.flatpage .flat-content iframe,
.flatpage .flat-content video,
.flatpage .flat-content table {max-width: 100%;}
.flatpage .flat-content pre {overflow-x: auto; white-space: pre-wrap;}
.flatpage .flat-content table { border: 1px solid #e5e5e5; width: 100%;  }
.flatpage .flat-content table thead {text-align: left;}
.flatpage .flat-content table thead tr th { border-right: 1px solid #e5e5e5;}
.flatpage .flat-content table thead tr th:last-child {border-right: none;}
.flatpage .flat-content table th {padding: 16px 12px; text-align: left; vertical-align: bottom;}
.flatpage .flat-content table td {padding: 16px 12px; vertical-align: top; border-top: 1px solid #e5e5e5; font-size: 0.9rem;}
.flatpage .flat-content table tr td { border-right: 1px solid #e5e5e5;}
.flatpage .flat-content table tr td:last-child {border-right: none;}
.flatpage .flat-content ul {padding-left: 30px;}
.flatpage .flat-content ul li {list-style: disc; list-style-type: disc; color: #6a6a6a;}

.flatpage .feed-posts select {border-radius: 25px; border: 1px solid #06be94; padding-left: 20px; padding-right: 20px;}
.flatpage .feed-posts .clear-filters {color: #666; background-color: transparent; font-size: 0.8rem; padding: 0; margin-left: 20px;}
.flatpage .feed-posts .active-filters .uk-label.uk-label-primary {padding: 5px 10px; background-color: #06be94; color: white;}
.flatpage .feed-posts .uk-text-meta {font-size: 0.7rem;}
.flatpage .feed-posts .search-input {border: 1px solid #06be94; border-radius: 20px;}
.flatpage .feed-posts .active-filters {margin-left: 10px;}

.flatpage .feed-posts .fp-text p.ellipsis, .flatpage .feed-posts .fp-text div.ellipsis { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 0px; margin-top: 0; line-height: 1.4 !important; font-family: 'Inter', sans-serif; color: #6a6a6a; font-weight: 400; font-size: 0.9rem; }

/* Cards del blog de igual altura. uk-grid-match estira la card exterior; aqui la
   hacemos columna flex para que la imagen quede arriba y el texto ocupe el resto
   de forma consistente entre cards. Titulo y excerpt se clampan a 2 lineas con
   ellipsis (texto completo en el tooltip uk-tooltip).
   Aplica en el feed del blog (.flatpage .feed-posts) Y en "Articulos relacionados"
   de la ficha de post (.related-posts, body.content), por eso las clases lv-blog-card*
   son independientes del prefijo de pagina. */
.lv-blog-card { display: flex; flex-direction: column; height: 100%; }
.lv-blog-card > a { display: flex; flex-direction: column; flex: 1 1 auto; }
.lv-blog-card .fp-text { flex: 1 1 auto; }
.lv-blog-card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    /* min-height = 2 lineas, para que titulos de 1 linea no descuadren la fila */
    min-height: calc(1.3em * 2);
    line-height: 1.3;
}
/* Excerpt clampado a 2 lineas tambien en "Articulos relacionados" (el .ellipsis de
   arriba esta limitado a .flatpage; aqui lo extendemos a las cards lv-blog-card). */
.lv-blog-card__excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    font-family: 'Inter', sans-serif;
    color: #6a6a6a;
    font-weight: 400;
    font-size: 0.9rem;
}
/* Cadena de altura en "Articulos relacionados": uk-grid-match NO funciona con uk-slider
   (mecanismos distintos). Forzamos la igualacion nosotros: .uk-slider-items ya es flex y
   estira sus hijos directos (div[role=group]) a la altura del slide mas alto (align-items
   stretch por defecto); propagamos ese height:100% por toda la cadena hasta lv-blog-card,
   para que todas las cards igualen altura aunque el titulo/excerpt ocupen 1 o 2 lineas. */
.related-posts .uk-slider-items { align-items: stretch; }
.related-posts .uk-slider-items > * { display: flex; }
.related-posts .uk-slider-items > * > .fp-ind { display: flex; flex-direction: column; width: 100%; }
.related-posts .fp-ind { height: auto; }
/* Etiqueta de categorias en "Articulos relacionados" (el .feed-posts .lv-label-cats del
   blog vive inline en flatpage.blade y no llega aqui). Mismo tamaño que el feed del blog. */
.related-posts .lv-label-cats { font-size: 0.7rem; }

/* Animaciones suaves para filtrado */
.flatpage .feed-posts .post-item {
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    opacity: 1;
    transform: scale(1);
}

.flatpage .feed-posts .post-item.filtering-out {
    opacity: 0;
    transform: scale(0.95);
}

.flatpage .feed-posts .post-item.filtering-in {
    animation: fadeInScale 0.5s ease-in-out forwards;
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* MODAL NEWSLETTER */
.form-modal-newsletter .uk-input, .form-modal-newsletter .uk-select, .form-modal-newsletter .uk-textarea { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #26272E; font-size: 0.9rem !important;}
.form-modal-newsletter .uk-checkbox, .form-modal-newsletter .uk-radio {border: 1px solid #26272E; }
.form-modal-newsletter .uk-input:focus, .form-modal-newsletter .uk-select:focus, .form-modal-newsletter .uk-textarea:focus {border: 1px solid #FD9362; color: #FD9362;}
.form-modal-newsletter .uk-icon>* {color: #FD9362;}
.form-modal-newsletter .uk-input::placeholder {color: #26272E;}
.form-modal-newsletter label {color: #26272E; font-size: 0.9rem !important;}
.form-modal-newsletter label a {color: #26272E; font-weight: 700;}
.form-modal-newsletter .uk-checkbox:checked,  .form-modal-newsletter .uk-checkbox:indeterminate, .form-modal-newsletter .uk-radio:checked {background-color: #FD9362; border-color: #FD9362;}

/* destination */
.destination .text-featured-1.bg-light-grey {margin-top: -30vh; padding-top: 30vh;}
.destination .bg-light-grey {margin-top: -20vh; padding-top: 30vh; z-index: 0;}
.destination .bg-light  {margin-top: -20vh; padding-top: 30vh; z-index: 0;}
.destination .main-featured {font-size: 1.8rem !important; padding: 10px 20px;}

.destination .container-slider-arrows {width: 150px; margin: 0 auto; bottom: -10px; position: relative;}
/* destination .container-slider-arrows .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {stroke: rgba(116, 183, 152, 0.6);} */
.destination .container-slider-arrows .uk-slidenav {color: rgba(0, 190, 148,.5);}
.destination .container-slider-arrows .uk-slidenav:hover {color: rgba(0, 190, 148,.9)}
.destination .container-slider-arrows svg {display: none;}
.destination .container-slider-arrows span svg {display: block;}

.destination .container-arrows {position: absolute; height: 50px; width: 100px; left: calc(50% - 50px); bottom: 0;}
.destination .uk-slider-container-offset {padding: 0;}

.destination .feed-destinations .uk-slidenav {color: rgba(255, 255, 255,.7);}
.destination .feed-destinations .uk-slidenav:hover {color: rgba(255, 255, 255,.9)}
.destination .feed-destinations svg {display: none;}
.destination .feed-destinations span svg {display: block;width: 60px;}
.destination .feed-destinations .wishlist-dropdown svg {display: inline-block !important; width: auto !important;}
.destination .feed-destinations .wishlist-dropdown span svg {width: auto !important;}
.destination .uk-slider-container {padding-bottom: 35px;}

/* Home hero: padding-bottom solo cuando el texto está alineado abajo (<960px) */
@media (max-width: 959px) {
    .home-hero-container { padding-bottom: 60px; }
}

/* Slider CTA card — última slide "Ver todas" */
.lv-slider-cta {
    /* background: linear-gradient(135deg, #f0faf7 0%, #e8f8f3 100%); */
    background:  #d0fff5;
    min-height: 100%;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    border: 1px solid #06be94;
}
.lv-slider-cta:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    /* transform: translateY(-2px); */
}
.lv-slider-cta a { color: #222; text-decoration: none !important; }
.lv-slider-cta__icon { color: #06be94; }
.lv-slider-cta h3 { font-size: 1.1rem !important; font-weight: 700; color: #222; }
.lv-slider-cta p { color: #666; font-size: 0.85rem; }
.lv-slider-cta__arrow { color: #06be94; margin-top: 8px; }

/* helpcenter */
.helpcenter .feed .uk-card-header, .helpcenter .feed .uk-card-body, .helpcenter .feed .uk-card-footer  {padding: 15px 10px !important;}
.helpcenter .feed ul li {font-size: 0.9rem;}
.helpcenter .feed h3 {font-size: 1.2rem;}
.helpcenter .lv-help-search.uk-input {border-radius: 50px; border-color: #06be94; height: 58px !important; padding-left: 22px !important; padding-right: 0px; /* margin-left: 55px !important;*/ z-index: 0; position: relative; font-size: 0.9rem;}
.helpcenter .lv-help-search.uk-input::placeholder {font-size: 1rem !important;}
.helpcenter .lv-help-list li{font-weight: 600;margin-top: 5px;font-size: 0.9rem;}
.helpcenter .lv-help-list li.uk-lead{font-weight: 600;margin-top: 10px;}
.helpcenter .lv-help-list li a{font-weight: 400;margin-left: 5px;display: block;}
.helpcenter .modal-help h4 {padding: 10px 0;}
.helpcenter .modal-help .uk-modal-body {padding: 40px;}
.helpcenter .modal-help .uk-accordion-title {display: block;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #666666;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0px; font-weight: 500;}

.helpcenter .modal-help .uk-accordion>:nth-child(n+2) { margin-top: 0;}
.helpcenter .modal-help ul li:first-child .uk-accordion-title {border-top: 0;}
.helpcenter .modal-help .uk-accordion-content {margin-top: 0; padding: 10px 10px 20px 10px;}

/* .helpcenter #search-wrapper {border: 1px solid #06be94;} */
/* .helpcenter ul.typeahead.dropdown-menu {width: 300px; border-radius: 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); padding: 20px; position: absolute; z-index: 1050; background-color: white; border: 1px solid #06be94; pointer-events: auto !important; }
.helpcenter ul.typeahead.dropdown-menu  li a {font-size: 0.9rem; font-weight: 500; }
.helpcenter ul.typeahead.dropdown-menu  li a:hover {color: #666;} */

.lv-helpcenter-search, .lv-helpcenter-search:focus {border: 1px solid #06be94; border-radius: 30px;/* width: 300px; */}
.lv-search-drop {border-radius: 15px;}
.lv-search-drop li a {font-weight: 400; font-size: 0.9rem;}
.lv-search-drop li a .uk-text-muted {font-size: 0.8rem;}


/* Helpcenter CTA contacto */
.lv-helpcenter-cta__card {
    background: linear-gradient(135deg, #f0faf7 0%, #e8f8f3 100%);
    padding: 40px 30px;
    max-width: 600px;
    margin: 0 auto;
}
.lv-helpcenter-cta__icon { color: #00BE94; }
.lv-helpcenter-cta__card h3 { font-size: 1.4rem; color: #222; }
.lv-helpcenter-cta__card p { font-size: 0.95rem; color: #666; max-width: 420px; margin: 8px auto 0; }
.lv-helpcenter-cta__btn {
    background: #00BE94; color: #fff !important; padding: 14px 32px;
    font-weight: 600; font-size: 0.95rem; border-radius: 30px !important;
    margin-top: 20px; transition: background 0.2s;
}
.lv-helpcenter-cta__btn:hover { background: #FD9362; }

/* Traveler contact gate */
.lv-contact-gate__icon { color: #00BE94; }
.lv-contact-gate__card { max-width: 520px; margin: 0 auto; padding: 40px 30px; }
.lv-contact-gate__card h3 { font-size: 1.1rem; color: #222; }
.lv-contact-gate__card p { font-size: 0.9rem; }

/* Traveler contact form */
.lv-contact-form .uk-input,
.lv-contact-form .uk-textarea { font-size: 0.9rem !important; }
.lv-contact-form .uk-input:focus,
.lv-contact-form .uk-textarea:focus { border-color: #00BE94 !important; outline: none; }
.lv-contact-form .uk-input[readonly] { background: #f8f8f8; color: #999; }
.lv-contact-form label { font-size: 0.9rem !important; }
.lv-contact-form label a { font-weight: 700; }

/* help */
.help .help-description a {color: #FD9362;text-decoration: underline;cursor: pointer;}
.help .help-description ul {padding-left: 20px;}
.help .help-description ul li {list-style: disc; list-style-type: disc;}
.help table {margin: 30px 0; width: 100%;}
.help table thead {margin-bottom: 30px;}
.help table tbody tr td {padding: 10px 20px; border-top: 1px solid #d4d4d4; border-right:  1px solid #d4d4d4;}
.help table tbody tr td:first-child { border-left: 1px solid #d4d4d4}


/* landing */
.landing h1 {font-size: 2.6rem; line-height: 1 !important;}
.landing h2 {font-size: 1.4rem; line-height: 1.4 !important; margin-top: 10px;}

/* .landing .home-segments h3 {font-size: 1.2rem !important;} */
.landing .home-segments h3.uk-heading-medium {font-size: 2.2rem !important;}

/* form */
/* .uk-input::placeholder {font-size: 0.9rem !important;}
.uk-input, .uk-select, .uk-textarea {border: 0; border-bottom: 1px solid #06be94; background-color: #f8f8f8; cursor: pointer;font-size: 1rem;color: #6a6a6a;}
.uk-input::placeholder,  .uk-textarea::placeholder {font-size: 1rem;color: #6a6a6a;}
.uk-form-horizontal .uk-form-label {width: 70px; margin-top: 20px; float: left; font-weight: 600;;}
.uk-form-horizontal .uk-form-controls {margin-left: 80px;} */

/* property */
#modal-share-property .uk-modal-dialog {border-radius: 20px;}
#modal-share-property .reviews{font-size: 1rem;font-weight: 700;line-height: 1; margin-top: 5px;}
#modal-share-property .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}
#modal-share-property .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}

#modal-comments .uk-modal-dialog {width: 900px;}
#modal-comments .uk-modal-dialog .modal-comments-content .modal-comments-header a {font-size: 0.8rem; color: #666; font-weight: 600;}
#modal-comments .uk-modal-dialog .modal-comments-content .modal-comments-header a:hover {font-size: 0.8rem; color: #06be94;}
#modal-comments .uk-modal-dialog .modal-comments-content .modal-comments-dropdown {width: 400px; min-width: auto;}
#modal-comments .uk-modal-dialog .modal-comments-content .uk-select {border-radius: 25px; padding: 2px 26px 2px 20px !important; height: 30px; font-size: 0.7rem;}


#modal-comments .custom-progress {width: 100%; height: 5px; background-color: #e0e0e0; border: none; border-radius: 10px; overflow: hidden; margin-bottom: 2px;}
#modal-comments .custom-progress::-webkit-progress-value { background-color: #06be94; border-radius: 10px; transition: width 0.3s ease;}
#modal-comments .custom-progress::-moz-progress-bar { background-color: #06be94; border-radius: 10px;transition: width 0.3s ease;}
#modal-comments .custom-progress::-ms-fill { background-color: #06be94; border-radius: 10px; transition: width 0.3s ease;   }

#modal-comments .uk-modal-dialog .modal-comments-sidebar .icon.reviews-big{width: 25px;height: 25px;background-position: -595px 0;}
#modal-comments .uk-modal-dialog .modal-comments-sidebar .reviews{font-size: 2rem;font-weight: 700;line-height: 1;}
#modal-comments .uk-modal-dialog .modal-comments-sidebar .uk-progress{height: 6px;}
#modal-comments .uk-modal-dialog .modal-comments-sidebar .assessment p {font-size: 0.8rem; margin-bottom: 0px;}
#modal-comments .uk-modal-dialog .modal-comments-sidebar .assessment .uk-grid {height: 20px;}
#modal-comments .uk-modal-dialog .modal-comments-sidebar .comments-icons li {border-bottom: 1px solid #d4d4d4; padding-top: 8px; padding-bottom: 8px;}
#modal-comments .uk-modal-dialog .modal-comments-sidebar .comments-icons li:first-child {border-top: 1px solid #d4d4d4;}
#modal-comments .uk-modal-dialog .modal-comments-sidebar .comments-icons p {font-size: 0.9rem;}


#modal-comments .uk-modal-dialog .modal-comments-content .listing-comments span {font-size: 0.9rem; font-weight: 500; }
#modal-comments .uk-modal-dialog .modal-comments-content .listing-comments time {font-size: 0.7rem;text-transform: capitalize;}
#modal-comments .uk-modal-dialog .modal-comments-content .listing-comments .comment-dates {font-size: 0.7rem;}
#modal-comments .uk-modal-dialog .modal-comments-content .listing-comments .list-comment {border-top: 1px solid #d4d4d4; padding: 10px 0;}
.icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
#modal-comments .uk-modal-dialog .modal-comments-content .listing-comments .list-comment .comment-response {padding: 10px 0px 10px 20px;}
#modal-comments .uk-modal-dialog .modal-comments-content .listing-comments .list-comment .comment-response > div {border-left: 1px solid #d4d4d4; padding-left: 20px;}

#modal-comments .uk-modal-dialog .modal-comments-content .listing-comments {overflow-y: scroll; height:60vh;}

#modal-comments input::placeholder {font-size: 0.9rem !important;}

/* .property .header img {height: 164px;} */
#product_main_container {padding-right: 40px;}
.property .uk-navbar-container:not(.uk-navbar-transparent) {box-shadow: 0 2px 8px rgb(0 0 0 / 8%);}
.property .lv-container-property-video {position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden;}
.property .lv-container-property-video .lv-property-video {position: absolute;inset: 0;width: 100%; height: 100%; object-fit: cover;border: 0;}
.property #open-lightbox:hover {cursor: pointer;}
.property .header .uk-margin-small-bottom {margin-bottom: 15px !important;}
.property h1 {font-size: 1.2rem; font-weight: 500; margin-bottom: 5px; margin-top: 5px;}
.property h3.text-sans {font-size: 1.1rem !important; margin-bottom: 5px; font-weight: 400;}
.property p {font-size: 0.9rem;}
.property .etv-number { display: block; word-break: break-all; max-width: 100%; }
/* .property .uk-heading-small {font-size: 1.8rem !important;}
.property .uk-heading-medium {font-size: 2.4rem !important;}
.property .uk-heading-large {font-size: 2.8rem !important;} */
.property .property-container-icons a {text-decoration: none;}
.property .property-container-icons a:hover {color: currentColor;}
.property .search-price .price .be-price {font-size: 1.6rem;font-weight: 700;text-align: right;line-height: 1.2;display: inline-block;}
.property .search-price .price .icon.fast-booking {width: 15px;height: 15px;background-position: -285px 0; }
.property .search-price .price span.amount{font-size: 0.8rem;font-weight: 400;}
.property .search-price .price .before{font-size: 0.8rem;font-weight: 400;}
.property .search-price .price .price-per-night {font-size: 0.8rem; font-weight: 400;}
.property .search-price .reviews {font-size: 1rem;font-weight: 700;text-align: right;line-height: 1;}
.property .search-price .reviews .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property .search-price .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}
.property .search-price .uk-padding {padding: 30px;}
.property .search-price .uk-button.uk-button-default {border-radius: 0 0px 10px 10px;}
.property .search-price .property-guests {background-color: white; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; border-top: 0; padding: 10px 20px; cursor: pointer; width: 100%; height: 60px; border-radius: 0px 0px 10px 10px;}
.property .search-price .uk-drop.property-drop {width: inherit; top: -7px !important; position: relative; border: 1px solid #666; border-radius: 0px 0px 10px 10px; left: 0px !important; position: relative; padding: 20px; background-color: white;}
.property .search-price .property-drop span {font-size: 0.9rem;}
.property .search-price .property-info-occupation p {font-size: 0.7rem;}

.property .share-container {margin-bottom: 15px; margin-top: 15px;}
.property .share-container a {color: #6a6a6a;}
.property .share-container a:hover {color: #06be94;}
.property .content-container .uk-card-body, .property .content-container .uk-card-header, .property .content-container .uk-card-footer  {padding: 20px;}
.property .content-container ul li {font-size: 0.9rem; color: #6a6a6a; margin-bottom: 5px;}
.property .property-description .uk-text { font-size: 0.9rem;}
.property .property-description .ellipsis { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 5px; font-size: 0.9rem;}
.property .property-description .button-show {color: #00BE94; font-size: 0.85rem; font-weight: 500; cursor: pointer;}
.property .segment-subservice {border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.property .uk-modal ul li {font-size: 0.9rem; color: #6a6a6a; margin-bottom: 5px;}

.property .property-reviews .total-reviews .uk-card-title {font-size: 1.1rem;}
.property .property-reviews .total-reviews .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property .property-reviews .total-reviews .reviews{font-size: 2rem;font-weight: 700;line-height: 1;}
.property .property-reviews .total-reviews .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}
.property .property-reviews .total-reviews .reviews h4 {font-size: 1.2rem;    margin-bottom: 5px !important;}
.property .property-reviews .total-reviews .comments a {font-size: 0.8rem; color: #666;}
.property .property-reviews .total-reviews .comments a:hover {font-size: 0.8rem; color: #06be94;}
.property .property-reviews .total-reviews .icon.reviews-big{width: 25px;height: 25px;background-position: -595px 0;}
.property .property-reviews .total-reviews .uk-slider-container {padding: 10px;}
.property .property-reviews .uk-slider-container h4 {font-size: 1rem; font-weight: 500;}
.property .property-reviews .uk-slider-container .container-comment {border: 1px solid #d4d4d4;}
.property .property-reviews .uk-slider-container .container-comment .comment{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 0.8rem;color: #999;}
.property .property-reviews .uk-slider-container .container-comment .comment-name span {font-size: 0.8rem; font-weight: 500;}
.property .property-reviews .uk-slider-container .container-comment .comment-name time {display: block; font-size: 0.7rem;text-transform: capitalize;}
.property .property-reviews .uk-slider-container .container-comment a {font-size: 0.8rem; color: #666; font-weight: 600;}
.property .property-reviews .uk-slider-container .container-comment a:hover {font-size: 0.8rem; color: #06be94;}
.property .property-reviews .total-comments a {font-size: 0.8rem; color: #666;}
.property .property-reviews .total-comments a:hover {font-size: 0.8rem; color: #06be94;}
.property .property-info p.uk-text-meta  {font-size: 1rem !important;}

.property .property-info p  {font-size: 1rem !important;}
.property .property-info .icon.livowner {position: absolute; bottom: 0px; right: -10px; width: 50px; height: 50px; background-position: -120px -80px; z-index: 1;}
.property .property-info .uk-drop.uk-open {max-width: 360px !important; width: 360px !important;}
.property .property-info .uk-accordion-title {font-size: 0.9rem; color: #6a6a6a; font-weight: 700;}
.property .property-info .uk-accordion-title::before {width: 10px !important; height: 10px !important; margin-top: 5px;}
.property .property-info .uk-accordion-content {margin-top: 10px; margin-bottom: 10px;}
.property .property-owner ul li.list-langs{position: relative; font-size: 0.8rem;}
.property .property-owner ul li.list-langs::after {content: ','; margin-left: -3px; }
.property .property-owner ul li.list-langs:last-child:after {content: ''; }
.property .property-owner ul li {font-size: 0.9rem; margin-top: 10px;}
.property .property-owner h4  {font-size: 1.1rem !important;}
.property .property-owner h4 span {font-size: 0.9rem !important;}

.property .property-owner .icon.livowner {position: absolute; bottom: -10px; right: -15px;}
.property .property-owner .contact-owner a {font-size: 0.8rem;  background-color: #FD9362; color: white; padding: 10px 15px; border-radius: 20px; border: 1px solid #FD9362;}
.property .property-owner .contact-owner a:hover {color: #FD9362; background-color: white; }
.property .button-show {color: #00BE94; font-size: 0.85rem; font-weight: 500; cursor: pointer;}

.property .form-modal .uk-input, .property .form-modal .uk-select, .property .form-modal .uk-textarea { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #FD9362; font-size: 0.9rem !important;}
.property .form-modal .uk-checkbox, .property .form-modal .uk-radio {border: 1px solid #26272E; }
.property .form-modal .uk-icon>* {color: #FD9362;}
.property .form-modal .uk-input::placeholder {color: #26272E;}
.property .form-modal label {color: #26272E; font-size: 0.9rem !important;}
.property .form-modal label a {color: #26272E; font-weight: 700;}
.property .form-modal .uk-checkbox:checked,  .property .form-modal .uk-checkbox:indeterminate, .property .form-modal .uk-radio:checked {    background-color: #26272E;}
.property .uk-modal ul li {font-size: 0.9rem; color: #6a6a6a; margin-bottom: -10px;}

  /* property booking mask */
  #property-datepicker span>svg{cursor: pointer;}
  .lv-summary-dialer{width: 20px;border: 0 !important;color: #666;font-weight: 700;font-size: 1rem; padding: 10px !important; text-align: center; height: 20px !important;}
  .home .search-engine-home.form input[type=text].lv-summary-dialer{border: 0 !important;}
  .lv-summary-text{font-size: 0.875rem;}

  /* bookingData */
  .bookingData h1{font-size: 2rem;font-weight: 600;}
  .bookingData .lv-bsd-img{width: 100px;}
  .bookingData .lv-bsd-text h3{font-size: 1.5rem;font-weight: 600;}
  #bookingStepData_container h3{font-size: 1.5rem;font-weight: 600;margin-left: 26px;}
  #bookingStepData_sidebar .lv-smaller-text{font-size: 0.875rem;}
  #totalAmountPayments p{margin-left: 26px;}
  #totalAmountPayments small{margin-left: 26px;}
  #totalAmountPayments p small{margin-left: 0;}
  #totalAmountPayments .uk-radio{margin: 10px 5px -10px 0;}
  /* #totalAmountToPayFirst, #totalAmountToPaySecond{font-weight: 600;} */
  #totalAmountPaymentMethods{margin-left: 20px;margin-top: 10px;}
  #totalAmountPaymentMethods img{width: 60px;}
  #totalAmountPaymentMethods .lv-card-data{line-height: 1;margin-top: 10px;margin-bottom: 10px;font-weight: 700;}
  #bookingStepDataMessage textarea{margin-left: 26px;margin-top: 10px;margin-right: 20px;width: calc(100% - 46px);}
  #bookingStepDataMessage small{margin-left: 26px;}
  #bookingStepDataMessage > p{margin-top: 20px;}
  #modal-cards .lv-cards-list{margin: 50px 0;}
  #modal-cards .lv-cards-list .uk-label{background-color: #06be94;font-size: 0.7rem;}

/* PROPERTY RELATED */
.property-related .related-slideshow .icon.whitelist {position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; background-position: -125px -30px; z-index: 1; cursor: pointer;}
.property-related .related-slideshow .uk-overlay-primary { position: absolute;bottom: 0;left:0;width: 100%; height: 30%; z-index: 1; background: transparent; background: -webkit-linear-gradient(to bottom, transparent 0%, #26272E 100%); background: -moz-linear-gradient(to bottom, transparent 0%,#26272E 100%); background: linear-gradient(to bottom, transparent 0%, #26272E 100%);}
/* .property-related .related-slideshow .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-related .related-slideshow .reviews {z-index: 11; position: relative; font-weight: 700; color: white;}
.property-related .related-slideshow .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;} */
.property-related .uk-slider-container {height: auto; padding: 30px 20px;}
.property-related .related-info .icon.fast-booking{width: 15px;height: 15px;background-position: -285px 0;}
.property-related .related-info .price{font-size: 1.2rem;font-weight: 900;text-align: right;line-height: 1.2;}
.property-related .related-info .price.before {font-size: 0.9rem; font-weight: 400; text-align: right; line-height: 1.2; text-decoration: line-through; margin-top: 4px; color: #999;}
.property-related .related-info  span.amount{font-size: 0.8rem;font-weight: 400; position: relative; top: -5px;}
.property-related .related-info .uk-heading-xsmall {font-size: 1.2rem !important; font-weight: 500;}
.property-related .related-info .related-icons p {margin-left: 3px;}
.property-related .related-info .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-related .related-info .reviews {z-index: 11; position: relative; font-weight: 700; }
.property-related .related-info .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}
.property-related .related-info .comments {font-size: 0.7rem;font-weight: 400; position: relative; top: -5px}
.property-related .related-info .quantity {font-size: 0.8rem;font-weight: 400; position: relative; top: -5px}


/* PROPERTY DATEPICKER */
#property-datepicker .DayPicker_focusRegion {box-shadow: 0 5px 15px rgba(0, 0, 0, .08) !important; border-radius: 15px !important;}
#property-datepicker .DateRangePickerInput__withBorder {border-radius: 10px 10px 0px 0px; padding-right: 0; width: calc(100% - 2px);;}
#property-datepicker .DateRangePickerInput_clearDates__hide {display: none;}
#property-datepicker .DateRangePickerInput_arrow {display: none !important;}
#property-datepicker .DateRangePickerInput_clearDates {display: none !important;}
#property-datepicker .CalendarDay__default {border: 0; position: relative; font-weight: 500;}
#property-datepicker .DateInput {width: calc(50% - 1px) !important;}
#property-datepicker .DateRangePickerInput__withBorder {border: 1px solid #666;}
#property-datepicker .DateRangePicker {width: 100%;}
#property-datepicker .DateInput {background: transparent;}
#property-datepicker .DateInput:first-child {border-right: 1px solid #666;}
#property-datepicker .CalendarDay__selected_span {background-color: #f2f2f2 !important;  color: #26272E;}
#property-datepicker .CalendarMonth_caption {font-size: 1rem;}
#property-datepicker .DayPickerNavigation_button__horizontalDefault {border: 0; border-radius: 20px;padding: 9px;}
#property-datepicker .DayPickerNavigation_button__default:focus, #property-datepicker .DayPickerNavigation_button__default:hover {background-color: #f2f2f2 !important;}
#property-datepicker .DateInput_input {font-size: 14px !important; text-align: center !important; padding: 10px 20px !important; background-color: transparent;height: 40px;width: calc(100% - 40px); cursor: pointer; text-align: left !important;}
#property-datepicker .DayPicker__withBorder {box-shadow: none !important; border-radius: 0px !important;}
#property-datepicker .DayPickerKeyboardShortcuts_show__bottomRight {display: none !important;}


#property-datepicker .DateInput_input__focused {border-bottom: 1px solid #06be94;}
#property-datepicker .CalendarDay__blocked_calendar:active {background-color: #000;}
#property-datepicker .CalendarDay__blocked_calendar:hover {background-color: #6a6a6a;}
#property-datepicker .CalendarDay__blocked_calendar:first-child {border-radius: 30px 0px 0px 30px;}
#property-datepicker .CalendarDay__blocked_calendar:last-child {border-radius: 0px 30px 30px 0px;}
#property-datepicker .CalendarDay_hovered_span {background-color: rgba(0, 190, 148,0.5) !important; background: rgba(0, 190, 148,0.5) !important;}
#property-datepicker .CalendarDay__selected_span {background-color: rgba(0, 190, 148,0.5) !important;}
#property-datepicker .CalendarDay__selected_start {background-color: rgba(0, 190, 148,0.5); border-radius: 30px 0px 0px 30px;  color: #26272E;}
#property-datepicker .CalendarDay__selected_end  {background-color: rgba(0, 190, 148,0.5); border-radius: 0px 30px 30px 0px;  color: #26272E;}
#property-datepicker .CalendarDay__selected_start:hover, #property-datepicker .CalendarDay__selected_end:hover {background-color: rgba(0, 190, 148,0.5) !important;}
#property-datepicker .CalendarDay__selected_span:hover, #property-datepicker .CalendarDay__selected_start:hover, #property-datepicker .CalendarDay__selected_end:hover {border-radius: 0 !important;}
#property-datepicker .CalendarDay__blocked_calendar {opacity: 0.5;background-color: transparent; text-decoration: line-through;}
#property-datepicker .CalendarDay__blocked_calendar:hover {border-radius: 0 !important;}
#property-datepicker .CalendarDay__blocked_calendar_1:hover {border-radius: 30px 0px 0px 30px !important;}
#property-datepicker .CalendarDay_hovered_span  {background: rgba(0, 190, 148,0.5) !important;}
#property-datepicker .CalendarDay__blocked_calendar, #property-datepicker .CalendarDay__blocked_calendar:active, #property-datepicker .CalendarDay__blocked_calendar:hover {background: transparent !important; cursor: not-allowed;}
#property-datepicker .CalendarDay__blocked_minimum_nights {background-color: #e8e8e8;}
#property-datepicker .CalendarDay__blocked_minimum_nights:hover {border-radius: 0 !important;}
#property-datepicker .CalendarDay__default:hover {background-color: #e8e8e8; border-radius: 30px;}


/* SEARCH */
.property-item.highlighted .property-item{box-shadow: 0 5px 15px rgba(216, 124, 81, 1); border-radius: 10px !important;}


/* SOBREESCRIT DE PROPERTY */
.search-engine-home #property-datepicker .DayPicker__withBorder {box-shadow: none !important; border-radius: 15px !important;}
.search-engine-home #property-datepicker .DayPicker_focusRegion {box-shadow: 0 5px 15px rgba(0, 0, 0, .08) !important; border-radius: 15px !important;}
.search-engine-home .DateRangePicker_picker__directionLeft {border-radius: 15px;}
.search-engine-home .DateRangePickerInput {background-color: #f2f2f2 !important;}
.search-engine-home .DateRangePicker .DateRangePicker_1 {background-color: red !important;}
.search-engine-home #property-datepicker .DateRangePickerInput__withBorder {padding-right: 0; width: calc(100% - 10px);}
.search-engine-home #property-datepicker .DateInput:first-child {border: 0;}
.search-engine-home #property-datepicker .DateRangePickerInput__withBorder {border: 0; border-radius: 0;}
.search-engine-home #property-datepicker .DateInput_input {font-size: 14px !important; text-align: center !important; padding: 20px 0px 0px 10px !important; background-color: transparent; height: 38px; width: 100%; cursor: pointer; text-align: left !important;}
.search-engine-home #nav-lv-datepicker{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; font-size: 16px;}
.search-engine-home .container-con-search-search{position: absolute;top: 0;right: 0;}
/* DE PROPERTY */


.search .search-engine-home {top: 0;}
.search-engine-home .uk-input-search { width: 100%; cursor: pointer;}
.search-engine-home .property-drop .uk-padding-small {padding: 10px;}
/*.search-engine-home .property-guests { border: 0;  padding: 20px 10px 0 10px; cursor: pointer; width: 100%; height: 60px; border-radius: 0px 0px 10px 10px;}*/
.search-engine-home .property-guests { border: 0;  padding: 0px; cursor: pointer; width: 100%; height: 60px;}

/* .search-engine-home .uk-drop {width: inherit; top: 0px !important; position: relative; } */
.search-engine-home .property-drop {padding: 20px; background-color: white;}
.search-engine-home .property-drop span {font-size: 0.9rem;}
.search-engine-home .property-drop .uk-width-expand {text-align: left;}
.search-engine-home .property-info-occupation p {font-size: 0.7rem;}
.search-engine-home .typeahead.dropdown-menu { background-color: white; padding: 20px; margin-top: 0; margin-bottom: 0; border-radius: 10px;box-shadow: 0 5px 12px rgba(0, 0, 0, .15);width: max-content;}
.search-engine-home .typeahead.dropdown-menu li {padding: 10px; }
.search-engine-home .typeahead.dropdown-menu li a {font-weight: 400; font-size: 0.9rem; position: relative; left: 10px;}
.search-engine-home .typeahead.dropdown-menu li a:after {content: ""; display: block; position: absolute; top: -1px; left: -25px; width: 20px; height: 20px; background-image: url(../../front_img/assets-sprite.svg); display: inline-block; background-size: 1000px 500px; background-position: -205px -20px;}
.search .uk-navbar-container {border-bottom: 1px solid #999;}
.search > footer {display: none;}
.uk-sticky.uk-active .container-search {position: relative; top: 0px;}
.search .section-search .text-filter {font-size: 0.7rem; margin-top: -4px; margin-bottom: 0;}

.search .main .search-filters-icons form input.uk-radio {position: absolute; border: 0; border-bottom: 0; background-color: transparent; cursor: pointer; width: 100%; height: 55px; opacity: 0.8; left: 5px;}
.search .main .search-filters-icons form input.uk-radio:checked { opacity: 1;}
.search .main .search-filters-icons {margin: 0;}
.search .main .search-filters-icons .lv-icon-filter{width: 60px;margin: 0 10px 0 2px;position: relative;padding: 0 0 10px;}
.search .main .search-filters-icons .lv-icon-filter-img{width: 60px;margin: 0 5px -5px;position: relative;z-index: 1;}
.search .main .search-filters-icons .lv-icon-filter p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;width: 50px;margin: 0 10px;position: relative;z-index: 1;}
.search .main .search-filters-icons .lv-icon-filter input[type="checkbox"]{width: 70px;height: 100%;position: absolute;opacity: 0;margin: 0;border: 0;cursor: pointer;z-index: 2;}
.search .main .search-filters-icons .lv-icon-filter input[type="checkbox"]:checked{background-color: transparent;opacity: 0;}
.search .main .search-filters-icons .lv-icon-filter label {box-sizing: border-box;cursor: pointer;}
.search .main .search-filters-icons .lv-icon-filter label:hover {border-color: #06be9415;}
.search .main .search-filters-icons .lv-icon-filter input[type="checkbox"]:checked + label {position: absolute;top: 0;left: 0;width: calc(100% + 10px);height: 100%;border-radius: 10px;background-color: #06be9420 !important;border: 1.5px solid #06be94;z-index: 0;}
.search .main .search-filters-icons .lv-icon-filter--livowner .lv-icon-filter-img {width: 38px;margin: 10px 16px 7px;}
.search .main .search-filters-icons .lv-icon-filter--livowner input[type="checkbox"]:checked + label {background-color: rgba(253,147,98,0.12) !important;border-color: #FD9362;}

.search-filters .uk-button-secondary.uk-button-transparent {padding: 5px 20px; font-size: 0.8rem; text-transform: initial; font-weight: 500;}
.search-filters .filter-quantity {border: 1px solid #999; border-radius: 20px; padding: 7px;}
.search .search-filters .uk-dropdown {min-width: auto !important; width: 400px;}

.search-engine-home.form input[type=text], .search-engine-home.form input[type=email],.search-engine-home.form input[type=password], .search-engine-home.form input[type=number], .search-engine-home.form input[type=search], .search-engine-home.form select, .search-engine-home.form textarea, .search-engine-home.form textarea { border-right: 1px solid #6a6a6a !important; background: transparent !important; margin-bottom: 0px !important; margin-top: 0px !important; height: 48px; }

/* Select2 styles para páginas no-home */
.select2-selection { background: transparent !important; border-right: 1px solid #6a6a6a !important; }
.select2-container--default .select2-selection--single { border-radius: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; height: 48px !important; }


.search-engine-home.form input::placeholder {color: #26272E;}
.search-engine-home .uk-input{border: 0 !important;margin-bottom: 0 !important; padding: 10px 10px 10px !important; cursor: pointer; height: 60px; }
.search-engine-home .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.search-engine-home .tt-hint { color: #999 }
.search-engine-home .tt-menu {width: auto;min-width: 100%; margin: 0; padding: 5px 0; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);}
.search-engine-home .tt-suggestion { padding: 6px 20px; font-size: 0.9rem;color: #26272E;}
.search-engine-home .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #797B87;}
.search-engine-home .tt-suggestion.tt-cursor { color: #fff; background-color: #797B87; }
.search-engine-home .seh-selector{min-width: 200%;max-width: 100vw;}
.search-engine-home .sehs-subtitle{text-transform: uppercase;margin-top: 10px;display: block;font-size: 0.9rem;}
.search-engine-home .sehs-section .filters>label{margin-top: 3px;cursor: pointer;}
.search-engine-home .lv-label{position: absolute;z-index: 1;top: 5px;left: 10px;font-size: 0.8rem;color: #26272E;text-transform: initial; font-weight: 500;}
.search-engine-home .seh-search{padding: 11px 20px; margin-right: 0px;}

.search-engine-home .con-search-pax {position: absolute; z-index: 1; top: 19px;}
.search-engine-home .con-search-search {height: 62px; padding: 11px 20px; position: relative; padding-top: 15px;margin: -1px -2px -1px 0;}


/* new */
.search-engine-home .property-drop {width: 250px !important; box-sizing: border-box;}
.search-engine-home .property-drop button {background-color: transparent; border: 0; cursor: pointer; border-radius: 25px; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.search-engine-home .property-drop button:hover .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {opacity: 0.3;}
.search-engine-home .property-drop input[type=text] {background-color: transparent !important; background: transparent !important; border: 0 !important;}
.search-engine-home .property-drop .type-guests {border-bottom: 1px solid #06be94; padding-bottom: 5px; margin-bottom: 5px;}


.search-engine-home .property-drop li a span {font-weight: 400; font-size: 0.9rem !important;}
.search-engine-home .property-drop li a .uk-text-muted {font-size: 0.8rem;}

.search-engine-home .lv-search-drop {padding: 0px !important; border-radius: 15px; width: max-content; }
.search-engine-home .lv-search-drop li {padding: 5px 10px !important; font-size: 0.9rem; margin-bottom: 0 !important; margin-top: 0px;}
.search-engine-home .lv-search-drop .uk-background-primary {background-color: #ebebeb !important;}


/* 🔒 Evita que el grid se expanda al abrir dropdown */
.search-engine-home-container .uk-grid-collapse {flex-wrap: nowrap !important; align-items: center;}
/* 🔒 Fija altura del contenedor principal */
.search-engine-home .uk-input-search {height: 100%;}
/* 📏 Asegura que los inputs y botones mantengan tamaño constante */
/* El centrado vertical lo dan height + padding simétrico (10px arriba/abajo) sobre
   una línea de texto. Usar ADEMÁS line-height:60px (= height) es redundante y frágil:
   en navegadores con métrica de fuente distinta (Safari iOS antiguo) el line-height
   fijo en px sumado al padding empuja el texto hacia abajo y las fechas salen
   descuadradas. line-height:normal lo evita sin cambiar el aspecto donde ya se ve bien. */
.search-engine-home input.uk-input, .search-engine-home button.property-guests { height: 60px; line-height: normal;}
/* 👤 Icono de usuarios — alineado por flex del padre */
.search-engine-home [uk-icon="icon: users"] {pointer-events: none;}

/* Evita que el dropdown altere el flujo del contenedor */
.search-engine-home .property-drop {
    z-index: 99999 !important;
    width: 100%;
    max-width: 280px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 70px !important;
    left: -50px !important;
    width: 250px !important;
    height: auto;
}


.form.uk-form .uk-input, .form.uk-form .uk-select, .form.uk-form .uk-textarea {border-radius: 10px;}

/* iOS Safari auto-zoom: al enfocar un input con font-size <16px, Safari hace zoom
   de toda la página. El datedropper hace focus() en el input del buscador al abrir,
   disparando ese zoom (solo en iPhone). 16px SOLO en los inputs que reciben el foco
   (trigger opacity:0 + hidden) → evita el zoom sin verse grandes. Los displays son
   readonly (no reciben foco) y se quedan a 0.9rem como el resto de campos. */
.search-engine-home #nav-lv-datepicker,
.search-engine-home #nav-lv-datepicker-in,
.search-engine-home #nav-lv-datepicker-out {
    font-size: 16px;
}
.search-engine-home #nav-lv-datepicker-in-display,
.search-engine-home #nav-lv-datepicker-out-display {
    font-size: 0.9rem;
}

/* ===== Cross-browser form normalization (Safari/Edge) — Fase 1: selects =====
   UIkit aplica -webkit/-moz-appearance:none a .uk-select pero NO el `appearance`
   estándar (necesario en Safari 16+/iOS). Además, las reglas de formularios del
   front ponen `background-color`, que pisa el background-image (flecha) de UIkit
   y revierte el select a nativo. Aquí reponemos appearance + flecha, acotado a los
   contenedores de formularios del front (NO afecta a .select2-* ni a manager/auth). */
.search-engine-home .uk-select:not([multiple]):not([size]),
.lv-contact-form .uk-select:not([multiple]):not([size]),
.form-modal-newsletter .uk-select:not([multiple]):not([size]),
.flatpage .form-agency .uk-select:not([multiple]):not([size]),
.property .form-modal .uk-select:not([multiple]):not([size]),
.form.uk-form .uk-select:not([multiple]):not([size]),
.modal-comments-ordered.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%2326272E%22%20points%3D%2212%201%209%206%2015%206%22%2F%3E%3Cpolygon%20fill%3D%22%2326272E%22%20points%3D%2212%2013%209%208%2015%208%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 26px;
}

/* Cuando está en el body (movido por UIkit en property page) */
body > .property-drop:not(.property-drop-search),
body > .property-drop.uk-open:not(.property-drop-search) {position: absolute !important; z-index: 99999 !important; padding: 20px; margin-left: -140px;
}

#lv-datepicker-placeholder, #lv-datepicker-display, #nav-lv-datepicker-placeholder, #nav-lv-datepicker-display {position: relative; color: #26272E; text-align: center; top: -38px; text-align: center; margin: 0 auto; width: 100%;}
.search-engine-home .property-guests {border: 0; padding: 0px 10px 0 10px;  cursor: pointer; height: 60px; background-color: transparent;border-radius: 0px 50px 50px 0px; color: #26272E !important;}
.search-engine-home .property-guests span {color: #26272E !important; font-size: 0.9rem; font-weight: 400;}
/* IDs para ganar al `color:inherit !important` de button:not(.uk-button) span (misma especificidad/orden).
   nav_* = buscador del navbar; lv_travelers_* = motor de reservas de la ficha de propiedad (search-price). */
#nav_lv_travelers_total, #nav_lv_travelers_label,
#lv_travelers_total, #lv_travelers_label {color: #26272E !important; font-weight: 400;}
#lv-search-destination{text-align: left;padding-left: 10px !important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* Centra textos de entrada/salida y permite overflow del dropdown de huéspedes */
/* #nav-lv-datepicker-in-display, #nav-lv-datepicker-out-display { text-align: center; } */
.home .search-engine-home-container, .home .search-engine-home, .home .uk-navbar-center { overflow: visible; }
.search-engine-home, #search-engine-wrapper, #search-grid, #search-travelers { overflow: visible !important; }
/* Contexto de posicionamiento del dropdown de huéspedes (anclado por JS a #search-grid) */
#search-grid { position: relative; }
.search-engine-home .uk-width-expand\@m, .search-engine-home form, #ps-form, .search-engine-home .uk-grid-collapse { overflow: visible !important; }
.search-engine-home .uk-input-search, .search-engine-home .uk-inline { overflow: visible !important; }

.home .search-engine-home-container { max-width: 900px; width: calc(100vw - 400px); margin: 0; position: absolute; top: 50vh; left: 50%; transform: translateX(-50%); }
.search-engine-home-container {width: 100%; max-width: 720px; margin: 0 auto; position: relative; top: 0vh;}

.search-engine-home .uk-icon {max-width: 20px;}

.icon-button { background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 100%; color: inherit; -webkit-appearance: none; appearance: none;}
/* Forzar color heredado en TODOS los buttons del search engine y del booking
   widget de propiedad (icon-button, property-guests, etc). Safari/Chrome iOS
   los pintan con accent color (azul) por defecto y se hereda a los spans/icons
   hijos. Se excluyen .uk-button para no romper el verde BUSCAR. */
.search-engine-home button:not(.uk-button),
.search-engine-home button:not(.uk-button) span,
.search-engine-home button:not(.uk-button) [uk-icon],
.search-engine-home button:not(.uk-button) .uk-icon,
.search-price button:not(.uk-button),
.search-price button:not(.uk-button) span,
.search-price button:not(.uk-button) [uk-icon],
.search-price button:not(.uk-button) .uk-icon,
.lv-bottom-sheet button:not(.uk-button),
.lv-bottom-sheet button:not(.uk-button) span,
.lv-bottom-sheet button:not(.uk-button) [uk-icon],
.lv-bottom-sheet button:not(.uk-button) .uk-icon { color: inherit !important; }
.search-engine-home button:not(.uk-button),
.search-price button:not(.uk-button),
.lv-bottom-sheet button:not(.uk-button) { -webkit-appearance: none; appearance: none; }

/* property-drop dropdown: cuando el booking widget se detach al bottom sheet,
   el uk-drop puede desbordarse del viewport en mobile. Lo constreñimos al
   ancho del padre con box-sizing y max-width. */
.lv-bottom-sheet .property-drop,
.search-price .property-drop {
    box-sizing: border-box;
    max-width: 100%;
    width: 100% !important;
    left: 0 !important;
}
/* .container-input {max-width: 210px;} */

/* Alinear contenedor de iconos a la derecha */
#search-travelers .uk-width-1-4,
#search-destination .uk-width-1-4,
#search-dates .uk-width-1-4 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: auto;
}

/* Eliminar margen izquierdo de iconos para alineación correcta */
.icon-button .uk-margin-small-left,
#search-grid .icon-button span[class*="uk-margin"],
#search-grid span.uk-margin-small-left {
    margin-left: 0 !important;
}
/* Forzar icon-button a ocupar todo y alinear a la derecha */
#search-grid .icon-button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 60px;
}

body:not(.home) .uk-navbar-container .search-engine-home {border: 1px solid #6a6a6a; border-radius: 100px;}
.home .uk-navbar-container .search-engine-home {height: 75px;border: none;border-radius: 50px;background-color: white; padding: 0px; text-align: left;position: relative; box-shadow: none;}
.home .search-engine-home .uk-input {height: 75px;}
.home .search-engine-home .con-search-search {border-radius: 40px; height: 75px; margin: -1px -1px 0 0; padding: 0 30px;}
.home .search-engine-home .property-guests {height: 73px;}
.home #lv-search-destination {font-size: 1rem;}
.search-engine-home.form input[type=text], .search-engine-home.form input[type=email], .search-engine-home.form input[type=password], .search-engine-home.form input[type=number], .search-engine-home.form input[type=search], .search-engine-home.form select, .search-engine-home.form textarea {font-size: 0.9rem;}
.home .search-engine-home .property-guests {font-size: 0.9rem;}

.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home {height: 60px;top: 0;border: 1px solid #6a6a6a; box-shadow: none;border-radius: 50px;}
.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home .uk-input {height: 60px;}
.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home .con-search-search { height: 62px; margin: -1px -1px -1px 0; border-radius: 30px;padding: 0 22px;}
.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home-container { position: relative !important; top: 0 !important; left: auto !important; transform: none !important; width: 100% !important; max-width: 720px; }
.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home{height: 60px}
.home .uk-navbar-container.uk-sticky.uk-active  .search-engine-home .property-guests {height: 60px;}

.home .uk-navbar-container.uk-sticky.uk-active #lv-search-destination {font-size: 0.9rem;}
.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=text],.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=email], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=password], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=number], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=search], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form select, .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form textarea {font-size: 0.9rem; margin-bottom: 0px !important; margin-top: 0px !important; height: 48px !important;}

.home .search-engine-home.form input[type=text], .home .search-engine-home.form input[type=email],.home .search-engine-home.form input[type=password], .home .search-engine-home.form input[type=number], .home .search-engine-home.form input[type=search], .home .search-engine-home.form select, .home .search-engine-home.form textarea, .home .select2-selection { background: transparent !important; font-size: 0.9rem; border-right: 1px solid #6a6a6a !important; /* text-align: center; */ margin-bottom: 10px !important; margin-top: 10px !important; height: 56px;}
.home .select2-container--default .select2-selection--single {    border-radius: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 55px !important;}

.home .uk-navbar-container.uk-sticky.uk-active .select2-container--default .select2-selection--single {height: 48px !important;}

.home .uk-navbar-container.uk-sticky.uk-active .search-engine-home .property-guests {font-size: 0.9rem;}

.home .home-faqs ul li a.uk-accordion-title {padding: 20px 0;  /* border-top: 1px solid #06be94; */}
.home .home-faqs .uk-accordion>:nth-child(n+2) {margin-top: 0;}
.home .home-faqs .uk-accordion-content {padding-bottom: 20px; margin-top: 0 !important;}
.home .home-faqs .uk-accordion > li { padding: 5px 0; margin-top: 0; border-top: 1px solid #00BE94; }
.home .home-faqs .uk-accordion > li:last-child { border-bottom: 1px solid #00BE94; }
.home .home-faqs .uk-accordion-title { font-size: 1.1rem; color: #333; }
.home .home-faqs .uk-accordion-title:hover { color: #00BE94; }
.home .home-faqs .uk-accordion-content { padding: 5px 0px 10px; }
.home .home-faqs .uk-accordion-content p { color: #666; line-height: 1.7; }

/* end new */

/* Cancelación: el contenido del accordion se expande a todo el ancho del grid row */
.lv-cancel-accordion { margin: 0; }
.lv-cancel-accordion .uk-accordion-title { font-size: inherit; color: inherit; }
.lv-cancel-content {
    margin-left: calc(-100% - 15px); /* cubre la columna izquierda + gap */
    width: calc(200% + 15px);
}

/* Filas label/valor (Deposito, Tasa turistica, Tasa de limpieza...):
   label y valor SIEMPRE en la misma fila, alineados arriba. El titulo
   del accordion mantiene texto + icono '+' en linea sin descuadrarse
   aunque el texto sea largo ('Se cobra con la reserva'). */
.lv-cancel-accordion .uk-accordion-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    line-height: 1.35;
}
.lv-cancel-accordion .uk-accordion-title::before {
    order: 2;            /* el icono +/- a la derecha */
    flex: 0 0 auto;
    margin-top: 2px;
}
.lv-cancel-accordion .uk-accordion-title > span {
    flex: 1 1 auto;
    min-width: 0;
}


 #map {
    height: 100%;
    width: 100%;
  }
  .property-map {background-color: #FD9362; border-radius: 15px; color: white; height: 20px; font-size: 12px; justify-content: center; padding: 2px 4px; position: relative; transition: all 0.3s ease-out; width: auto;color: white; border: 1px solid #d87c51;}
  .search-icon-price {position: relative; bottom: 13px; font-size: 0.9rem; font-weight: 700;}
  .property-map .search-details {width: 300px; background-color: white;}
  .property-map .details h4 {font-size: 1rem !important;}
  .property-map .details h5 {font-size: 1rem !important;}
  .property-map.highlight {background-color: #FFFFFF; height: auto; padding: 0; width: 300px; border: 0;}
  .property-map.highlight .search-icon {display: none !important;}
  .yNHHyP-marker-view  {position: relative;}

  /* .property-map { align-items: center; background-color: #FFFFFF; border-radius: 50%; color: #263238; display: flex; font-size: 14px; gap: 15px; height: 30px; justify-content: center; padding: 4px; position: relative; position: relative; transition: all 0.3s ease-out; width: 30px;
  } */
  .property-map .icon { align-items: center; display: flex; justify-content: center; color: #FFFFFF;}
  .property-map .icon svg { height: 20px; width: auto;}
  .property-map .details { display: none; flex-direction: column; flex: 1;}
  .property-map .address { color: #9E9E9E; font-size: 10px; margin-bottom: 10px; margin-top: 5px;}
  .property-map .features { align-items: flex-end; display: flex; flex-direction: row; gap: 10px;}
  .property-map .features > div { align-items: center; background: #F5F5F5; border-radius: 5px; border: 1px solid #ccc; display: flex; font-size: 10px; gap: 5px; padding: 5px; }

  .property-map.highlight .uk-alert-close {top: 10px; right: 0; opacity: 1; color: #d87c51;}
  .property-map.highlight::after { border-top: 9px solid #FFFFFF; }
  .property-map.highlight .details { display: flex; }
  /* .property-map.highlight .icon svg { width: 50px; height: 50px;}
  .property-map .bed { color: #FFA000; }
  .property-map .bath { color: #03A9F4; }
  .property-map .size { color: #388E3C;}
  .property-map.highlight:has(.fa-house) .search-icon {color: var(--house-color);}
  .property-map:not(.highlight):has(.fa-house) { background-color: var(--house-color);}
  .property-map:not(.highlight):has(.fa-house)::after { border-top: 9px solid var(--house-color);}
  .property-map.highlight:has(.fa-building) .search-icon { color: var(--building-color); }
  .property-map:not(.highlight):has(.fa-building) { background-color: var(--building-color);}
  .property-map:not(.highlight):has(.fa-building)::after {border-top: 9px solid var(--building-color);}
  .property-map.highlight:has(.fa-warehouse) .search-icon { color: var(--warehouse-color);}
  .property-map:not(.highlight):has(.fa-warehouse) {background-color: var(--warehouse-color);}
  .property-map:not(.highlight):has(.fa-warehouse)::after { border-top: 9px solid var(--warehouse-color); }
  .property-map.highlight:has(.fa-shop) .search-icon {color: var(--shop-color);}
  .property-map:not(.highlight):has(.fa-shop) {background-color: var(--shop-color);}
  .property-map:not(.highlight):has(.fa-shop)::after {border-top: 9px solid var(--shop-color);}*/

  #map-search{height: 100%;}

/* Search page: fixed layout — only cards column scrolls */
.search .section-search {height: calc(100vh - 80px); height: calc(100dvh - 80px); overflow: hidden;}
#lv-search-sticky-container {height: 100%;}
#lv-search-sticky-container > div:first-child {display: flex; flex-direction: column; height: 100%; overflow: hidden;}
.search .section-search .lv-property-container {flex: 1; overflow-y: auto; min-height: 0; padding-top: 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;}
.lv-property-result-counter{font-size: 0.9rem;}
.lv-property-result-counter span{font-size: 0.7rem;color: #999;display: block;text-decoration: underline;cursor: pointer;}
.lv-search-footer{padding: 20px 0;}
.lv-search-footer .uk-pagination>*>*{font-size: 0.9rem;}


.property-item .item-slideshow .item-icons p {margin-left: 3px;}
.property-item .uk-slideshow-items {height: 280px;}

.property-item .item-slideshow .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-item .item-slideshow .reviews {z-index: 11; position: relative; font-weight: 700; color: white;font-size: 0.9rem;text-align: right;}
.property-item .item-slideshow .reviews span{font-size: 0.8rem;font-weight: 400;display: inline-block;margin-left: 3px;}
.property-item .item-slideshow .icon.whitelist {position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; background-position: -125px -30px; z-index: 1; cursor: pointer;}
.property-item:hover .item-slideshow .uk-overlay-primary {opacity: 0;}
.property-item .item-slideshow .uk-overlay-primary { position: absolute;bottom: 0;left:0;width: 100%; height: 30%; z-index: 1; background: transparent; background: -webkit-linear-gradient(to bottom, transparent 0%, #26272E 100%); background: -moz-linear-gradient(to bottom, transparent 0%,#26272E 100%); background: linear-gradient(to bottom, transparent 0%, #26272E 100%);-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
/* .property-item .item-slideshow .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-item .item-slideshow .reviews {z-index: 11; position: relative; font-weight: 700; color: white;}
.property-item .item-slideshow .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;} */
.property-item .uk-slider-container {height: auto; padding: 30px 20px;}
.property-item .uk-label{text-transform: lowercase;background: transparent;border: 1px solid white;border-radius: 20px;color: white;font-size: 0.7rem;opacity: 0.7;}
.property-item .item-info {background-color: white;}
.property-item .item-info .icon.fast-booking{width: 15px;height: 15px;background-position: -285px 0;}
.property-item .item-info .price{font-size: 1rem;font-weight: 700;text-align: right;line-height: 1.2;margin-top: 5px;}
.property-item .item-info .price.before {font-size: 0.9rem; font-weight: 400; text-align: left; line-height: 1.2; text-decoration: line-through; margin-top: 4px; color: #999;}
.property-item .item-info .price.total-days {font-size: 0.9rem; font-weight: 400; text-align: left; line-height: 1.2; text-decoration: underline; margin-top: 4px; color: #999;}
.property-item .item-info  span.amount{font-size: 0.8rem;font-weight: 400; position: relative; top: -5px;}
.property-item .item-info h3 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 2px;}
.property-item .item-info a:hover  {text-decoration: none !important;}
.property-item .item-info h3:hover  {text-decoration: underline !important;}
.property-item .item-info .lv-property-meta p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 0.8rem;}
.property-item .item-info .lv-property-meta > div{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 0.8rem;color: #999;}
.property-item .item-info .lv-property-meta span{font-size: 0.8rem;display: inline-block;}
.property-item .item-info .lv-property-meta span::after{content: " · ";margin-left: 2px;}
.property-item .item-info .lv-property-meta span:last-child::after{display: none;}
.property-item .item-info .uk-heading-xsmall {font-size: 1rem !important; font-weight: 700;}

.property-item  .highlighted .item-info .uk-heading-xsmall.dark {color: #FD9362 !important;}


.property-item .item-info .item-icons p {margin-left: 3px;}
.property-item .item-info .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-item .item-info .reviews {z-index: 11; position: relative; font-weight: 700; }
.property-item .item-info .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}
.property-item .item-info .comments {font-size: 0.7rem;font-weight: 400; position: relative; top: -5px}
.property-item .item-info .quantity {font-size: 0.8rem;font-weight: 400; position: relative; top: 0px}
.property-item .price-breakdown div {font-size: 0.9rem; margin-top: 3px !important;}
.property-item .pi-arrow-left {padding: 40px 40px 40px 20px;}
.property-item .pi-arrow-right {padding: 40px 20px 40px 40px;}

/* PROPERTY MAP */
.property-map .property-item .item-slideshow .item-icons p {margin-left: 3px;}
.property-map .property-item .uk-slideshow-items {height: 280px;}
.property-map .property-item .item-slideshow .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-map .property-item .item-slideshow .reviews {z-index: 11; position: relative; font-weight: 700; color: white;font-size: 0.9rem;text-align: right;}
.property-map .property-item .item-slideshow .reviews span{font-size: 0.8rem;font-weight: 400;display: inline-block;margin-left: 3px;}
.property-map .property-item .item-slideshow .icon.whitelist {position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; background-position: -125px -30px; z-index: 1; cursor: pointer;}
.property-map .property-item .item-slideshow .uk-overlay-primary { position: absolute;bottom: 0;left:0;width: 100%; height: 30%; z-index: 1; background: transparent; background: -webkit-linear-gradient(to bottom, transparent 0%, #26272E 100%); background: -moz-linear-gradient(to bottom, transparent 0%,#26272E 100%); background: linear-gradient(to bottom, transparent 0%, #26272E 100%);}
.property-map .property-item .item-slideshow .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-map .property-item .item-slideshow .reviews {z-index: 11; position: relative; font-weight: 700; color: white;}
.property-map .property-item .item-slideshow .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;} */
.property-map .property-item .uk-slider-container {height: auto; padding: 30px 20px;}
.property-map .property-item .uk-label{text-transform: lowercase;background: transparent;border: 1px solid white;border-radius: 20px;color: white;font-size: 0.7rem;opacity: 0.7;}
.property-map .property-item .item-info .icon.fast-booking{width: 15px;height: 15px;background-position: -285px 0;}
.property-map .property-item .item-info .price{font-size: 1rem;font-weight: 700;text-align: right;line-height: 1.2;margin-top: 5px;}
.property-map .property-item .item-info .price.before {font-size: 0.9rem; font-weight: 400; text-align: left; line-height: 1.2; text-decoration: line-through; margin-top: 4px; color: #999;}
.property-map .property-item .item-info .price.total-days {font-size: 0.9rem; font-weight: 400; text-align: left; line-height: 1.2; text-decoration: underline; margin-top: 4px; color: #999;}
.property-map .property-item .item-info a:hover {color: initial;}
.property-map .property-item .item-info a:hover .price {color: initial;}
.property-map .property-item .item-info a:hover .price span {color: initial;}
.property-map .property-item .item-info  a:hover .price.total-days  {color: #999;}
.property-map .property-item .item-info  span.amount{font-size: 0.8rem;font-weight: 400; position: relative; top: -5px;}
.property-map .property-item .item-info h3 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 2px;}
.property-map .property-item .item-info a:hover  {text-decoration: none !important;}
.property-map .property-item .item-info h3:hover  {text-decoration: underline !important;}
.property-map .property-item .item-info .lv-property-meta p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.property-map .property-item .item-info .lv-property-meta > div{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 0.8rem;color: #999;}
.property-map .property-item .item-info .lv-property-meta span{font-size: 0.8rem;display: inline-block;}
.property-map .property-item .item-info .lv-property-meta span::after{content: " · ";margin-left: 2px;}
.property-map .property-item .item-info .lv-property-meta span:last-child::after{display: none;}

.property-map .property-item .item-info .uk-heading-xsmall {font-size: 1rem !important; font-weight: 700;}

.property-map .property-item .item-info .item-icons p {margin-left: 3px;}
.property-map .property-item .item-info .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
.property-map .property-item .item-info .reviews {z-index: 11; position: relative; font-weight: 700; }
.property-map .property-item .item-info .reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}
.property-map .property-item .item-info .comments {font-size: 0.7rem;font-weight: 400; position: relative; top: -5px}
.property-map .property-item .item-info .quantity {font-size: 0.8rem;font-weight: 400; position: relative; top: 0px}
.property-map .property-item .price-breakdown div {font-size: 0.9rem; margin-top: 3px !important;}


.uk-dotnav>.uk-active>* {background-color: rgba(0, 190, 148, .6); border-color: transparent;}
.uk-dotnav>*>* {border: 1px solid rgba(0, 190, 148, .4);}

/* MODAL SEARCH */
#modal-search-filters label {font-size: 0.85rem; }
#modal-search-filters input::placeholder {font-size: 0.8rem;}
#modal-search-filters small {font-size: 0.7rem;}
#modal-search-filters .uk-modal-body { overflow-x: hidden; }
#modal-search-filters .uk-modal-dialog { max-width: 500px; border-radius: 10px; overflow: hidden; }
#modal-search-filters .filter-quantity {border: 1px solid #999; border-radius: 20px; padding: 7px; cursor: pointer; transition: box-shadow 0.15s, border-color 0.15s;}
#modal-search-filters .filter-quantity:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.15); border-color: #bbb;}
#modal-search-filters input.uk-checkbox {border-radius: 3px;  border: 1px solid #ccc;}
#modal-search-filters .uk-checkbox:checked, #modal-search-filters .uk-checkbox:indeterminate, #modal-search-filters .uk-radio:checked {background-color: #06be94;}
.lv-price-filter {margin-bottom: 20px;}
/* Cancellation styled option rows */
.lv-cancel-options {display: flex;flex-direction: column;gap: 8px;}
.lv-cancel-options--row {flex-direction: row; flex-wrap: wrap;}
.lv-cancel-options--row .lv-cancel-option {flex: 1; min-width: 0;}
.lv-cancel-option {display: flex;align-items: center;gap: 10px;border: 1.5px solid #e0e0e0;border-radius: 10px;padding: 10px 12px;cursor: pointer;transition: border-color 0.2s, background 0.2s;position: relative;}
.lv-price-input-card--right {text-align: right;}
.lv-price-input-card--right .lv-price-input-wrapper {justify-content: flex-end;}
.lv-cancel-option input[type="radio"],
.lv-cancel-option input[type="checkbox"] {position: absolute;opacity: 0;pointer-events: none;}
.lv-cancel-option-content {flex: 1;}
.lv-cancel-option-title {font-weight: 600;display: block;font-size: 0.85rem;}
.lv-cancel-option-desc {display: none;font-size: 0.7rem;color: #aaa;margin-top: 3px;}
.lv-cancel-option-dot {width: 16px;height: 16px;border-radius: 50%;border: 2px solid #ccc;flex-shrink: 0;transition: border-color 0.2s, background 0.2s;}
.lv-cancel-option:has(input:checked) {border-color: #06be94;background: rgba(0, 190, 148, 0.06);}
.lv-cancel-option:has(input:checked) .lv-cancel-option-dot {border-color: #06be94;background: #06be94;box-shadow: inset 0 0 0 3px #fff;}
.lv-cancel-option:has(input:checked) .lv-cancel-option-desc {display: block;}
/* Filter apply button */
#apply-search-filters {background-color: #06be94;color: #fff;border: none;padding: 10px 32px;border-radius: 8px;font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: background-color 0.2s;}
#apply-search-filters:hover {background-color: #00a882;}
/* Rating pill chips */
.lv-rating-pills {display: flex;flex-wrap: wrap;gap: 7px;margin-top: 4px;}
.lv-rating-pill {display: inline-flex;align-items: center;border: 1.5px solid #d0d0d0;border-radius: 20px;padding: 5px 10px;font-size: 0.78rem;cursor: pointer;transition: border-color 0.2s, background 0.2s, color 0.2s;user-select: none;}
.lv-rating-pill input[type="checkbox"] {position: absolute;opacity: 0;pointer-events: none;}
.lv-rating-pill:has(input:checked) {border-color: #06be94;background: #06be94;color: #fff;}
/* Cancellation info button + clear button */
.lv-cancel-info-btn {display: inline-flex;align-items: center;justify-content: center;width: 14px;height: 14px;border-radius: 50%;background: #e8e8e8;color: #888;font-size: 0.6rem;font-style: italic;font-weight: 700;cursor: default;margin-left: 5px;vertical-align: middle;flex-shrink: 0;}
.lv-cancel-clear-btn {background: none;border: none;padding: 0;color: #06be94;font-size: 0.8rem;cursor: pointer;font-weight: 500;}
.lv-cancel-clear-btn:hover {text-decoration: underline;}
/* Service pill chips in modal */
.lv-service-pills {display: flex;flex-wrap: wrap;gap: 8px;}
.lv-service-pill {position: relative;display: inline-flex;align-items: center;border: 1.5px solid #d0d0d0;border-radius: 20px;padding: 6px 14px;font-size: 0.875rem;cursor: pointer;transition: border-color 0.2s, background 0.2s, color 0.2s;user-select: none;}
.lv-service-pill input[type="checkbox"] {position: absolute;opacity: 0;pointer-events: none;}
.lv-service-pill:has(input:checked) {border-color: #06be94;background: #06be94;color: #fff;}
.lv-service-more-pills {display: none;flex-wrap: wrap;gap: 8px;margin-top: 4px;width: 100%;}
.lv-service-more-pills.is-open {display: flex;}
.lv-ver-mas-btn {background: none;border: none;padding: 4px 0;color: #06be94;font-size: 0.875rem;font-weight: 600;cursor: pointer;}
.lv-ver-mas-btn:hover {text-decoration: underline;}

  /* MODAL NEWS */
  #modal-news .uk-modal-dialog{height: 100%;}
  #modal-news h5{font-size: 2rem;}
  #modal-news p, #modal-news small{color:#26272E;}
  .checkbox-list label {margin-left: 10px;}
  .checkbox-list label:first-child {margin-left: 0;margin-bottom: 10px;}


  /* SEARCH ENGINE HOME */
  /* .header-container {z-index: 999; position: relative;top: -130px;}
  .uk-navbar {padding-bottom: 130px;} */

  /* .home .main {margin-top: -130px;} */
  .home .uk-navbar-container.uk-sticky.uk-active {/* height: 80px; */ background-color: white;}
  .home .uk-navbar-container.uk-sticky.uk-active.bg-white {height: 210px;}
  /* .home .uk-navbar-container {height: 210px;} */
  .home .uk-navbar { background-color: white;}
  .home .uk-navbar-container:not(.uk-navbar-transparent) {background-color: transparent; background: #fff;}


  /* SEARCH ENGINE HOME STICKY*/
  /* .uk-navbar-container.uk-sticky.uk-active .search-engine-home {max-width: 400px;} */

  .full-navbar {background-color: white !important; height: 210px !important;}
  .full-navbar .search-engine-home {max-width: 620px !important; top: 120px !important;}


  /* SEARCH ENGINE */
  .pf-container h3{margin: 20px 0;}
  .property-search-form{background-color: #F7F7F7;padding: 10px 10px 60px 10px;}
  .property-search-form .select2-container{width: auto !important;}
  .property-search-form .select2-selection{border: 2px solid #E1E1E1 !important;border-radius: 5px !important;padding: 9px 30px 9px 10px !important;}
  .property-search-form .select2-container--default .select2-search--inline .select2-search__field{margin: 0;}
  /* .twitter-typeahead{min-width: 210px;} */
  .property-search-form .typeahead{padding: 17px 34px 17px 20px !important;cursor: pointer;}
  .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .tt-hint { color: #999 }
  .tt-menu {width: auto;min-width: 100%; margin: 0; padding: 5px 0; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);}
  .tt-suggestion { padding: 6px 20px; font-size: 0.9rem;color: #26272E;}
  .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #797B87;}
  .tt-suggestion.tt-cursor { color: #fff; background-color: #797B87; }
  .seh-selector{min-width: 200%;max-width: 100vw;}
  .sehs-subtitle{text-transform: uppercase;margin-top: 10px;display: block;font-size: 0.9rem;}
  .sehs-section .filters>label{margin-top: 3px;cursor: pointer;}
  .reset-filters{padding: 25px 10px;cursor: pointer;display: block;font-size: 0.8rem;}
  .reset-filters:hover{color: #72706E;}
  .sehs-label{position: absolute;z-index: 1;top: 5px;left: 10px;font-size: 0.7rem;color: #26272E !important;text-transform: uppercase;font-weight: 600;}
  .seh-search{padding: 22px 50px;margin-right: -36px;}
  .sehs-filters{margin-top: 0;border-radius: 4px;}
  .sehs-filters .uk-dropdown-close{background-color: #06be94; padding: 20px 40px;float: right;cursor: pointer;color: #fff;border-radius: 100px;}
  .sehs-filters .uk-dropdown-close:hover{background-color: #269D7F;}


  /* .property-search-form .typeahead.psf-date{color: #fff !important;} */

  .psf-container .icon{position: absolute;z-index: 1;top: 20px;left: 20px;}
  .psfs-filters{min-width: 500px;}

  .property-search-form .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: transparent !important;}
  .property-search-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border-right: 0 !important;}
  .property-search-form .icon{position: absolute;top: 20px;right: 10px;z-index: 1;}

  .psfs-filters label{font-size: 0.8rem;margin-bottom: 5px;cursor: pointer;}
  .psfs-filters label .uk-checkbox{margin-right: 5px;}
  .psfs-title{text-transform: uppercase;font-weight: 700;}
  .psfs-title::after{content: "";width: 100%;height: 1px;background-color: #06be94;}
  .psfs-subtitle{text-transform: uppercase;font-size: 0.8rem;}
  .submit-form{background-color: #06be94;padding: 10px 20px;display: block;text-align: center;margin-top: 15px;cursor: pointer;color: white;}
  .submit-form:hover{background-color: #269D7F;}

  .view-more-properties{margin-top: 50px;}


/* Property search */
.home-destination-feed{margin-top: -20px;}

    /* Property feed item */
    .pfi-container{position: relative;}
    .pf-item{box-shadow: 0 0 20px rgb(0 0 0 / 15%);border-radius: 10px;position: relative;}
    .pf-item:hover{box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
    .pf-item .icon.whitelist{position: absolute;top: 10px;left: 10px;width: 30px;height: 30px;background-position: -125px -30px;z-index:1;cursor: pointer;}
    .pf-item .icon.whitelist:hover{background-position: -155px -30px;}
    .pf-item .icon.livowner{position: absolute;top: 10px;right: 10px;width: 50px;height: 50px;background-position: -120px -80px;z-index:1;}
    .pf-item .uk-slideshow-items li{border-top-left-radius: 10px;border-top-right-radius: 10px;background-position: center;background-size: cover;background-repeat: no-repeat;}
    .pf-item .pfi-text{display: block;padding: 15px;text-align: left;}
    .pf-item .pfi-text{color: #26272E;}
    .pf-item .pfi-text h6{font-family: 'Inter';font-weight: 700;font-size: 1rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 10px;}
    .pf-item .pfi-text .pfit-list{margin-top: 14px;}
    .pf-item .pfi-text .pfit-list li{font-size: 0.8rem;color: #26272E;display: inline;}
    .pf-item .pfi-text .pfit-list li:after{content: " ·";}
    .pf-item .pfi-text .pfit-list li:last-child:after{display: none;}
    .pf-item .pfi-text .pfi-price{font-size: 1.4rem;font-weight: 700;text-align: right;line-height: 1;}
    .pf-item .pfi-text .pfi-price .icon.fast-booking{width: 15px;height: 15px;background-position: -285px 0;}
    .pf-item .pfi-text .pfi-price span.amount{font-size: 0.8rem;font-weight: 400;}
    .pf-item .pfi-text .pfi-reviews{font-size: 1rem;font-weight: 700;text-align: right;line-height: 1;}
    .pf-item .pfi-text .pfi-reviews .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
    .pf-item .pfi-text .pfi-reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}

/* property view */
.property_view .pv_gallery .pvg_item {display: block;height: calc(33% - 12px);margin-bottom: 21px;border-radius: 5px;}
.property_view .pv_gallery .pvg_item:hover{opacity: 0.8;}
.property_view .pv_gallery .pvg_item img{width: 100%;max-width: none;}
.property_view .pv_gallery .pvg_first {height: 100%;}
.property_view .pv_gallery .pvg_rest{position: relative;}
.property_view .pv_gallery .pvg_rest .pv_gallery_more{position: absolute;right: 10px;bottom: 10px;padding: 10px 20px;background-color: white;border-radius: 20px; font-weight: 700;cursor: pointer;}
.property_view .pv_gallery .pvg_rest .pvg_item:last-child {margin-bottom: 0;}
.property_view h1{font-family: 'Inter';font-weight: 700;font-size: 2rem;}
.property_view .pv_main_data{margin-top: 5px;}
.property_view .pv_main_data li{display: inline-block;}
.property_view .pv_main_data li:after{content: "·";margin: 0 5px 0 8px;display: inline-block;}
.property_view .pv_main_data li:last-child:after{display: none;}
.property_view .pv_desc{overflow: hidden;}
.property_view .pv_blocks h3{font-family: 'Inter';font-weight: 700;font-size: 1.4rem;margin-bottom: 20px !important;}
.property_view .pv_extra_icon{width: 50px;margin-right: 10px;}
.property_view .pv_reviews .uk-comment{padding: 0 60px;}
.property_view .pv_rules span{color: #06be94;font-weight: 700;}
.property_view .pv_owner h4{font-weight: 700;}
.property_view .pv_owner h4 span{font-weight: 400;display: inline-block;color: #26272E;margin-left: 10px;font-size: 100%;}
.property_view .pv_owner span{color: #06be94;font-weight: 700;}
.property_view .pv_owner p{margin-top:0;}
.property_view .pv_owner .pvo_img{position: relative;}
.property_view .pv_owner .pvo_img img{width: 100px;}
.property_view .pv_owner .pvo_img .icon.livowner{position: absolute;bottom: 30px;right: 0;width: 50px;height: 50px;background-position: -120px -80px;z-index: 1;}
.property_view .pv_map{width: 100%;height: 400px;}

    /* salto a BE */
    .property_view .pv_be{background-color: white;border-radius: 30px;box-shadow: 0 5px 15px rgb(0 0 0 / 8%);padding: 20px;}
    .property_view .pv_be .icon.livowner{width: 50px;height: 50px;background-position: -120px -80px;z-index: 1;}
    .property_view .pv_be .pfi-price{font-size: 1.8rem;font-weight: 700;text-align: right;line-height: 1;color: #26272E;}
    .property_view .pv_be .pfi-price .icon.fast-booking{width: 15px;height: 15px;background-position: -285px 0;}
    .property_view .pv_be .pfi-price span.amount{font-size: 0.8rem;font-weight: 400;}
    .property_view .pv_be .pfi-reviews, .property_view .pv_reviews .pfi-reviews{font-size: 1rem;font-weight: 700;text-align: right;line-height: 1;color: #26272E;}
    .property_view .pv_be .pfi-reviews .icon.reviews, .property_view .pv_reviews .pfi-reviews .icon.reviews{width: 15px;height: 15px;background-position: -300px 0;}
    .property_view .pv_be .pfi-reviews span, .property_view .pv_reviews .pfi-reviews span{font-size: 0.7rem;font-weight: 400;display: inline-block;margin-left: 3px;}
    .property_view .pv_be .uk-input, .property_view .pv_be .uk-select{margin: 7.5px 0;border-radius: 5px;padding: 25px 10px 10px;height: auto;}
    .property_view .pv_be div label{font-size: 0.7rem;font-weight: 700;text-transform: uppercase;color: #000;position: absolute;top: 15px;left: 12px;z-index: 1;}
    .property_view .pv_be .uk-button{margin: 15px 0px -20px -20px;width: calc(100% - 25px);box-sizing: initial;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;text-align: center;}

    /* calendar */
    .cal_mesos.ocultar, .cal_mesos.ocultar_todo { display: none; }

    #calendar{margin-bottom: 40px;}
    #calendar .busy-date{position: relative;display: block;text-align: right;margin-right: 10px;font-size: 0.8rem;}
    #calendar .busy-date:before{display: inline-block;content: ""; width: 10px;height: 10px;background-color: #ff0000;}
    #calendar .uk-button{margin-right: 10px;}

    .pv_calendar table{border:0;width:100%;margin-left: auto; margin-right: auto; margin-bottom: 0;}
    .pv_calendar table tbody{border: 0;}
    .pv_calendar table tbody tr:nth-child(even){background-color: transparent;}
    .pv_calendar .uk-slider-items{margin: 0;}
    .cal_mesos{width: 100%;float:left;font-size:12px;/* min-height: 305px; */}
    .cal_mes{width:100%;padding:8px 0;text-align:center;color:#fff;font-weight: 700;text-transform: uppercase;background-color: #06be94;}
    .cal_dies{border-spacing: 0;}
    .cal_setmana{background-color: #e6e6e6;margin-bottom: 1px;}
    .cal_td{ height:auto;width:14.2857%;text-align:center;font-weight: 400;padding: 8px 0;border-bottom: 1px solid white;color: #040f0c;}
    .cal_td_num{width:14.2857%;height:18px;text-align:center;padding:8px 0;position: relative;border: 1px solid white;border-left: 0;border-right: 0;z-index: 1;color: #040f0c;font-weight: 700;}
    .cal_td_num.busy{text-decoration:line-through;font-weight: 400;opacity: 0.4;}
    .cal_td_num.busy.incoming{text-decoration:line-through;font-weight: 400;opacity: 0.4;}
    .cal_td_num.outcoming.incoming{text-decoration:line-through;font-weight: 400;opacity: 0.4;}
    .icon-ocupado {max-width: 20px; margin-left: 10px; margin-top: -5px;}

  /* Zone-feed */
  .feed .hd-item{margin-top: 0;}
  .feed .hd-item:nth-child(3n+2){margin-top: 20px;}
  .feed .header{position: relative;}
  .feed .header h2{position: absolute;bottom: 5vh;left: 5vh;width: calc(100% - 10vh);color: white;font-size: 3rem;}

    /* Zone-feed */
    .zone-feed .header{background-image: url('../../public/img/bg-zone-feed.jpg');}
    .zone-feed-container{position: relative;}
    .zone-feed-container:before{position: absolute;top: 10%;left:-15vh;width: calc(100% + 30vh);height: 100%;background-color: #FFD3BC;content: "";display: block;z-index: -1;}

    /* Zone-feed */
    .segment-feed .header{background-image: url('../../public/img/bg-segment-feed.jpg');}


    /* FEED POSTS */
    .feed-posts .fp-text {padding: 25px;}
    .feed-posts .fp-text h3 {font-size: 1.2rem; font-weight: 500;}
    .feed-posts .fp-text p.ellipsis {margin-top: 10px; margin-bottom: 0; line-height: 1.5; font-size: 0.9rem;}


  /* destination */
  .destination h2{font-size: 2.2rem;}
  .idest-container{margin-top: -10vh;padding-bottom: 20vh;}
  .idest-container h1{color: #FD9362;}
  .idest-container ul li{font-size: 0.9rem;}
  .idest-container ul li span{font-family: 'FS Renaissance';color: #FD9362;display: block;font-size: 3rem;line-height: 1.2;}
  .bullets-destination{margin-top: -10vh;}
  .bullets-destination li{list-style-type: none;margin-bottom: 5px;position: relative;}
  .bullets-destination li:after{content: "✔";color: #06be94;position: absolute;left: -25px;top: 0;}
  .slider-destination{position: relative;}
  .slider-destination .uk-panel{background-position: center;background-size: cover;background-repeat: no-repeat;}
  .sdest-deco{position: absolute;top: -10%;left: 0;width: 80%;z-index: -1;height: 100%;}

  /* segment */
  .segment-featured-value h4{color: #06be94;}
  .segment-featured-value p{margin-top: 0;font-size: 0.9rem;}
  .bullets-segment li{list-style-type: none;margin-bottom: 5px;position: relative;}
  .bullets-segment li:after{content: "✔";color: #06be94;position: absolute;left: -25px;top: 0;}

/* pages */
/* .page .header .htrv-svg{right: 40px;height: auto;width: 10%;bottom: -50px;}
.page h2{font-size: 3.2rem;}
.page h4{font-family: 'FS Renaissance';font-size: 1.6rem;color: #06be94;}
.page h5{font-family: 'Inter';font-weight: 700;}
.page p{margin-top: 0;} */

  /* owners // livowners */
  /* .ilivo-container{margin-top: -10vh;}
  .owners .ilivo-container h1{color: #fff;}
  .owners .ilivo-container p{color: #fff;}
  .owners .highlights-livowners{text-align: center;}
  .owners .highlights-livowners img{max-width: 150px;}
  .owners .highlights-livowners h3{color: #06be94;font-size: 2rem;}
  .li-be-livowner .li-be-li-img{background-size: cover;background-position: center left;height: 100%;}
  .li-be-livowner .htrv-svg{z-index: 1;right: auto;left: -4vw;height: 25%;bottom: auto;top: -20px;}
  .livowners .icon.livowner{position: absolute;bottom:-50px;right: -50px;width: 100px;height: 100px;background-position: -240px -160px;z-index: 1;background-size: 2000px 1000px;}
  .li-be-li-text{margin: 80px 0 40px;padding: 40px 0;}
  .li-be-li-bg{height: 100%;position: absolute;margin: 5vh 0 0 -8vh;}
  .cta-pro-livowners{background-position: center;background-size: cover;background-repeat: no-repeat;}
  .intro-livowners{position: relative;z-index: 1;}
  .subintro-livowners{position: relative;}
  .il-list li:before{background-image: url('../../front_img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;background-position:-185px -60px;margin-right: -15px;color: #06be94;font-weight: 700;content: counter(decimal,decimal);text-align: center;}
  .subintro-livowners .li-be-li-bg{z-index: -1;margin:-5vh 0 0 -15vh;height: calc(100% + 2vh);}
  .li-be-li-bg{height: 100%;position: absolute;margin: 5vh 0 0 -8vh;}
  .subintro-livowners .icon.livowner{bottom: auto;right: auto;position: relative;} */
  .owners-sign-up{background-color: white;margin: -40px 20px -80px 0 !important;border-radius: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
  .owners-sign-up h3{margin-bottom: 10px;}
  .owners-sign-up label.uk-form-label{position: absolute;top: 5px;left: 10px;width: calc(100% - 20px);box-sizing: border-box;font-size: 0.8rem;}
  .owners-sign-up .form .uk-input{padding: 25px 10px 5px;}
  .owners-sign-up small{color: #171919;}
  .owners-sign-up .fso-name .uk-input{border-right: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;}
  .owners-sign-up .fso-name:after{content: "";display: block;position: absolute;top: 14px;right: 5px;width: 1px;height: 30px;background-color: #E1E1E1;}
  .owners-sign-up .fso-surname .uk-input{border-left: 0;border-bottom-left-radius: 0;border-top-left-radius: 0;}
  .owners-sign-up .fso-prefix{width: 80px;}
  .owners-sign-up .fso-prefix .uk-input{border-right: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;}
  .owners-sign-up .fso-prefix:after{content: "";display: block;position: absolute;top: 14px;right: 5px;width: 1px;height: 30px;background-color: #E1E1E1;}
  .owners-sign-up .fso-telephone .uk-input{border-left: 0;border-bottom-left-radius: 0;border-top-left-radius: 0;}
  .owners-sign-up #send-form-suo{margin: 20px -40px -40px;width: calc(100% + 80px);border-radius: 0 0px 10px 10px;text-align: center;}

  /* agencies */
  .agencies-highlights{position: relative;}
  .ah-item{text-align: center;}
  .ah-item h4{color: #FD9362;}

  /* livtravelers */
  /* .livtravelers .intro-livtravelers{text-align: center;}
  .livtravelers .intro-livtravelers img{max-width: 150px;}
  .livtravelers .intro-livtravelers h4{color: #FD9362;font-size: 2rem;}
  .home-livtraveler .htrv-svg{bottom: auto;top: 0;} */

 .livtraveler .intro {margin-top: -50px;}

 /* quien somos */
 .quienes-somos .grid-local .bg-secondary {margin-bottom: -15vh; margin-left: -10vh; padding-left: 10vh;}
 .quienes-somos .grid-local .text {padding: 5vh;}
 .quienes-somos .grid-professional .text {padding: 5vh;}
 .quienes-somos .grid-professional .container-text {margin-bottom: -15vh; margin-right: -10vh; padding-right: 10vh;}

  /* livplanner */
  .livplanner-img{background-position: center left;background-size: contain;background-repeat: no-repeat;}
  .lp-li-bg{width:100%;height: calc(100% - 5vh);position: absolute;margin: 40px 0 0 -5vh;z-index: -1;}
  .livplanner .htrv-svg{right: auto;bottom: auto;top:0;}

  .livplanner-list .bg-secondary {padding-bottom: 10vh;}
  .livplanner-list .uk-background-cover {margin-top: -5vh;position: relative;}
  .livplanner-list .asset-img img {position: absolute; right: -30px; top: 20px;z-index: 1;}


/* POSTS */
.contents .feed-content .fp-ind .fp-text {padding: 30px 20px;}
.contents .feed-content .fp-ind .fp-text h3.ellipsis {font-size: 1.2rem; font-weight: 600; margin: 10px 0 5px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.4 !important;}
.contents .feed-content .fp-ind .fp-text p.ellipsis { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 0px; margin-top: 0; line-height: 1.4 !important;}


/* POST */
.content .text-featured-1.bg-light-grey {margin-top: -30vh; padding-top: 30vh;}
/* .content .bg-light-grey {margin-top: -20vh; padding-top: 30vh; z-index: 0;} */
.content .bg-light  {margin-top: -20vh; padding-top: 30vh; z-index: 0;}
.content .main-featured {font-size: 1.8rem !important; padding: 10px 20px;}

.content .main-content ul li {list-style: outside; margin-left: 20px;}
.content .main-content h2 {font-family: 'Inter' !important;font-size: 1.6rem;}
.content .main-content h3 {font-family: 'Inter' !important;font-size: 1.2rem;margin-left: 30px;}

.content .container-slider-arrows {width: 150px; margin: 0 auto; bottom: -10px; position: relative;}
/* destination .container-slider-arrows .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {stroke: rgba(116, 183, 152, 0.6);} */
.content .container-slider-arrows .uk-slidenav {color: rgba(0, 190, 148,.5);}
.content .container-slider-arrows .uk-slidenav:hover {color: rgba(0, 190, 148,.9)}
.content .container-slider-arrows svg {display: none;}
.content .container-slider-arrows span svg {display: block;}

.content .container-arrows {position: absolute; height: 50px; width: 100px; left: calc(50% - 50px); bottom: 0;}
.content .uk-slider-container-offset {padding: 0;}


.map-responsive-container {
    position: relative;
    width: 100%;
    height: 60vh; /* 70% de la altura de la pantalla */
    min-height: 500px; /* Altura mínima */
    max-height: 800px; /* Altura máxima opcional */
}

.map-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 15px !important;
}


/* Cookies */
#cookieMessageWrapper{width: 100%;position: fixed;left:0;top: 0;z-index: 997;height:100%;background: rgba(38,38,38,0.6);}
#cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 80%;left: 50%;top: 50%;max-width: 400px;transform: translateX(-50%) translateY(-50%);background-color: white;}
#cookieMessage p{margin-bottom: 0;color: #444;}
#cookieMessage .uk-link{margin-top: 20px;color: #06be94;display: inline-block;padding: 20px;vertical-align: middle;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;margin-top: 20px;cursor: pointer;margin-right: 5px;}
#cookieClose:hover{color: #fff;}
#cookieNone{margin-top: 20px;}

#modal-cookies .uk-link{color: #06be94;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #06be94 !important;}
#modal-cookies .uk-checkbox:checked{background-color: #06be94;}
#modal-cookies .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;}


  /* cookies i aviso legal */
  .cookies .header {background-position: center; position: relative; background-image: url('../../public/img/bg-cookies.jpg');background-size: cover; background-repeat: no-repeat; }
  .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }


  /* footer */

  footer li a, footer li {color: #fff; list-style: none !important; font-size: 1rem;}
  footer li.uk-lead{font-weight: 700;}
  footer li a:hover {color: #000;}
  footer small {font-size: 0.7rem;}
  footer .legal-list {font-size: 0.8rem; font-weight: 400; }
  footer .bg-primary {padding: 40px;}
  footer .uk-container {padding-left: 0; padding-right: 0;}


  .footer-logo {display: inline-block;}
  .footer-logo img{width: 100%;max-width: 250px;}
  .footer-logo p{text-transform: uppercase;color: white;margin-top: 20px;}
  .footer-logo p a{font-weight: 700;color: white;}
  .footer-logo p a:hover{text-decoration: underline;}

  .copyright{font-size: 0.8rem !important;}
  .autor{ font-size: 0.8rem !important; margin-bottom: 0;opacity: 0.6;}
  .autor a{font-weight: 400;margin-top: 10px !important; color: #999;}
  .autor b {font-weight: 700;}


@media (max-width: 1599px){ /* large */
      .uk-navbar-container:not(.uk-navbar-transparent) .uk-container.uk-container-large {padding-left: 0; padding-right: 0;}

      .user-menu .uk-button.uk-button-property {
        /* 1. Definir el ancho máximo */
        max-width: 130px;
        width: 100%; /* Opcional: permite que sea más pequeño si hay menos texto */

        /* 2. Propiedades para cortar el texto */
        white-space: nowrap; /* Evita que el texto salte de línea */
        overflow: hidden; /* Oculta el texto que sale del borde */
        text-overflow: ellipsis; /* Añade los puntos suspensivos (...) */

        /* 3. Estilos visuales (opcional) */
        padding: 10px 15px;
        cursor: pointer;
        display: table-cell;
      }
}

@media (max-width: 1199px){ /* large */
  .section-text {padding: 5vh;}
  .text.section-text {padding: 3vh !important;}


  /* SEARCH BAR */
    .search-engine-home-container {width: 100%; max-width: 620px;}
    .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home-container {max-width: 620px;}
    .uk-navbar-container:not(.uk-navbar-transparent) {padding-left: 30px; padding-right: 30px;}

    nav .uk-container.uk-container-large {padding-left: 20px; padding-right: 20px;}


    .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=text], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=email], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=password], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=number], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form input[type=search], .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form select, .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home.form textarea {font-size: 0.8rem;}
    .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home .property-guests {font-size: 0.8rem;}
    /* Igualar el destino (select2) a los otros 3 campos en móvil sticky (0.8rem) */
    .home .uk-navbar-container.uk-sticky.uk-active #lv-search-destination,
    .home .uk-navbar-container.uk-sticky.uk-active .lv-destination-select + .select2-container .select2-selection__rendered {font-size: 0.8rem;}


    .search-engine-home-container .uk-drop.uk-open.dropdown-search {top: 60px !important; border-radius: 0;}
    .home .search-engine-home-container {position: relative; top: 0;}

    .home .search-engine-home {height: 60px;}
    .home .search-engine-home.form input[type=text], .home .search-engine-home.form input[type=email], .home .search-engine-home.form input[type=password], .home .search-engine-home.form input[type=number], .home .search-engine-home.form input[type=search], .home .search-engine-home.form select, .home .search-engine-home.form textarea {height: 48px; margin-bottom: 0px !important;
    margin-top: 0px !important;}
    .search-engine-home .uk-input-search, .home .search-engine-home .property-guests {height: 60px;}
    .home .search-engine-home .con-search-search {height: 60px;}
    #nav-lv-datepicker, #lv-datepicker {border-right: 0 !important;}
    .home .uk-navbar-container.uk-sticky.uk-active .search-engine-home .property-guests {height: 60px;}

    .home .uk-navbar-container .search-engine-home {height: 60px;}
    .home .uk-navbar-container .search-engine-home {box-shadow: none;}

    /* Search dropdown — animación controlada 100% por CSS */
    #lv-dropbar-search.search-dropdown {
        opacity: 0 !important;
        transform: translateY(-6px);
        transition: opacity 0.2s cubic-bezier(.4,0,.2,1),
                    transform 0.2s cubic-bezier(.4,0,.2,1) !important;
    }
    #lv-dropbar-search.uk-open.search-dropdown {
        opacity: 1 !important;
        transform: translateY(0);
        padding: 15px 20px;
        top: 60px !important;
        border-radius: 0px 0px 10px 10px;
        /* box-shadow: 0 8px 24px rgba(0,0,0,.1); */
    }
    /* El contenido dentro del dropdown también transiciona suavemente */
    #lv-dropbar-search #search-engine-wrapper {
        opacity: 0;
        transition: opacity 0.15s cubic-bezier(.4,0,.2,1) 0.05s;
    }
    #lv-dropbar-search.uk-open #search-engine-wrapper {
        opacity: 1;
    }
    /* Cierre: misma animación invertida */
    #lv-dropbar-search.uk-open.is-closing {
        opacity: 0 !important;
        transform: translateY(-6px);
    }
    #lv-dropbar-search.uk-open.is-closing #search-engine-wrapper {
        opacity: 0;
        transition-delay: 0s;
    }
    /* Anular cualquier animación/clip interna de UIkit */
    #lv-dropbar-search.search-dropdown[class*="uk-animation"],
    #lv-dropbar-search.search-dropdown.uk-dropbar-top {
        clip: auto !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    /* Dropdown de guests — controlado por JS, oculto por defecto */
    .search-engine-home .property-drop {
        display: none;
    }

    /* Franja 960–1199px: el buscador vive dentro del dropbar; sin overflow
       visible el dropdown de huéspedes queda recortado y no se ve al clicar. */
    #lv-dropbar-search.uk-open.search-dropdown { overflow: visible !important; }

    .home .header .header-text {
        position: absolute;
        bottom: 5vh;
        right: 200px;
        z-index: 2;
        width: calc(100vw - 400px);
        text-align: right;
    }


}

@media (max-width: 959px){ /* medium */
  .uk-navbar-nav#main-menu {display: none;position: absolute;top: 0;left: 0;padding: 20px 0vw 0 0vw;width: calc(100% - 10px);background-color: #06be94;z-index: 3;padding-left: 10px;padding-top: 100px;}
  .uk-navbar-nav.visible-flex {display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
  .uk-navbar-toggle {height: 80px;float: right;z-index: 4;position: relative;color: white !important;}
  .uk-navbar-toggle-icon {margin-right: 10px;}
  .uk-navbar-nav>li, .uk-navbar-nav>li ul li, .uk-navbar-nav>li ul.uk-nav-sub li{min-height: 40px;justify-content: left;}
  .uk-navbar-nav>li>a, .uk-navbar-nav>li ul li a, .uk-navbar-nav>li ul.uk-nav-sub li a{min-height: auto;justify-content: left;padding: 8px 10px;}

  /* Ocultar submenús por defecto en mobile - solo dentro del dropdown */
  .uk-navbar-dropdown-nav .uk-parent > .uk-nav-sub { display: none; }
  .uk-navbar-dropdown-nav .uk-parent.uk-open > .uk-nav-sub { display: block; }
  .landing h1 {font-size: 2.2rem !important; line-height: 1 !important;}
  .landing h2 {font-size: 1.4rem !important; line-height: 1.4 !important; margin-top: 10px;}

  .vertical {writing-mode: horizontal-tb;transform: rotate(0deg);}
  footer .bg-primary {padding: 30px;}

  /* Evitar overflow horizontal en destination y landing */
  .destination, .landing { overflow-x: hidden; }

  /* Logo clickable: el search-engine tapa el logo, pointer-events lo soluciona */
  .uk-navbar-center { pointer-events: none; }
  .uk-navbar-center * { pointer-events: auto; }
  .uk-navbar-left { position: relative; z-index: 2; }

  .section-large{padding: 5%;}
  /* footer{padding: 5vh 5vh 2.5vh!important;;} */

  /* LIVANTRA */
  .flatpage h1 {font-size: 2.6rem !important;}
  .flatpage .intro h2 {font-size: 2.2rem;}
  .flatpage .header h3 {font-size: 1.6rem !important;}
  .uk-navbar-container:not(.uk-navbar-transparent){padding-left: 20px;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #06be94;}
  .bm-waves span {width: calc(100vw - 135px);height: 40px;}
  .psf-selector{min-width: auto;}
  .twitter-typeahead, .select2-container{width: 100% !important;}
  .reset-filters{padding: 10px 0 0;}
  .pf-container .uk-container{padding: 0;}


  /* HOME */
  .home-list-your-property .uk-border-rounded.left {border-radius: 10px 10px 0px 0px;}
  .home-list-your-property .uk-border-rounded {border-radius: 0px 0px 10px 10px;}

  .home-livtraveler .uk-border-rounded {border-radius: 10px 10px 0px 0px;}
  .home-livtraveler .uk-border-rounded.right {border-radius: 0px 0px 10px 10px;}

  .home .home-featured-properties .container-slider-arrows { margin-top: 10px !important;}


.uk-heading-xsmall, .uk-heading-xsmall p {font-size: 1.4rem !important; margin: 0; line-height: 1.2 !important;}
.uk-heading-small, .uk-heading-small p, .destination h2 {font-size: 1.8rem !important; margin: 0; line-height: 1.2 !important;}
.uk-heading-medium, .uk-heading-medium p {font-size: 2.4rem !important; margin: 0; line-height: 1.2 !important;}
.uk-heading-large, .uk-heading-large p {font-size: 2.8rem !important; margin: 0; line-height: 1.2 !important;}


/* SEARCH BAR — aplica a todas las páginas */

    /* En móvil (<960) el JS posiciona el dropdown de huéspedes con position:fixed
       y lo centra; el ancho lo fija el CSS (seguro respecto al viewport). box-sizing
       para que el padding no lo desborde. */
    .search-engine-home .property-drop {
        width: min(320px, calc(100vw - 20px)) !important;
        box-sizing: border-box;
    }
    /* Compactar el dropdown en móvil: panel y wrapper miden su contenido, y las dos
       filas (Adultos/Niños) van pegadas. Forzamos display:flex en cada fila (no
       dependemos del gutter de uk-grid) y colapsamos cualquier alto/gap heredado. */
    .search-engine-home .property-drop,
    .search-engine-home .property-drop > .uk-width-1-1 {
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
    }
    .search-engine-home .property-drop #adults-dialer,
    .search-engine-home .property-drop #kids-dialer {
        display: flex !important;
        align-items: center !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .search-engine-home .property-drop #adults-dialer { margin: 0 !important; }
    .search-engine-home .property-drop #kids-dialer { margin: 14px 0 0 !important; }
    .search-engine-home .property-drop .property-info-occupation { margin-top: 10px !important; }

    .uk-navbar-container.uk-sticky.uk-active .search-engine-home-container {width: 490px;}
    .uk-navbar-container.uk-sticky.uk-active .search-engine-home .con-search-search, .search-engine-home .con-search-search {padding: 10px 19px;}
    #lv-dropbar-search.uk-open.search-dropdown { padding: 20px; top: 60px !important; border-radius: 0px 0px 10px 10px; overflow: visible !important;}
    .search-engine-home-container .uk-grid-collapse {flex-wrap: wrap !important;}
    #lv-dropbar-search .search-engine-home { height: 182px; border-radius: 15px;}
    .container-input {width: 100%; height: 60px !important;}
    .home .header .header-text {bottom: 5vh; right: 5vh; width: calc(100% - 10vh); text-align: right;}
    .lv-destination-select + .select2-container .select2-selection--single {height: 60px !important;}
    .search-engine-home.form input[type=text] {height: 60px !important;}
    /* Excepción: los inputs del dialer dentro del dropdown de huéspedes NO deben
       tomar los 60px de los campos de la barra (descompacta las filas). */
    .home .search-engine-home.form input[type=text].lv-summary-dialer {border: 0 !important; height: 30px !important;}

    .search-engine-home .con-search-search {width: 100%; border-radius: 0px 0px 15px 15px !important; width: calc(100% + 1px); margin-left: -1px;}
    .search-engine-home .uk-input-search {width: 100%;}
    #search-dates .container-input {width: 100%;}

    .uk-navbar-container.uk-sticky.uk-active .select2-container--default .select2-selection--single {height: 60px !important;}
    .uk-navbar-container.uk-sticky.uk-active .search-engine-home .property-guests {height: 60px !important;}

    /* Search engine order: A partir de @m, viajeros va después de destino (antes de fechas) */

        #search-grid { display: flex !important; flex-wrap: wrap; }
        #search-destination { order: 1; width: 50%; border-bottom: 1px solid #26272E;}
        #search-travelers { order: 2; width: 50%;border-bottom: 1px solid #26272E;}
        #search-dates { order: 3; }
        .user-menu {margin-left: 0;}
        .home .search-engine-home-container { max-width: max-content; width: auto;}
        .search-engine-home .uk-input-search, .search-engine-home .property-guests {height: 60px;}
        .search-engine-home #nav-lv-datepicker {height: 60px;}
        #nav-lv-datepicker-out-display {border-right: 0 !important;}

        #nav-lv-datepicker-in-display, #nav-lv-datepicker-out-display {text-align: left;}

        #lv-dropbar-search .search-engine-home { height: 180px;}
    .uk-navbar-container.uk-sticky.uk-active .search-engine-home, .uk-navbar-container .search-engine-home {border: 0;}
    .home .uk-navbar-container .search-engine-home {border: 0;}

    #search-grid {border: 1px solid #000; border-radius: 10px 10px 0px 0px;}

  /* FLATPAGE */
    .flatpage .flat-content table {display: block;}
    .flatpage .flat-content figure {display: block;}
    .flatpage .flat-content table {display: block;}
    .flatpage .flat-content table thead tr th {display: block;}
    .flatpage .flat-content table th {display: block;}
    .flatpage .flat-content table td {display: block;}
    .flatpage .flat-content table tr td { display: block; border-right: 0;}

  /* QUIEN SOMOS */
    .flatpage .asset-header {top: 20px; position: absolute; z-index: 1; right: 0px;}
    .flatpage .asset-livtraveler {right: 20px; position: relative; top: -50px;}
    .flatpage .container-text {max-width: 100%;}
    .flatpage .grid-local .uk-background-cover.uk-border-rounded {border-radius: 10px 10px 0px 0px;}
    .flatpage .grid-local .uk-border-rounded.right {border-radius: 0px 0px 10px 10px;}
    .flatpage .grid-professional .uk-border-rounded.left {border-radius: 10px;}
    .flatpage .grid-professional .uk-background-cover.uk-border-rounded {border-radius: 10px 10px 0px 0px;}
    .flatpage .text {padding: 5vh;}

  /* LIVPLANNER */
    .livplanner-img { background-image: none; }
    .livplanner-img .uk-width-1-2\@m:empty { display: none; }
    .livplanner-list .bg-secondary { padding-bottom: 30px; }
    .livplanner-list .uk-background-cover { margin-top: 20px; min-height: 220px; }
    .livplanner-list .asset-img { display: none; }
    .livplanner-list .uk-grid-collapse > * + * { margin-top: 16px; }
    .container-newsletter { height: auto; }


  footer .footer-legal li {display: block; width: 100%; font-size: 0.9rem !important; line-height: 1.8 !important;}



}
@media (max-width: 767px){ /* medium-small */

    .flatpage .text {padding: 10%;}

    .map-responsive-container {
        height: 50vh;
        min-height: 400px;
    }

}

@media (max-width: 639px){ /* small */


    .flatpage .intro h2 {font-size: 2rem;}

    .flatpage h1 {
        font-size: 2.2rem !important;
        line-height: 1.1 !important;
    }

    .uk-heading-xsmall {font-size: 1.2rem !important; margin: 0; line-height: 1.2 !important;}
    .uk-heading-small {font-size: 1.6rem !important; margin: 0; line-height: 1.2 !important;}
    .uk-heading-medium {font-size: 2rem !important; margin: 0; line-height: 1.2 !important;}
    .uk-heading-large {font-size: 2.4rem !important; margin: 0; line-height: 1.2 !important;}

    .property .uk-heading-large {font-size: 2.4rem !important;}
    .property .uk-heading-medium {font-size: 2rem !important;}
    .property .uk-heading-small {font-size: 1.2rem !important;}
    .property .uk-heading-xsmall {font-size: 1rem !important;}

    footer .bg-primary {padding-left: 15px; padding-right: 15px;}

    .uk-navbar-container:not(.uk-navbar-transparent) {padding-left: 15px !important; padding-right: 15px !important;}

        body > .property-drop:not(.property-drop-search), body > .property-drop.uk-open:not(.property-drop-search) {
        position: absolute !important;
        z-index: 99999 !important;
        padding: 20px;
        width: 300px;
        left: auto !important;
        margin-left: 20px;
    }

    /* HOME */
    .home .home-featured-properties .uk-slider-container {padding: 10px 0px;}

    /* FLATPAGE */
    .flatpage .text {padding: 5%;}


    /* DESTINATION */
    .main-content p, .main-content ul {margin-left: 0px; padding-left: 10px; padding-right: 10px; }
    .main-content .uk-heading-small {font-size: 1.2rem !important;}
    .main-content h3 {font-size: 1.2rem !important;}
    .destination h2 {font-size: 1.5rem !important;}

    /* MODAL SEARCH FILTERS */
    .lv-cancel-options--row {flex-direction: column;}

}

/* En mobile (<576px), los containers anidados no suman padding extra */
@media (max-width: 575.98px) {
    .container .container,
    .container-fluid .container,
    .container .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}

/* x-small breakpoint movido al final del archivo para que no sea sobreescrito */
.lv-price-filter {padding-top: 4px;}
.lv-price-inputs {margin-bottom: 20px;}
.lv-price-input-card {padding: 0 4px;}
.lv-price-label {display: block;font-size: 0.65rem;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: #b0b5c6;margin-bottom: 3px;}
.lv-price-input-wrapper {display: flex;align-items: baseline;gap: 3px;}
.lv-price-input {border: 0;background: transparent;padding: 0;font-size: 1rem;font-weight: 700;color: #2d3452;width: auto;line-height: 1;cursor: default;pointer-events: none;-webkit-user-select: none;user-select: none;}
.lv-price-input:focus {outline: none;}
.lv-price-input::-webkit-outer-spin-button,
.lv-price-input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.lv-price-input[type=number] {-moz-appearance: textfield;}
.lv-price-input-suffix {font-size: 0.8rem;font-weight: 600;color: #06be94;white-space: nowrap;}
.lv-price-chart {position: relative;padding-bottom: 44px;}
.lv-price-histogram {position: relative;display: flex;align-items: flex-end;gap: 5px;height: 65px;padding: 8px 20px 18px;border-radius: 14px;background: linear-gradient(180deg, rgba(0, 103, 81, 0.14) 0%, rgba(0, 103, 81, 0.04) 100%);overflow: hidden;}
.lv-price-histogram::after {content: "";position: absolute;left: 0;bottom: 16px;width: 100%;height: 10px;background: linear-gradient(180deg, rgba(0, 103, 81, 0) 0%, rgba(0, 103, 81, 0.18) 100%);}
.lv-price-histogram-bar {flex: 1;min-width: 4px;height: calc(var(--bar-height) * 1%);background: linear-gradient(180deg, rgba(0, 190, 148, 0.65) 0%, rgba(0, 162, 127, 0.95) 100%);border-radius: 8px 8px 3px 3px;position: relative;z-index: 1;}
.lv-price-slider {position: absolute;left: 20px;right: 20px;bottom: 0;height: 40px;}
.lv-price-slider-track,
.lv-price-slider-progress {position: absolute;left: 0;height: 4px;border-radius: 999px;bottom: 10px;}
.lv-price-slider-track {right: 0;background: #dce2f2;z-index: 1;}
.lv-price-slider-progress {background: #06be94;width: 0;z-index: 2;}
.lv-price-range {position: absolute;left: 0;right: 0;top: -4px;bottom: 0;width: 100%;height: 100%;margin: 0;background: transparent;pointer-events: none;-webkit-appearance: none;appearance: none;z-index: 3;}
.lv-price-range:focus {outline: none;}
.lv-price-range::-webkit-slider-thumb {pointer-events: all;-webkit-appearance: none;height: 26px;width: 26px;border-radius: 50%;border: 5px solid #fff;background: #06be94;box-shadow: 0 6px 14px rgba(0, 103, 81, 0.25);cursor: pointer;}
.lv-price-range::-moz-range-thumb {pointer-events: all;height: 24px;width: 24px;border-radius: 50%;border: 4px solid #fff;background: #06be94;box-shadow: 0 6px 14px rgba(0, 103, 81, 0.25);cursor: pointer;}
.lv-price-range::-webkit-slider-runnable-track {height: 4px;background: transparent;}
.lv-price-range::-moz-range-track {height: 4px;background: transparent;}
.lv-price-range::-ms-track {height: 4px;background: transparent;border-color: transparent;color: transparent;}
.lv-price-range::-ms-thumb {pointer-events: all;height: 24px;width: 24px;border-radius: 50%;border: 4px solid #fff;background: #06be94;box-shadow: 0 6px 14px rgba(0, 103, 81, 0.25);cursor: pointer;}
.lv-price-range::-ms-fill-lower,
.lv-price-range::-ms-fill-upper {background: transparent;}
/* Map price labels */
.map-price-label {
    color: #fff !important;
    padding: 5px 9px;
    border-radius: 14px;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    background: #FD9362;
    border: 1.5px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    position: relative;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
/* White border arrow (behind) */
.map-price-label::before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #fff;
}
/* Orange fill arrow (on top) */
.map-price-label::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #FD9362;
}
.map-price-label--active {
    background: #FD9362;
}
.map-price-label--inactive {
    background: #FD9362;
}
.map-price-label--focused,
.map-price-label:hover {
    transform: scale(1.12);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    z-index: 9999 !important;
    background: #e87d4a;
}
.map-price-label--focused::after,
.map-price-label:hover::after {
    border-top-color: #e87d4a;
}

/* Map property popup */
.map-property-popup {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
    max-width: 600px;
    z-index: 10000;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    animation: mapPopupSlideUp 0.2s ease-out;
}
@keyframes mapPopupSlideUp {
    from { transform: translateX(-50%) translateY(30px); opacity: 0; }
    to { transform: translateX(-50%) translateY(0); opacity: 1; }
}
.map-property-popup__close {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 2;
    background: rgba(255,255,255,0.9);
    border: none;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}
.map-property-popup__close:hover {
    background: #f0f0f0;
}
.map-property-popup__inner {
    display: flex;
    text-decoration: none;
    color: inherit;
    min-height: 140px;
}
.map-property-popup__inner:hover {
    text-decoration: none;
    color: inherit;
}
.map-property-popup__image {
    position: relative;
    width: 40%;
    min-width: 140px;
    flex-shrink: 0;
    overflow: hidden;
}
.map-property-popup__slideshow {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.map-property-popup__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.85);
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}
.map-property-popup__arrow--prev { left: 6px; }
.map-property-popup__arrow--next { right: 6px; }
.map-property-popup__arrow:hover { background: #fff; }
.map-property-popup__label {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background: rgba(255,255,255,0.85);
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    color: #333;
    font-weight: 500;
}
.map-property-popup__info {
    flex: 1;
    padding: 10px 30px 10px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.map-property-popup__services {
    margin: 2px 0 0;
    font-size: 11px !important;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.map-property-popup__name {
    margin: 0;
    font-size: 13px !important;
    line-height: 1.25;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.map-property-popup__subtitle {
    margin: 1px 0 0;
    font-size: 11px !important;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.map-property-popup__price {
    margin-top: 6px;
    line-height: 1.3;
}
.map-popup-total {
    font-size: 13px !important;
    font-weight: 700;
    color: #222;
}
.map-popup-nights {
    font-size: 10px !important;
    color: #888;
}
.map-popup-pernight {
    display: inline;
    font-size: 10px !important;
    color: #999;
}

/* Search in area button */
.map-search-area-btn {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: #fff;
    border: none;
    border-radius: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    font-size: 0.875rem;
    font-weight: 500;
    color: #1f2937;
    cursor: pointer;
    transition: box-shadow 0.2s ease, background 0.2s ease;
}
.map-search-area-btn:hover {
    background: #f9fafb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.map-search-area-btn i {
    font-size: 0.9rem;
}

/* Select2 - Destination Selector */
.lv-destination-select + .select2-container {
    width: 100% !important;
}
.lv-destination-select + .select2-container .select2-selection--single {
    height: 100%;
    min-height: 44px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    padding: 0 10px 0 0px;
    border-radius: 0;
}
.lv-destination-select + .select2-container .select2-selection__rendered {
    color: #26272E !important;
    line-height: normal;
    padding-left: 0;
    font-size: 0.9rem;
}
.lv-destination-select + .select2-container .select2-selection__placeholder {
    color: #999;
}
.lv-destination-select + .select2-container .select2-selection__arrow {
    display: none;
}
.lv-destination-dropdown {
    min-width: 280px;
    max-width: calc(100vw - 20px);
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    z-index: 10000 !important;
}
/* Asegurar que el dropdown dentro del search se posicione bien */
#search-destination .select2-container--open {
    z-index: 10001 !important;
}
.select2-dropdown {
    border: none !important;
}
.lv-destination-dropdown .select2-search--dropdown {
    padding: 8px;
}
.select2-search__field {
    height: 40px !important;
}
.lv-destination-dropdown .select2-search__field {
    border: 1px solid #ddd !important;
    border-radius: 6px;
    padding: 8px 12px;
    background-color: #f8f8f8;
    height: 40px;
    font-size: 0.85rem;
    outline: none;
}
.lv-destination-dropdown .select2-search__field:focus {
    border-color: #06be94 !important;
    background-color: #fff;
}
.lv-destination-dropdown .select2-results__option {
    padding: 10px 15px;
    cursor: pointer;
    font-size: 0.9rem;
    text-align: left;
}
.lv-destination-dropdown .select2-search--dropdown {
    text-align: left;
}
.lv-destination-dropdown {
    text-align: left;
}
.lv-destination-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: var(--lv-primary, #06be94) !important;
    color: white !important;
}
.lv-destination-dropdown .select2-results__option[aria-selected="true"] {
    background-color: rgba(0, 190, 148, 0.1) !important;
    color: var(--lv-primary, #06be94) !important;
    /* font-weight: 600; */
}
/* ============================================
   UIkit Notifications - Custom Styles
   ============================================ */

/* Contenedor general de notificaciones */
.uk-notification {
    width: 400px;
    z-index: 10000;
}

/* Centrado top */
.uk-notification-top-center {
    left: 50%;
    margin-left: -200px;
}

/* Centrado bottom */
.uk-notification-bottom-center {
    left: 50%;
    margin-left: -200px;
}

/* Mensaje base de notificación */
.uk-notification-message {
    position: relative;
    padding: 16px 50px 16px 20px;
    background-color: white;
    color: #333;
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

/* Botón de cerrar */
.uk-notification-message .uk-notification-close,
.uk-notification-message .uk-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    color: #666;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.uk-notification-message .uk-notification-close:hover,
.uk-notification-message .uk-close:hover {
    opacity: 1;
}

/* Icono dentro del mensaje (si existe) */
.uk-notification-message [uk-icon] {
    margin-right: 8px;
    vertical-align: middle;
}

/* ============================================
   Tipos de notificaciones - Success
   ============================================ */
.uk-notification-message-success {
    background-color: #06be94 !important;
    color: white !important;
    border-color: #06be94 !important;
}

.uk-notification-message-success .uk-notification-close,
.uk-notification-message-success .uk-close {
    color: white !important;
}

/* ============================================
   Tipos de notificaciones - Primary
   ============================================ */
.uk-notification-message-primary {
    background-color: #42d1b5 !important;
    color: white !important;
    border-color: #42d1b5 !important;
}

.uk-notification-message-primary .uk-notification-close,
.uk-notification-message-primary .uk-close {
    color: white !important;
}

/* ============================================
   Tipos de notificaciones - Warning
   ============================================ */
.uk-notification-message-warning {
    background-color: #faa05a !important;
    color: white !important;
    border-color: #faa05a !important;
}

.uk-notification-message-warning .uk-notification-close,
.uk-notification-message-warning .uk-close {
    color: white !important;
}

/* ============================================
   Tipos de notificaciones - Danger
   ============================================ */
.uk-notification-message-danger {
    background-color: #f0506e !important;
    color: white !important;
    border-color: #f0506e !important;
}

.uk-notification-message-danger .uk-notification-close,
.uk-notification-message-danger .uk-close {
    color: white !important;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 640px) {
    .uk-notification {
        width: calc(100vw - 20px);
        left: 10px !important;
        right: 10px;
        margin-left: 0 !important;
    }

    .uk-notification-top-center,
    .uk-notification-bottom-center {
        left: 10px !important;
        margin-left: 0 !important;
    }

    .uk-notification-message {
        font-size: 0.9rem;
        padding: 14px 45px 14px 16px;
    }
}

/* ============================================
   Animaciones personalizadas
   ============================================ */
.uk-notification-message {
    animation: slide-in 0.3s ease-out;
}

@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   Hover effect
   ============================================ */
.uk-notification-message:hover {
    transform: translateX(-2px);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

/* ============================================
   Search page: responsive map + properties layout
   ============================================ */

/* Base (mobile): properties full width, map hidden via uk-visible@m */
.lv-search-col-properties { width: 100%; }

/* M (960-1199px): single horizontal card column + large map */
@media (min-width: 960px) and (max-width: 1199px) {
    .lv-search-col-properties { width: 380px; }
    .lv-search-col-map { width: calc(100% - 380px); }

    /* Hide filter icons slider (too narrow), show only Filtros button */
    .search-filters-icons { display: none !important; }
    .search-filters { width: 100% !important; }

    /* Reduce padding in property container and filter margins */
    .search .lv-property-container { padding-left: 10px !important; padding-right: 10px !important; }

    .lv-search-col-properties .uk-margin-medium-left { margin-left: 10px !important; }
    .lv-search-col-properties .uk-margin-medium-right { margin-right: 10px !important; }

    /* Horizontal card layout (like map popup) */
    .property-search-results .property-item .uk-box-shadow-medium.bg-white {
        display: flex;
        flex-direction: row;
        overflow: hidden;
    }
    .property-search-results .property-item .item-slideshow {
        width: 40%;
        min-width: 130px;
        flex-shrink: 0;
    }
    .property-search-results .property-item .item-slideshow > div {
        height: 100%;
    }
    .property-search-results .property-item .uk-slideshow-items {
        height: 100% !important;
        min-height: auto;
        aspect-ratio: 16 / 14;
    }
    .property-search-results .property-item .item-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
    }
    .property-search-results .property-item .item-info .uk-padding-small {
        padding: 8px 12px;
    }
    .property-search-results .property-item .item-info h3 {
        font-size: 0.9rem;
    }
    .property-search-results .property-item .item-info .lv-property-meta > div {
        font-size: 0.75rem;
    }
    .property-item .item-info .lv-property-meta p {
        font-size: 0.7rem;
        margin-bottom: 3px !important;
    }
    .property-search-results .property-item .item-info .price {
        text-align: left;
        font-size: 0.9rem;
    }
    /* Slideshow arrows smaller in horizontal mode */
    .property-search-results .property-item .pi-arrow-left { padding: 20px 15px 20px 5px; }
    .property-search-results .property-item .pi-arrow-right { padding: 20px 5px 20px 15px; }
    .property-search-results .property-item .uk-position-top-left{padding: 12px;}
    .property-search-results .property-item .icon.livowner{width: 25px;height: 25px;background-size: 500px 250px;background-position: -60px -40px;}
    .property-search-results .property-item .uk-position-top-right{padding: 5px;}
    .property-search-results .property-item .uk-position-bottom-left{padding: 10px;}

}

/* L (1200px+): 40% properties (2 cols vertical), 60% map */
@media (min-width: 1200px) {
    .lv-search-col-properties { width: 40%; }
    .lv-search-col-map { width: 60%; }
    /* Tighter padding for narrower property column */
    .search .lv-property-container { padding-left: 15px !important; padding-right: 15px !important; }

    .lv-search-col-properties .uk-margin-medium-left { margin-left: 15px !important; }
    .lv-search-col-properties .uk-margin-medium-right { margin-right: 15px !important; }
    .property-search-results .property-item .uk-slideshow-items { height: 220px; }
}

/* XL (≥1600px): same 40/60 split, restore comfortable card sizes */
@media (min-width: 1600px) {
    .search .lv-property-container { padding-left: 25px !important; padding-right: 25px !important; }

    .lv-search-col-properties .uk-margin-medium-left { margin-left: 25px !important; }
    .lv-search-col-properties .uk-margin-medium-right { margin-right: 25px !important; }
    .property-search-results .property-item .uk-slideshow-items { height: 260px; }
}

/* ═══ Search Map Toggle Button (mobile < 960px) ═══ */
.lv-search-map-toggle {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 990;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    background: #00BE94;
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 600;
    box-shadow: 0 4px 16px rgba(0,0,0,0.18);
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    letter-spacing: 0.3px;
}
.lv-search-map-toggle:hover {
    background: #FD9362;
}
.lv-search-map-toggle:active {
    transform: translateX(-50%) scale(0.96);
}

/* Ocultar mapa en mobile por defecto (reemplaza uk-visible@m) */
@media (max-width: 959px) {
    .lv-search-col-map {
        display: none;
        width: 100%;
        height: 100%;
    }
    .search--map-visible .lv-search-col-map {
        display: block !important;
    }
    .search--map-visible .lv-search-col-properties {
        display: none !important;
    }
    .search--map-visible .lv-search-map-toggle {
        background: #FD9362;
    }
    .search--map-visible .lv-search-map-toggle:hover {
        background: #00BE94;
    }
    .search--map-visible .map-property-popup {
        bottom: 80px;
    }
}

/* ============================================
   BANNER DE COOKIES - Consent Mode v2
   ============================================ */
#cookieMessageWrapper {
    display: none;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1112;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

#cookieMessage {
    margin: 0 auto;
    position: absolute;
    padding: 40px;
    width: 90%;
    left: 50%;
    top: 50%;
    max-width: 580px;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

#cookieMessage img {
    max-width: 200px;
    margin-bottom: 20px;
}

#cookieMessage p {
    margin: 20px 0;
    color: #333;
    text-align: center;
    font-size: 1rem;
    line-height: 1.6;
}

.cookie-consent-options {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.cookie-consent-options label {
    margin-right: 10px;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
}

#cookieMessageWrapper .uk-checkbox {
    border-color: #06be94 !important;
    margin-right: 5px;
}

#cookieMessageWrapper .uk-checkbox:checked {
    background-color: #06be94;
}

#cookieMessageWrapper .uk-checkbox:disabled:checked {
    background-color: rgba(0, 190, 148, 0.5);
    border-color: rgba(0, 190, 148, 0.5) !important;
}

.uk-button-accept {
    background-color: #06be94;
    color: white !important;
    border: 1px solid #06be94;
    padding: 10px 20px !important;
    font-size: 0.9rem;
    margin: 15px;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uk-button-accept:hover {
    background-color: #009973;
    border-color: #009973;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 190, 148, 0.3);
}

.uk-button-decline {
    background-color: transparent;
    color: #06be94 !important;
    border: 1px solid #06be94;
    padding: 10px 20px !important;
    font-size: 0.9rem;
    margin: 5px;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uk-button-decline:hover {
    background-color: #06be94;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 190, 148, 0.3);
}

.uk-button-decline-all {
    background-color: transparent;
    color: #666 !important;
    border: 1px solid #ddd;
    padding: 10px 20px !important;
    font-size: 0.9rem;
    margin: 5px;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uk-button-decline-all:hover {
    background-color: #666;
    color: white !important;
    border-color: #666;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 102, 102, 0.3);
}

@media (max-width: 640px) {
    #cookieMessageWrapper {
        overflow: hidden; /* Evita que el contenido absoluto desborde */
    }

    #cookieMessage {
        width: calc(100vw - 32px); /* Ancho exacto: viewport menos márgenes */
        max-width: none;
        padding: 20px;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: border-box;
    }

    #cookieMessage img {
        max-width: 150px;
    }

    .cookie-consent-button {
        display: block !important; /* Fuerza apilado vertical */
        width: 100%;
        box-sizing: border-box;
        margin: 5px 0 !important;
    }

    .cookie-consent-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
/* END BANNER DE COOKIES */

/* ========================================================================
   SLIDER PEEK EFFECT - Clase reutilizable para feeds con efecto peek
   ======================================================================== */

/* Desktop (>1200px): 4 slides completos + 5º cortado (~35% visible) */
.uk-slider-peek-4 > * {
    width: 23% !important;
}

@media (max-width: 1199px) {
    .uk-slider-peek-4 > * { width: 31% !important; } /* 3 + peek */
}
@media (max-width: 959px) {
    .uk-slider-peek-4 > * { width: 45% !important; } /* 2 + peek */
}
@media (max-width: 639px) {
    .uk-slider-peek-4 > * { width: 60% !important; } /* 1 + peek */
}
@media (max-width: 459px) {
    .uk-slider-peek-4 > * { width: 100% !important; } /* 1 full */
}

/* ═══════════════════════════════════════════════════════
   Checkout / bookingStepData
   ═══════════════════════════════════════════════════════ */

/* ── Alinear navbar con contenido ── */
.bookingData .uk-navbar-container .uk-container-large {
    max-width: 1200px;
}
.bookingData footer { display: none !important; }

/* ── Checkout Section Cards ── */
.lv-checkout-section {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 20px;
    transition: box-shadow 0.2s;
}
.lv-checkout-section:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}
.lv-section-header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}
.lv-section-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lv-section-icon svg {
    width: 20px;
    height: 20px;
}
.lv-section-icon.green { background: rgba(0,190,148,0.1); }
.lv-section-icon.green svg { color: #00BE94; }
.lv-section-icon.blue { background: rgba(59,130,246,0.1); }
.lv-section-icon.blue svg { color: #3b82f6; }
.lv-section-icon.orange { background: rgba(249,115,22,0.1); }
.lv-section-icon.orange svg { color: #f97316; }
.lv-section-header-text h3 {
    margin: 0 0 2px !important;
    padding: 0;
    font-size: 18px;
    line-height: 1.2;
}
.lv-section-header-text p {
    margin: 0;
    padding: 0;
    color: #717171;
    font-size: 13px;
    line-height: 1.3;
}

/* ── Checkout Sidebar ── */
.lv-checkout-sidebar {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    overflow: hidden;
}
.lv-sidebar-img {
    position: relative;
    height: 180px;
    overflow: hidden;
}
.lv-sidebar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lv-sidebar-img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    background: linear-gradient(transparent, rgba(0,0,0,0.6));
}
.lv-sidebar-img-overlay h3 {
    color: #fff;
    margin: 0;
    font-size: 18px;
}
.lv-sidebar-img-overlay small {
    color: rgba(255,255,255,0.85);
    font-size: 12px;
}
.lv-sidebar-body {
    padding: 20px 24px 24px;
}
.lv-sidebar-divider {
    border: none;
    border-top: 1px solid #f0f0f0;
    margin: 14px 0;
}
.lv-sidebar-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 14px;
    color: #333;
    padding: 3px 0;
}
.lv-sidebar-row.total {
    font-size: 17px;
    font-weight: 700;
    color: #222;
    padding: 6px 0;
}
.lv-sidebar-label-title {
    font-weight: 600;
    font-size: 13px;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

/* ── Submit area ── */
.lv-checkout-submit-area {
    text-align: left;
    margin-top: 16px;
}
.lv-checkout-submit-area small {
    color: #717171;
    font-size: 12px;
}
.lv-checkout-submit-area small a {
    color: #00BE94;
    text-decoration: underline;
}
#lv-booking-submit {
    height: 54px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 30px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
#lv-booking-submit:not(:disabled):hover {
    transform: translateY(-1px);
    /* box-shadow: 0 6px 20px rgba(0,190,148,0.35); */
}
.lv-trust-badges {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    font-size: 11px;
    color: #aaa;
}
.lv-trust-badge {
    display: flex;
    align-items: center;
    gap: 5px;
}
.lv-trust-badge svg {
    width: 14px;
    height: 14px;
    fill: #ccc;
}

/* ── Payment Options ── */
.lv-payment-options {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.lv-payment-options .lv-payment-header {
    margin-bottom: 20px;
}
.lv-payment-options .lv-payment-header h3 {
    margin-bottom: 4px;
}
.lv-payment-options .lv-payment-header p {
    color: #717171;
    font-size: 14px;
    margin: 0;
}
.lv-payment-option {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.lv-payment-option:first-of-type {
    border-bottom: 1px solid #EBEBEB;
}
.lv-payment-option .lv-payment-content {
    flex: 1;
    padding-right: 16px;
}
.lv-payment-option .lv-payment-title {
    font-size: 16px;
    font-weight: 400;
    color: #222222;
    margin: 0 0 4px 0;
}
.lv-payment-option .lv-payment-description {
    font-size: 14px;
    color: #717171;
    margin: 0;
    line-height: 1.4;
}
.lv-payment-option .lv-payment-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    margin-top: 2px;
}
.lv-payment-option .lv-payment-radio input[type="radio"] {
    width: 22px;
    height: 22px;
    accent-color: #222222;
    cursor: pointer;
}
.lv-payment-option:hover {
    background-color: #FAFAFA;
    margin: 0 -20px;
    padding: 20px;
}
.lv-payment-option:first-of-type:hover {
    border-radius: 8px 8px 0 0;
}
.lv-payment-option:last-of-type:hover {
    border-radius: 0 0 8px 8px;
}

/* ── Wallet Divider ── */
.lv-wallet-divider {
    display: flex;
    align-items: center;
    margin: 16px 0;
    color: #717171;
    font-size: 13px;
}
.lv-wallet-divider::before,
.lv-wallet-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #EBEBEB;
}
.lv-wallet-divider span {
    padding: 0 12px;
    white-space: nowrap;
}
#payment-request-button {
    margin-bottom: 4px;
}

/* ── Payment Methods Section ── */
.lv-payment-methods-header {
    margin-bottom: 24px;
}
.lv-payment-methods-header h3 {
    margin-bottom: 4px;
}
.lv-payment-methods-header p {
    color: #717171;
    font-size: 14px;
    margin: 0;
    margin-left: 26px;
}
.lv-payment-method-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}
.lv-payment-method-card .lv-card-info {
    display: flex;
    align-items: center;
    gap: 16px;
}
.lv-payment-method-card .lv-card-logo {
    width: 50px;
    height: auto;
}
.lv-payment-method-card .lv-card-logo img {
    max-width: 100%;
    height: auto;
}
.lv-payment-method-card .lv-card-details {
    display: flex;
    flex-direction: column;
}
.lv-payment-method-card .lv-card-number {
    font-size: 16px;
    color: #222222;
    font-weight: 400;
}
.lv-payment-method-card .lv-card-expiry {
    font-size: 14px;
    color: #717171;
    margin-top: 2px;
}
.lv-payment-method-card .lv-card-action .lv-btn-edit {
    background-color: #00BE94;
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-decoration: none;
    display: inline-block;
}
.lv-payment-method-card .lv-card-action .lv-btn-edit:hover {
    background-color: #00BE94;
    text-decoration: none;
    color: #ffffff;
}

/* ── Modal Cards Selector ── */
#modal-cards .uk-modal-dialog {
    border-radius: 20px;
    padding: 28px 32px;
    max-width: 480px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
    border: 1px solid #f0f0f0;
}
#modal-cards .lv-modal-header {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
}
#modal-cards .lv-modal-header h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #222;
}
#modal-cards .lv-cards-selector {
    display: flex;
    flex-direction: column;
}
#modal-cards .lv-card-selector-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 12px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.15s ease;
    border-radius: 10px;
    margin: 0 -12px;
}
#modal-cards .lv-card-selector-item:last-child {
    border-bottom: none;
}
#modal-cards .lv-card-selector-item:hover {
    background-color: #f8faf9;
}
#modal-cards .lv-card-selector-info {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
}
#modal-cards .lv-card-selector-logo {
    width: 44px;
    min-width: 44px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    border-radius: 6px;
    padding: 4px;
}
#modal-cards .lv-card-selector-logo img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
#modal-cards .lv-card-selector-details {
    display: flex;
    flex-direction: column;
}
#modal-cards .lv-card-selector-number {
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
#modal-cards .lv-card-selector-expiry {
    font-size: 12px;
    color: #999;
    margin-top: 1px;
}
#modal-cards .lv-card-selector-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
}
#modal-cards .lv-card-selector-radio input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: #00BE94;
    cursor: pointer;
}
#modal-cards .uk-padding-small {
    padding: 12px 0 !important;
}
#modal-cards #lv-toggle-new-card {
    font-size: 13px;
    color: #00BE94 !important;
}
#modal-cards .uk-form-label {
    font-size: 12px;
    color: #717171;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
#modal-cards .uk-input {
    border-color: #e5e5e5;
    font-size: 14px;
    height: 44px;
}
#modal-cards #card-element-booking {
    height: auto;
    min-height: 44px;
    padding: 12px;
}
#modal-cards .lv-modal-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
}
#modal-cards .lv-btn-submit {
    background-color: #00BE94;
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    letter-spacing: 0.2px;
}
#modal-cards .lv-btn-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0,190,148,0.3);
    background-color: #00a882;
}

/* ── New Card Inline (no saved cards) ── */
.lv-new-card-inline {
    margin-top: 8px;
}
.lv-new-card-inline-field {
    margin-bottom: 16px;
}
.lv-new-card-inline-label {
    display: block;
    font-size: 12px;
    color: #717171;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
}
.lv-new-card-inline-input {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    font-size: 14px;
    height: 48px;
    padding: 0 16px;
    color: #222;
    background: #fff;
    outline: none;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}
.lv-new-card-inline-input:focus {
    border-color: #00BE94;
}
.lv-new-card-inline-input::placeholder {
    color: #b0b0b0;
}
.lv-new-card-inline-stripe {
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 14px 16px;
    background: #fff;
    min-height: 48px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}
.lv-new-card-inline-stripe.StripeElement--focus {
    border-color: #00BE94;
}
.lv-new-card-inline-stripe.StripeElement--invalid {
    border-color: #fa755a;
}
.lv-new-card-inline-btn {
    width: 100%;
    background-color: #00BE94;
    color: #ffffff;
    border: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: 0.2px;
    margin-top: 4px;
}
.lv-new-card-inline-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0,190,148,0.3);
    background-color: #00a882;
}
.lv-new-card-inline-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* ── Booking Processing Overlay ── */
#lv-booking-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf9 100%);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
#lv-booking-overlay.active { display: flex; }
.lv-overlay-card {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.10);
    padding: 48px 40px;
    max-width: 480px;
    width: 100%;
    text-align: center;
}
.lv-overlay-icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: 0 auto 28px;
    animation: lv-pulse 2s ease-in-out infinite;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,190,148,0.35);
    border: 3px solid #00BE94;
}
.lv-overlay-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
@keyframes lv-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0,190,148,0.4); }
    50% { transform: scale(1.05); box-shadow: 0 0 0 16px rgba(0,190,148,0); }
}
.lv-overlay-title {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
}
.lv-overlay-msg {
    font-size: 15px;
    color: #717171;
    min-height: 22px;
    transition: opacity 0.4s ease;
}
.lv-overlay-msg.fade { opacity: 0; }
.lv-overlay-progress-wrap {
    background: #EBEBEB;
    border-radius: 100px;
    height: 6px;
    margin: 28px 0 24px;
    overflow: hidden;
}
.lv-overlay-progress-bar {
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(90deg, #00BE94, #00d4a6);
    width: 0%;
    transition: width 0.6s ease;
}
.lv-overlay-steps {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 28px;
}
.lv-overlay-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #aaa;
    transition: color 0.4s;
}
.lv-overlay-step.done { color: #00BE94; }
.lv-overlay-step.active { color: #222; font-weight: 600; }
.lv-overlay-step-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #EBEBEB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all 0.4s;
}
.lv-overlay-step.done .lv-overlay-step-dot {
    background: #00BE94;
    border-color: #00BE94;
    color: #fff;
}
.lv-overlay-step.active .lv-overlay-step-dot {
    border-color: #222;
    color: #222;
}
.lv-overlay-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    color: #aaa;
}
.lv-overlay-trust svg { width: 14px; height: 14px; fill: #aaa; }
.lv-overlay-logo {
    height: 30px;
    margin-bottom: 20px;
    opacity: 0.85;
}
#lv-booking-overlay .lv-overlay-property-name {
    font-size: 13px;
    color: #00BE94;
    font-weight: 600;
    margin-bottom: 20px;
}

/* ── Desktop: ocultar componentes móviles ── */
@media (min-width: 960px) {
    .lv-mobile-summary,
    .lv-mobile-summary-detail,
    .lv-mobile-bottom-bar,
    .lv-mobile-logo-center { display: none !important; }
}
/* Default hidden (mobile shows via responsive overrides) */
.lv-mobile-summary { display: none; }
.lv-mobile-summary-detail { display: none; }
.lv-mobile-bottom-bar { display: none; }
.lv-mobile-logo-center { display: none; }

/* ═══════════════════════════════════════════════════════
   Checkout – Responsive (max-width: 959px)
   IMPORTANTE: va DESPUÉS de los estilos base
   ═══════════════════════════════════════════════════════ */
@media (max-width: 959px) {
    /* ── Secciones compactas ── */
    .lv-checkout-section { padding: 16px; margin-bottom: 0; border-radius: 12px; }
    .lv-sidebar-img { height: 140px; }

    /* ── Grid gap uniforme entre cajas ── */
    #bookingStepData_container > [uk-grid] { margin-top: 0; }
    #bookingStepData_container > [uk-grid] > .uk-width-1-1 { margin-top: 12px; }
    #bookingStepData_container > [uk-grid] > .uk-width-1-1:first-child { margin-top: 0; }

    /* ── Header compacto móvil ── */
    .bookingData .uk-navbar-container { min-height: 48px !important; position: relative !important; }
    .bookingData .uk-navbar-container .uk-navbar-left { display: none !important; }
    .bookingData .uk-navbar-container [uk-navbar] { justify-content: center !important; }
    .bookingData .lv-mobile-logo-center {
        display: block !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 26px;
        z-index: 10;
    }

    /* ── Título compacto y centrado ── */
    .bookingData .main h1.text-sans { font-size: 20px; margin-bottom: 10px !important; text-align: center; }
    .bookingData .uk-section-small { padding-top: 12px !important; padding-bottom: 12px !important; }

    /* ── Section headers compactos ── */
    .lv-section-header { margin-bottom: 12px; gap: 10px; }
    .lv-section-icon { width: 34px; height: 34px; min-width: 34px; min-height: 34px; border-radius: 8px; }
    .lv-section-icon svg { width: 16px; height: 16px; }
    .lv-section-header-text h3 { font-size: 16px !important; }
    .lv-section-header-text p { font-size: 12px; }

    /* ── Payment options compactas ── */
    .lv-payment-option { padding: 12px 0; }
    .lv-payment-option .lv-payment-title { font-size: 14px; }
    .lv-payment-option .lv-payment-description { font-size: 13px; }
    .lv-payment-options .lv-payment-header { margin-bottom: 8px; }
    .lv-payment-options .lv-payment-header h3 { font-size: 17px !important; }
    .lv-payment-options .lv-payment-header p { font-size: 13px; margin-bottom: 0; }

    /* ── Payment method card compacto ── */
    .lv-payment-method-card { padding: 12px 0; }
    .lv-payment-method-card .lv-card-info { gap: 10px; }
    .lv-payment-method-card .lv-card-logo { width: 40px; }
    .lv-payment-method-card .lv-card-number { font-size: 13px; }
    .lv-payment-method-card .lv-card-expiry { font-size: 11px; }
    .lv-payment-method-card .lv-card-action .lv-btn-edit { padding: 8px 16px; font-size: 12px; }
    .lv-payment-methods-header { margin-bottom: 16px; }
    .lv-wallet-divider { margin: 12px 0; }
    .lv-new-card-inline-input { height: 44px; border-radius: 10px; font-size: 14px; }
    .lv-new-card-inline-stripe { padding: 12px 14px; border-radius: 10px; min-height: 44px; }
    .lv-new-card-inline-btn { padding: 12px 24px; font-size: 14px; border-radius: 10px; }

    /* ── Textarea mensaje más ancho ── */
    #bookingStepDataMessage textarea { margin-left: -2px; margin-right: -2px; width: calc(100% + 4px); }

    /* ── Trust badges compactas ── */
    .lv-trust-badges { gap: 10px; font-size: 10px; margin-top: 12px; }

    /* ── Sidebar oculta en móvil ── */
    #bookingStepData_sidebar { display: none !important; }

    /* ── Resumen colapsable móvil ── */
    .lv-mobile-summary {
        display: flex !important;
        background: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 12px;
        padding: 12px;
        margin-bottom: 12px;
        cursor: pointer;
        transition: box-shadow 0.2s;
        align-items: center;
    }
    .lv-mobile-summary:hover { box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
    .lv-mobile-summary-thumb {
        width: 60px;
        height: 60px;
        min-width: 60px;
        border-radius: 8px;
        overflow: hidden;
        margin-right: 12px;
    }
    .lv-mobile-summary-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .lv-mobile-summary-info {
        flex: 1;
        min-width: 0;
    }
    .lv-mobile-summary-name {
        font-size: 14px;
        font-weight: 600;
        color: #222;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .lv-mobile-summary-dates {
        font-size: 12px;
        color: #717171;
        margin-top: 2px;
    }
    .lv-mobile-summary-total {
        font-size: 16px;
        font-weight: 700;
        color: #222;
        margin-top: 2px;
    }
    .lv-mobile-summary-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        color: #717171;
        transition: transform 0.3s;
    }
    .lv-mobile-summary-toggle.open svg { transform: rotate(180deg); }

    /* ── Detalle colapsable ── */
    .lv-mobile-summary-detail {
        display: none;
        background: #fff;
        border: 1px solid #f0f0f0;
        border-top: 0;
        border-radius: 0 0 12px 12px;
        padding: 12px 16px 16px;
        margin-top: -13px;
        margin-bottom: 12px;
        font-size: 13px;
    }
    .lv-mobile-summary-detail.open { display: block; }
    .lv-mobile-summary.detail-open {
        border-radius: 12px 12px 0 0;
        margin-bottom: 0;
    }

    /* ── Barra fija inferior móvil ── */
    .lv-mobile-bottom-bar {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: #fff;
        border-top: 1px solid #f0f0f0;
        padding: 10px 16px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom));
        box-shadow: 0 -2px 10px rgba(0,0,0,0.06);
    }
    .lv-mobile-bottom-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }
    .lv-mobile-bottom-price {
        font-size: 16px;
        font-weight: 700;
        color: #222;
        white-space: nowrap;
    }
    .lv-mobile-bottom-price small {
        display: block;
        font-size: 11px;
        font-weight: 400;
        color: #717171;
    }
    .lv-mobile-bottom-bar #lv-booking-submit-mobile {
        flex: 1;
        max-width: 200px;
        height: 44px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 10px;
        background: #00BE94;
        color: #fff;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.3px;
        cursor: pointer;
        transition: all 0.2s;
    }
    .lv-mobile-bottom-bar #lv-booking-submit-mobile:not(:disabled):hover {
        background: #00a882;
    }
    .lv-mobile-bottom-bar #lv-booking-submit-mobile:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    /* ── Ocultar submit area original ── */
    .lv-checkout-submit-area { display: none !important; }

    /* ── Espacio inferior para barra fija (solo checkout, no confirmación) ── */
    .bookingData .main { padding-bottom: 74px; }

    /* ── Confirmation page: botones compactos ── */
    .lv-confirmation-actions {
        gap: 8px !important;
    }
    .lv-confirmation-actions .uk-button {
        height: 44px !important;
        font-size: 14px !important;
        padding: 0 20px !important;
        border-radius: 10px !important;
    }

    /* ── Confirmation: título pago más pequeño ── */
    #totalAmountPayments h3 {
        font-size: 18px !important;
        line-height: 1.3;
    }
    #totalAmountPayments p {
        font-size: 14px;
    }

    /* ── Quitar margin-left: 26px legacy en móvil ── */
    #bookingStepData_container h3 { margin-left: 0 !important; }
    #totalAmountPayments p { margin-left: 0 !important; }
    #totalAmountPayments small { margin-left: 0 !important; }
    #bookingStepDataMessage textarea { margin-left: 0 !important; width: 100% !important; margin-right: 0 !important; }
    #bookingStepDataMessage small { margin-left: 0 !important; }
    #bookingStepDataMessage > p { margin-left: 0 !important; }

    /* ── Overlay procesando: full height sin huecos ── */
    #lv-booking-overlay {
        padding: 0 !important;
        background: #fff !important;
    }
    #lv-booking-overlay .lv-overlay-logo {
        margin-top: 40px;
    }
    .lv-overlay-card {
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 32px 24px !important;
        max-width: 100% !important;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}


/* ═══════════════════════════════════════════════════════
   Property page – Responsive (max-width: 959px)
   ═══════════════════════════════════════════════════════ */
@media (max-width: 959px) {

    /* ── 1. Ocultar compartir/guardar y "ver todas" en móvil ── */
    .property .share-container { display: none !important; }

    /* ── Quitar sombra booking mask en móvil ── */
    .property .search-price > .uk-box-shadow-medium { box-shadow: none !important; }

    /* ── Quitar padding-right del contenido ── */
    #product_main_container { padding-right: 0px !important; }

    /* ── 2. Galería: solo primera imagen con overlay de contador ── */
    .property .header #open-lightbox {
        display: block !important;
    }
    .property .header #open-lightbox > div {
        display: none !important;
    }
    .property .header #open-lightbox > div:first-child {
        display: block !important;
        width: 100% !important;
        padding-left: 0 !important;
        margin: 0 !important;
        position: relative;
    }
    /* 3. Video: mostrar iframe directamente en móvil con autoplay + crop barras negras */
    .property .header #open-lightbox > div:first-child .lv-container-property-video {
        display: block !important;
        border-radius: 0 !important;
        /* min-height: 240px; */
        overflow: hidden !important;
    }
    .property .header #open-lightbox > div:first-child .lv-container-property-video .lv-property-video {
        top: -15% !important;
        left: -2px !important;
        width: calc(100% + 4px) !important;
        height: 130% !important;
    }
    .property .header #open-lightbox > div:first-child .lv-mobile-video-thumb {
        display: none !important;
    }
    /* Overlay contador de fotos */
    .lv-mobile-gallery-count {
        display: flex !important;
        position: absolute;
        bottom: 12px;
        right: 12px;
        /* background: rgba(0,0,0,0.65); */
        background-color: #06be94 !important;
        color: #fff;
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: 600;
        align-items: center;
        gap: 6px;
        z-index: 5;
        pointer-events: none;
    }
    .lv-mobile-gallery-count svg {
        width: 16px;
        height: 16px;
    }
    /* Primera imagen edge-to-edge */
    .property .header #open-lightbox > div:first-child .uk-background-cover,
    .property .header #open-lightbox > div:first-child .lv-mobile-video-thumb {
        border-radius: 0 !important;
        min-height: 240px;
        aspect-ratio: 16/10;
    }
    .property .header {
        padding: 0 !important;
    }
    .property .header .uk-container {
        padding: 0 !important;
    }
    .property .header #open-lightbox {
        margin: 0 !important;
        padding: 0 !important;
    }
    .property .header #open-lightbox > div:first-child .uk-border-rounded {
        border-radius: 0 !important;
    }

    /* ── 4. Título más pequeño y pegado a la imagen ── */
    .property .uk-section-small { /* padding-top: 10px !important; */ }
    .property h1.uk-heading-medium {
        font-size: 2.4rem !important;
        margin-top: 0 !important;
        margin-bottom: 2px !important;
    }
    .property h2.text-sans.uk-heading-xsmall {
        font-size: 1.2rem !important;
        margin-bottom: 4px !important;
    }

    /* ── 5. Licencia turística alineada a la izquierda ── */
    .property #product_main_container > div > .uk-grid > .uk-width-1-3\@m {
        justify-content: flex-start !important;
    }
    .property #product_main_container .uk-flex-right {
        justify-content: flex-start !important;
    }
    .property #product_main_container > div > .uk-grid > .uk-width-1-3\@m .uk-grid-small {
        justify-content: flex-start !important;
    }

    /* ── 6. Highlights en dos columnas ── */
    .property .property-container-icons > .uk-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 4px 12px;
        padding: 0 16px;
    }
    .property .property-container-icons > .uk-grid > div {
        margin-top: 0 !important;
    }
    .property .property-container-icons {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
    }
    .property .property-container-icons p,
    .property .property-container-icons a {
        font-size: 0.9rem !important;
    }

    /* ── Booking mask insertada vía JS ── */
    .lv-mobile-booking-widget {
        display: block !important;
        margin: 8px 0 4px;
    }
    /* Booking widget compacto en móvil */
    .lv-mobile-booking-widget .search-price .uk-padding {
        padding: 14px 16px !important;
    }
    .lv-mobile-booking-widget .search-price .uk-input {
        height: 42px !important;
        font-size: 0.9rem !important;
    }
    .lv-mobile-booking-widget .search-price .property-guests {
        height: 42px !important;
        font-size: 0.9rem !important;
    }
    .lv-mobile-booking-widget .search-price .uk-margin-top {
        margin-top: 8px !important;
    }
    .lv-mobile-booking-widget .book-now {
        padding: 10px 0 !important;
        font-size: 0.85rem !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .home .home-featured-properties .container-slider-arrows span svg, .home .home-destinations span svg, .home .home-segments span svg, .home .home-segments span svg, .lv-related__navbtn span svg {
        width: 50px;
    }

    .uk-button {
        padding: 0.7rem 1.2rem !important;
        font-size: 0.9rem !important;
    }
}

/* Desktop: ocultar elementos mobile de property */
@media (min-width: 960px) {
    .lv-mobile-gallery-count { display: none !important; }
    .lv-mobile-booking-widget { display: none !important; }
    .lv-mobile-video-thumb { display: none !important; }
    .lv-sticky-bottom-bar { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE STICKY BOTTOM BAR — estilo Airbnb
   Para revertir: eliminar este bloque completo
   ═══════════════════════════════════════════════════════════════ */
.lv-sticky-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 980;
    background: #fff;
    border-top: 1px solid #ebebeb;
    box-shadow: 0 -2px 16px rgba(0,0,0,0.10);
    padding: 14px 20px;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    transition: transform 0.25s ease;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
}
.lv-sticky-bottom-bar--hidden {
    transform: translateY(100%);
}
.lv-sticky-bottom-bar__inner {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.lv-sticky-bottom-bar__left {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* Línea 1: pax */
.lv-sticky-bottom-bar__pax {
    font-size: 0.78rem;
    color: #717171;
    display: none;
}

/* Línea 2: fechas */
.lv-sticky-bottom-bar__dates {
    font-size: 0.8rem;
    color: #717171;
}

/* Línea 3: precio + modificar */
.lv-sticky-bottom-bar__price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.lv-sticky-bottom-bar__amount {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: underline;
}
.lv-sticky-bottom-bar__amount small {
    font-weight: 400;
    font-size: 0.8rem;
    color: #717171;
    text-decoration: none;
}
.lv-sticky-bottom-bar__modify {
    font-size: 0.78rem;
    color: #222;
    text-decoration: underline;
    cursor: pointer;
}

/* ═══ Collapsible sections mobile (property-services) ═══ */
@media (max-width: 959px) {
    .lv-collapsible-mobile__content {
        max-height: 180px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.35s ease;
    }
    .lv-collapsible-mobile__content::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        background: linear-gradient(transparent, #fff);
        pointer-events: none;
        transition: opacity 0.3s;
    }
    .lv-collapsible-mobile--expanded .lv-collapsible-mobile__content {
        max-height: 2000px;
    }
    .lv-collapsible-mobile--expanded .lv-collapsible-mobile__content::after {
        opacity: 0;
    }
    .lv-collapsible-mobile__toggle {
        display: block;
        background: none;
        border: none;
        color: #00BE94;
        font-size: 0.85rem;
        font-weight: 600;
        padding: 8px 0;
        cursor: pointer;
        width: 100%;
        text-align: left;
    }
    /* Intro de landing: 2 líneas visibles */
    .lv-collapsible-mobile--intro .lv-collapsible-mobile__content {
        max-height: 3.2em;
        line-height: 1.6;
    }
    .lv-collapsible-mobile--intro.lv-collapsible-mobile--expanded .lv-collapsible-mobile__content {
        max-height: 2000px;
    }
    .lv-collapsible-mobile--no-toggle .lv-collapsible-mobile__content::after {
        display: none;
    }
}

/* ═══ Collapsible desktop (description-seo en landings) ═══ */
.lv-collapsible-desktop .lv-collapsible-mobile__content {
    max-height: 220px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.35s ease;
}
.lv-collapsible-desktop .lv-collapsible-mobile__content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #ffffff 90%);
    pointer-events: none;
    transition: opacity 0.25s ease;
}
.lv-collapsible-desktop.lv-collapsible-mobile--expanded .lv-collapsible-mobile__content {
    max-height: 6000px;
}
.lv-collapsible-desktop.lv-collapsible-mobile--expanded .lv-collapsible-mobile__content::after {
    opacity: 0;
}
.lv-collapsible-desktop .lv-collapsible-mobile__toggle {
    display: block;
    background: none;
    border: none;
    padding: 8px 0;
    margin-top: 8px;
    color: #06be94;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

/* ═══ Datos del destino: tabla discreta informativa ═══ */
.lv-destination-facts {
    margin-top: 45px;
}

.lv-destination-facts__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    font-size: 0.85rem;
    color: #555;
}
.lv-destination-facts__table th,
.lv-destination-facts__table td {
    padding: 6px 12px;
    text-align: left;
    border-bottom: 1px solid #eee;
}
.lv-destination-facts__table th {
    font-weight: 600;
    color: #222;
    width: 35%;
}
.lv-destination-facts__caption {
    font-size: 0.78rem;
    color: #888;
    margin-top: 8px;
    font-style: italic;
}

/* Botón reservar — estilo Livantra */
.lv-sticky-bottom-bar__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    background: #00BE94;
    color: #fff !important;
    border: none;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 18px 25px;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    letter-spacing: 0.3px;
}
.lv-sticky-bottom-bar__btn:hover {
    background-color: #FD9362;
}
.lv-sticky-bottom-bar__btn:active {
    transform: scale(0.98);
}

/* Precio clickable cuando hay fechas */
.lv-sticky-bottom-bar__amount { cursor: pointer; }

/* Compensar espacio de la sticky bar para que no tape contenido */
@media (max-width: 959px) {
    body.property { padding-bottom: 80px; overflow-x: hidden; }
}

/* ═══════════════════════════════════════════════════════════════
   BOTTOM SHEET — detalles del precio mobile
   Para revertir: eliminar este bloque completo
   ═══════════════════════════════════════════════════════════════ */
.lv-bottom-sheet__overlay {
    position: fixed;
    inset: 0;
    z-index: 990;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.lv-bottom-sheet__overlay--visible {
    opacity: 1;
    visibility: visible;
}
.lv-bottom-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 991;
    background: #fff;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -4px 24px rgba(0,0,0,0.12);
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.32,0.72,0,1), visibility 0.35s;
    max-height: 85vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    /* Chrome mobile incluía este elemento (translateY 100%) en scrollHeight
       creando espacio extra al final de la página. visibility:hidden +
       contain:layout lo aísla del flujo y del cálculo de scroll. */
    visibility: hidden;
    contain: layout;
}
.lv-bottom-sheet--open {
    transform: translateY(0);
    visibility: visible;
}
.lv-bottom-sheet__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 12px;
    border-bottom: 1px solid #ebebeb;
}
.lv-bottom-sheet__title {
    font-size: 1rem;
    font-weight: 500;
}
.lv-bottom-sheet__close {
    background: none;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    padding: 4px 8px;
    cursor: pointer;
    color: #333;
    border-radius: 50%;
    transition: background 0.15s;
}
.lv-bottom-sheet__close:hover {
    background: #f5f5f5;
}
.lv-bottom-sheet__body {
    padding: 0;
}
/* Booking widget dentro del bottom sheet */
.lv-bottom-sheet__body .search-price {
    box-shadow: none !important;
    border-radius: 0 !important;
}
.lv-bottom-sheet__body .search-price .uk-padding {
    padding: 16px 20px !important;
}
.lv-bottom-sheet__body .search-price .uk-button.book-now {
    display: none !important;
}
.lv-bottom-sheet__footer {
    padding: 12px 20px 20px;
    border-top: 1px solid #ebebeb;
}
.lv-bottom-sheet__book-btn {
    width: 100%;
}
/* El texto del botón de reservar debe ser blanco. La regla
   .lv-bottom-sheet button:not(.uk-button){color:inherit !important} tiene más
   especificidad que .lv-sticky-bottom-bar__btn y lo volvía gris; el ID gana. */
#lv-bottom-sheet-book,
#lv-bottom-sheet-book span,
.lv-bottom-sheet .lv-bottom-sheet__book-btn,
.lv-bottom-sheet .lv-bottom-sheet__book-btn span {
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════
   X-SMALL (<460px) — DEBE IR AL FINAL para no ser sobreescrito
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 459px) {

    .section {padding: 5%;}

    .property .uk-heading-large {font-size: 2rem !important;}
    .property .uk-heading-medium,
    .property h1.uk-heading-medium {font-size: 1.6rem !important;}
    .property .uk-heading-small {font-size: 1.2rem !important;}
    .property .uk-heading-xsmall,
    .property h2.text-sans.uk-heading-xsmall {font-size: 1.1rem !important;}
    .property .uk-text-large {font-size: 1.2rem !important;}

    .property h3.text-sans.uk-heading-small {font-size: 1rem !important; font-weight: 500 !important;}

    .property h4.text-sans.uk-heading-xsmall {font-size: 1rem !important; font-weight: 500 !important;}

    .destination h2.uk-heading-xsmall {font-size: 1.2rem !important;}
    .destination .main-content h2 {font-size: 1.8rem !important;}
    .property h1.uk-heading-medium {font-size: 1.8rem !important;}


    .home h2.uk-heading-large, .home h2.uk-heading-large p {font-size: 2.4rem !important;}
    .uk-heading-large, .uk-heading-large p {font-size: 2rem !important; }
    .uk-heading-medium, .uk-heading-medium p {font-size: 1.8rem !important; }
    .uk-heading-small, .uk-heading-small p, .destination h2 {font-size: 1.6rem !important; }
    .uk-heading-xsmall, .uk-heading-xsmall p {font-size: 1.2rem !important; }

    .landing h2 {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }

    h1 {font-size: 2rem !important;}
    h2 {font-size: 1.8rem !important;}
    h3 {font-size: 1.6rem !important;}
    h4 {font-size: 1.2rem !important;}

    .home .home-faqs .uk-accordion-title {
        font-size: 1rem !important;
    }

    p {
        font-size: 0.9rem !important;
    }

    .lv-slider-bleed {margin-right: 0 !important;}

}

@media (max-width: 959px) {
    .uk-navbar-container.uk-sticky.uk-active .search-engine-home { border: 0 !important; }
}

/* Alert suave estilo Metronic para avisos (disponibilidad, reglas, etc.) */
.lv-soft-alert{display:block;padding:10px 14px;border:1px solid #fcd9b6;background-color:#fff6ec;color:#b8651b;border-radius:6px;font-size:13px;line-height:1.45;text-align:center;}
.lv-soft-alert + .lv-soft-alert{margin-top:8px;}
.lv-soft-alert--warning{border-color:#fcd9b6;background-color:#fff6ec;color:#b8651b;}
.lv-soft-alert--danger{border-color:#f5c2c2;background-color:#fdecec;color:#a23636;}
.lv-soft-alert--info{border-color:#bcdfff;background-color:#eaf4ff;color:#1c5fa7;}
.lv-soft-alert--success{border-color:#bce3c8;background-color:#ebf7ee;color:#2c7a3e;}

/* ============ Feed de landings relacionadas (slider, sin imagenes) ============ */
.lv-related{background:#fbfbfc;}
.lv-related__head h2,.lv-related__head h3{color:#15262d;}
.lv-related__head p{font-size:.95rem;color:#9aa0a3;margin-top:.2rem;}
.lv-related__nav{display:flex;gap:.25rem;}
.lv-related__navbtn{display:inline-flex;align-items:center;justify-content:center;padding:5px;background:transparent;border:none;transition:opacity .2s ease,transform .2s ease;}
.lv-related__navbtn svg{display:none;}
.lv-related__navbtn span svg{display:block;width:60px;}
.lv-related__navbtn span svg polyline,.lv-related__navbtn span svg line{stroke:#06be94 !important;}
.lv-related__navbtn:hover{opacity:.7;transform:translateX(2px);}
.lv-related__navbtn:first-child:hover{transform:translateX(-2px);}

/* Alturas iguales: el <li> es flex y la card estira al 100%. El bloque de texto
   crece (flex:1) y empuja el pie al fondo. Una sola fuente de verdad por elemento. */
.lv-related .uk-slider-items{margin-left:0;padding:6px 0;}
.lv-related .uk-slider-items > li{display:flex;}
/* Anular el estilo editorial de .main-content (linea ~672: ul/p con margin-left:40px,
   padding-left:20px y border-left verde de cita). En la pagina de destino el feed va
   dentro de .main-content, asi que ese filete/sangria se colaba en el <ul> del slider y
   en el <p> del subtitulo. Las cards NO deben llevarlo (igual que en la landing). */
.lv-related.main-content ul,
.lv-related.main-content p,
.lv-related .uk-slider-items,
.lv-related .lv-related-card__sub{
    margin-left:0;
    padding-left:0;
    border-left:0;
    /* SOLO reset de margenes/filete aqui. NUNCA poner clamp/overflow en este grupo:
       incluye el <ul> del slider y lo recorta (la pagina 2 del slider salia vacia).
       El clamp a 2 lineas del subtitulo vive en la regla base .lv-related-card__sub. */
}
.lv-related .uk-slider-items{padding:6px 0;}
/* El titulo de la card debe ir SIEMPRE en serif (FS Renaissance), pero .main-content h3
   (linea ~671) fuerza Inter con !important y pisa el text-serif en la pagina de destino.
   Lo restauramos con la misma arma (!important) y subimos un punto el tamaño. */
.lv-related .lv-related-card__title{font-family:'FS Renaissance' !important;font-size:1.55rem;line-height:1.2 !important;margin-top:5px;}
/* Titulo de seccion del feed: en la pagina de destino vive en .main-content, donde
   .main-content .uk-heading-small (1.6rem) y .destination h2 (1.8rem) lo achican. Lo
   igualamos al de la landing ("Tambien te puede interesar" = uk-heading-small 2rem). */
.lv-related .lv-related__head h2.uk-heading-small{font-size:2rem !important;line-height:1.1 !important;}

.lv-related-card{display:flex;flex-direction:column;width:100%;padding:1rem;background:#fff;border:1px solid #06be94;border-radius:16px;text-decoration:none;box-shadow:0 1px 2px rgba(20,40,50,.04);transition:box-shadow .26s ease,border-color .26s ease,transform .26s ease;}
/* Cabecera de imagen (cascada: snapshot landing -> mejor propiedad activa -> default).
   La card con imagen reduce el padding superior para que la foto vaya a sangre arriba. */
.lv-related-card--has-img{padding-top:0;overflow:hidden;}
.lv-related-card__img{
    margin:0 -1rem .7rem;
    display:block;width:calc(100% + 2rem);height:220px;background-size:cover;background-position:center;
}
.lv-related-card:hover{box-shadow:0 14px 34px rgba(6,190,148,.13);transform:translateY(-4px);text-decoration:none;}
.lv-related-card__eyebrow{display:none;}
.lv-related-card__title{font-size:1.4rem;line-height:1.15;color:#15262d;margin:0 0 .25rem;transition:color .22s ease;}
.lv-related-card:hover .lv-related-card__title{color:#06be94;}
.lv-related-card__dest{display:block;font-size:.9rem;color:#868c8f;margin:0;}
/* flex:0 (no estirar): con flex:1 el grid-match estiraba el box clamped y Chrome pintaba
   la elipsis en la linea 2 pero seguia mostrando las lineas 3-4 debajo. El pie ya baja
   solo porque __meta tiene margin-top:auto. */
.lv-related-card__sub{flex:0 0 auto;font-size:.8rem;line-height:1.35;color:#9aa0a3;margin:.25rem 0 6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.lv-related-card__rule{display:none;}
.lv-related-card__meta{margin-top:auto;padding-top:.5rem;border-top:1px solid #f0f1f2;display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.lv-related-card__count{font-size:.98rem;font-weight:700;color:#15262d;line-height:1.05;}
.lv-related-card__count small{font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:0;color:#aab0b3;}
.lv-related-card__arrow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#06be94;transition:transform .22s ease,background .22s ease;}
.lv-related-card:hover .lv-related-card__arrow{transform:translateX(3px);background:#eafaf4;}
.lv-related .uk-slider-nav{margin-top:2.5rem;}
.lv-related .uk-dotnav>*>*{border-color:#d3d8d9;width:9px;height:9px;}
.lv-related .uk-dotnav>.uk-active>*{background-color:#06be94;border-color:#06be94;}