/* Developed entirely by staycreative.es 2020 */
/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
/* .uk-card-default {background-color: transparent !important; box-shadow: none; } */
::selection {color: white; background-color: #000;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}



/* Generals */
html, body {   font-family: "Manrope", sans-serif; font-optical-sizing: auto;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #26272E;}
p{font-family: "Manrope", sans-serif; font-optical-sizing: auto;color: #26272E;font-weight: 400; font-size: 1rem;}
h1, h2, h3, h4, h5, h6 {   font-family: "Manrope", sans-serif; font-optical-sizing: auto; color: #26272E;margin-bottom: 0; margin-top: 0px;}
h1 {font-size: 3rem; line-height: 1.2;}

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: #a5182b;}
a:hover{color: #72706E;}
a span {display: inline-block;}
small {font-weight: 400 !important;}
ul li {list-style-type: none; list-style: none; font-size: 1.1rem; line-height: 1.6;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}

/* Buttons */
button{   font-family: "Manrope", sans-serif; font-optical-sizing: auto;}
.uk-button{   font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight:500; border:0;line-height: 1.5;text-transform: lowercase;font-size: 1rem;-webkit-appearance: none !important;border-radius: 10px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 0.6rem 2rem;}

    .uk-button-scroll {z-index: 1; position: relative; color: white; writing-mode: vertical-rl;}

    .uk-button-default{ background-color:transparent !important; color: #000 !important;border: 1px solid #000;}
    .uk-button-default:after{content: url('../../front_img/button-arrow.svg');display: inline-block; width: 20px;height: 20px;vertical-align: middle;margin-left: 10px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;}
    .uk-button-default:hover{background-color: #000 !important; color: #fff !important;border: 1px solid #000;}
    .uk-button-default:hover:after{margin-left: 15px;content: url('../../front_img/button-arrow-white.svg');}

    .uk-button-white{ background-color:transparent !important; color: white !important;border: 1px solid white;}
    .uk-button-white:after{content: ''; display: inline-block; width: 20px; height: 14px; background: url('../../front_img/button-arrow-white.svg') no-repeat center / contain; vertical-align: middle; margin-left: 10px; transition: margin-left .35s ease-in-out;}
    .uk-button-white:hover{background-color: #000 !important; color: #fff !important; border: 1px solid #000;}
    .uk-button-white:hover:after{margin-left: 15px; }

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

    .uk-button-secondary{ background-color:transparent !important; color: #000 !important; padding: 0; font-size: 1.2rem; font-weight: 600;}
    .uk-button-secondary:after{content: url('../../front_img/button-arrow.svg');display: inline-block; width: 20px;height: 27px;vertical-align: middle;margin-left: 10px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;}
    .uk-button-secondary:hover{background-color: transparent !important; color: #a5182b !important;}
    .uk-button-secondary:hover:after{margin-left: 15px;content: url('../../front_img/button-arrow-color.svg'); }

    .uk-button-tertiary{ background-color:transparent !important; color: white !important; padding: 0;}
    .uk-button-tertiary:after{content: url('../../front_img/button-arrow-white.svg');display: inline-block; width: 20px;height: 20px;vertical-align: middle;margin-left: 10px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;top: -5px;}
    .uk-button-tertiary:hover{background-color: transparent !important; color: #fff !important;}
    .uk-button-tertiary:hover:after{margin-left: 15px; }





    .uk-button-arrow{ background-color:transparent !important; color: #000 !important;border: 1px solid #000; padding: 0.6rem 1rem;}
    .uk-button-arrow:after{content: url('../../front_img/button-arrow.svg');display: inline-block; width: 25px;height: 22px;vertical-align: middle;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;}
    .uk-button-arrow:hover{background-color: #000 !important; color: #fff !important;border: 1px solid #000;}
    .uk-button-arrow:hover:after{ filter: invert(100%);}

    .uk-button-arrow.white{ background-color:transparent !important; color: white !important;border: 1px solid white; padding: 0.6rem 1rem;}
    .uk-button-arrow.white:after{content: url('../../front_img/button-arrow-white.svg');display: inline-block; width: 25px;height: 22px;vertical-align: middle;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;}
    .uk-button-arrow.white:hover{background-color: white !important; color: #000 !important;border: 1px solid white;}
    .uk-button-arrow.white:hover:after{ filter: invert(100%);}

    .uk-button-book{background-color: transparent !important; border-radius: 10px; border: 1px solid white; color: white;}
    .uk-button-book:hover{ background-color: #000 !important; border: 1px solid #000;  color: white}


/* 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;}

/* sweet alert */
.swal2-title{   font-family: "Manrope", sans-serif; font-optical-sizing: auto;}

    /* form */
    .form {position: relative; /* z-index: 2 */;}
    .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-bottom: 1px solid #a5182b; background-color: #fff; box-shadow: none; border-radius: 5px;  margin-bottom: 6px; color: #26272E !important; font-size: 1rem;height: auto;   font-family: "Manrope", sans-serif; font-optical-sizing: auto;}

    .form .uk-input:focus, .form .uk-select:focus, .form .uk-textarea:focus {border: 1px solid #a5182b;}


    /* .form .uk-select:not([multiple]):not([size]){background-color: #fff; background-image: none; color: #000 !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 select: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: #26272E;}
    .form .uk-checkbox {border-color: #26272E !important;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #26272E !important;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #a5182b;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: polarken;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #a5182b;}
    .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 { /* border-bottom: 1.5px solid #171919; -webkit-text-fill-color: #171919; -webkit-box-shadow: 0 0 0px 1000px #26272E inset; transition: background-color 5000s ease-in-out 0s; */color: #171919;   font-family: "Manrope", sans-serif; font-optical-sizing: auto;}
    .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: #26272E;}
    .custom-alert-box {border: 2px solid red !important; background-color: #fff8f8;}

/* 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.youtube {width: 30px;height: 30px;background-position: -245px -0px; position: relative; margin-bottom: 4px;}

.icon.twitter {width: 30px;height: 30px;background-position: -185px -0px;}
.icon.linkedin {width: 30px;height: 30px;background-position: -215px -0px;}


.icon.twitter-small {width: 20px;height: 20px;background-position: -300px -0px;}
.icon.linkedin-small {width: 20px;height: 20px;background-position: -320px -0px;}

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

.icon.facebook:hover {opacity: 0.7;}
.icon.instagram:hover {opacity: 0.7;}
.icon.youtube:hover {opacity: 0.7;}

.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-larkenests{width: 20px;height: 20px; background-position: -265px -0px;}


  /* menu */
  /*
  .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: "Manrope", sans-serif; font-optical-sizing: auto;text-transform: none;}
  .uk-navbar-nav>li ul li a{font-weight: 400;padding: 0px 10px; font-size: 0.9rem;    font-family: "Manrope", sans-serif; font-optical-sizing: auto;}
  /* item activo: reglas mas abajo (una por estado del menu) */
  .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: #a5182b;}
  .uk-navbar-nav#main-menu .lang .languages-menu li a:hover{color: #72706E;}
  .uk-navbar-nav>li>a:hover{color: #000;}
  .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: #000;}
  .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(../../public/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(../../public/img/logo-header.svg); background-size: contain; background-repeat: no-repeat; position: relative;}
  .uk-navbar-container.uk-active{background-color: #a5182b !important;width: 100vw !important; height: 80px;  z-index: 5;padding: 0 0 0 0px;}
  .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: #000 !important;font-weight: 700;text-decoration: underline;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #fff;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #000 !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: #a5182b;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: #a5182b !important;}
  .uk-sticky.uk-active #main-menu .uk-button.uk-button-default{background-color: white !important;color: #a5182b !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: 1111; background-color: #f8f8f8; width: auto;}
  .uk-navbar-dropdown-nav>li>a {font-size: 0.9rem; font-weight: 600;color: #111;}
  .uk-navbar-dropdown-nav>li>a:hover {text-decoration: underline;}
  .uk-dropdown {min-width: max-content;}
  .uk-navbar-nav>li>a {text-transform: initial; font-size: 1.1rem; font-weight: 500; color: white;}
  /* .uk-navbar-nav>li:nth-child(6) a {background-color: #000 !important; color: white !important; border: 1px solid #000; padding: 0.2rem 1rem !important; min-height: 35px !important; border-radius: 35px; margin-top: 20px;}
  .uk-navbar-nav>li:nth-child(6) a:hover {background-color:white !important; color: #000 !important; border: 1px solid #000; } */
  .uk-navbar-right li {list-style: none; list-style-type: none;}
  .uk-navbar-right li a {color: white;}
  .uk-navbar-right .uk-drop.uk-open li a {color: #000 !important;}
  .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true] {color: #000 !important;}

  .uk-navbar-nav>li.uk-active>a {font-weight: 700; color: #a5182b; text-decoration: underline;}
  .uk-navbar-dropdown-nav>li>a.uk-active {color: #a5182b;}

  /* MENU */
.user-menu {gap: 15px;margin-left: 20px;}
.uk-navbar-container {position: relative; z-index: 980;  background: transparent !important;}
.uk-navbar-container.uk-sticky.uk-active {box-shadow: 0 2px 8px rgb(0 0 0 / 8%); background-color: #a5182b !important;}
.uk-navbar-container.uk-sticky.uk-active .uk-navbar {border-bottom: 0;}

.uk-navbar {border-bottom: 1px solid white; height: 80px;}
.uk-navbar-right {gap: 15px;}
.uk-navbar-toggle {color: white !important; height: 80px; padding: 0 0 0 20px;}
.uk-navbar-toggle:hover {color: #e6e6e6 !important;}

/* TARIFAS: etiquetas de temporada + columnas alta/baja */
.rate-season {font-size: 0.72rem; opacity: 0.65; text-transform: uppercase; letter-spacing: 0.5px;}
.price-ind .price-col {width: 95px; text-align: right;}
.price-ind.price-head {margin-bottom: 5px;}
.price-ind.price-head .rate-season {margin-bottom: 0;}
@media (max-width: 459px){
  .price-ind .price-col {width: 78px;}
}

/* OFERTAS: feed con info sobre imagen degradada */
.offers-feed .offer-card {position: relative; min-height: 460px; display: flex; align-items: flex-end; overflow: hidden;}
.offers-feed .offer-card-content {position: relative; z-index: 1; width: 100%; padding: 110px 30px 30px 30px; color: #fff; background: linear-gradient(to top, rgba(23,25,25,.92) 0%, rgba(23,25,25,.55) 55%, transparent 100%);}
.offers-feed .offer-dates {color: rgba(255,255,255,.85); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 8px 0;}
.offers-feed .offer-dates .uk-icon {margin-right: 5px;}
.offers-feed .offer-name {color: #fff; font-size: 1.6rem; font-weight: 700; margin: 0 0 8px 0;}
.offers-feed .offer-desc, .offers-feed .offer-desc p {color: rgba(255,255,255,.9); font-size: 0.95rem; line-height: 1.5; margin: 0;}
.offers-feed .offer-footer {display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 18px;}
.offers-feed .offer-price {font-size: 1.8rem; font-weight: 800; color: #fff;}
.offers-feed .offer-book {background: transparent; color: #fff !important; border: 1px solid #fff; border-radius: 10px; line-height: 38px; padding: 0 22px;}
.offers-feed .offer-book:hover {color: #fff !important;}
.offers-nav {display: flex; gap: 12px; justify-content: flex-end; margin-top: 20px;}
.offers-arrow {background-color: rgba(255,255,255,.92); color: #171919 !important; width: 55px; height: 55px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box; transition: ease-in-out .20s; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.offers-arrow:hover {background-color: #a5182b; color: #fff !important;}
@media (max-width: 639px){
  .offers-arrow {width: 44px; height: 44px;}
}
@media (max-width: 639px){
  .offers-feed .offer-card {min-height: 400px;}
  .offers-feed .offer-card-content {padding: 90px 22px 22px 22px;}
}

/* COOKIES BANNER (Consent Mode v2) */
.cookies-banner {position: fixed; bottom: 0; left: 0; right: 0; z-index: 1010; background-color: #2b2926; box-shadow: 0 -5px 25px rgba(0,0,0,.25); padding: 18px 0;}
.cookies-banner-inner {display: flex; align-items: center; gap: 25px;}
.cookies-banner-text {color: #fff; font-size: 0.9rem; line-height: 1.5; margin: 0; flex: 1;}
.cookies-banner-text a {color: #fff; text-decoration: underline;}
.cookies-banner-actions {display: flex; gap: 10px; flex-shrink: 0;}
.cookies-btn-accept {background-color: #a5182b !important; color: #fff !important; border: 1px solid #a5182b; border-radius: 10px; line-height: 38px;}
.cookies-btn-accept:hover {background-color: #000 !important; border-color: #000;}
.cookies-btn-reject {background: transparent; color: #fff !important; border: 1px solid rgba(255,255,255,.6); border-radius: 10px; line-height: 38px;}
.cookies-btn-reject:hover {border-color: #fff;}
.cookies-btn-config {background: transparent; color: rgba(255,255,255,.85) !important; border: none; text-decoration: underline; padding: 0 10px; line-height: 40px;}
.cookies-btn-config:hover {color: #fff !important;}
@media (max-width: 639px){
  .cookies-banner-inner {flex-direction: column; align-items: flex-start; gap: 12px;}
  .cookies-banner-actions {width: 100%; flex-wrap: wrap;}
  .cookies-banner-actions .uk-button {flex: 1;}
  .cookies-banner-actions .cookies-btn-config {flex-basis: 100%; text-align: left; padding: 0;}
}

/* COOKIES: modal de preferencias */
.cookies-config {border-radius: 15px; padding: 40px 35px; font-family: "Manrope", sans-serif; width: 760px; max-width: 94vw;}
.cookies-config-title {color: #26272E; font-weight: 700; font-size: 1.5rem; margin-bottom: 10px;}
.cookies-config-intro {color: #26272E; font-size: 0.95rem; line-height: 1.5;}
.cookies-config-intro a {color: #a5182b; text-decoration: underline;}
.cookies-config-group {margin: 25px 0;}
.cookies-config-row {display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 15px 0; border-bottom: 1px solid #eee;}
.cookies-config-row:first-child {border-top: 1px solid #eee;}
.cookies-config-info h4 {font-size: 1rem; font-weight: 700; color: #26272E; margin: 0 0 4px 0;}
.cookies-config-info p {font-size: 0.85rem; color: #72706E; margin: 0; line-height: 1.45;}
.cookies-config-control {display: flex; align-items: center; gap: 10px; flex-shrink: 0; padding-top: 3px;}
.cookies-always {font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.5px; color: #a5182b; font-weight: 700;}
.cookie-switch {appearance: none; -webkit-appearance: none; position: relative; width: 44px; height: 24px; background: #ccc; border-radius: 12px; cursor: pointer; transition: background .2s; margin: 0; flex-shrink: 0;}
.cookie-switch::before {content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50%; transition: transform .2s; box-shadow: 0 1px 3px rgba(0,0,0,.25);}
.cookie-switch:checked {background: #a5182b;}
.cookie-switch:checked::before {transform: translateX(20px);}
.cookie-switch:disabled {opacity: 0.45; cursor: not-allowed;}
.cookies-config-actions {display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap;}
.cookies-config-actions .cookies-btn-save {background: transparent; color: #26272E !important; border: 1px solid #26272E; border-radius: 10px; line-height: 38px;}
.cookies-config-actions .cookies-btn-save:hover {background: #26272E; color: #fff !important;}
.cookies-config-actions .cookies-btn-reject {color: #26272E !important; border-color: #bbb;}
.cookies-config-actions .cookies-btn-reject:hover {border-color: #26272E;}
@media (max-width: 639px){
  .cookies-config {padding: 30px 22px;}
  .cookies-config-actions .uk-button {flex: 1 1 100%;}
}

/* OFFCANVAS CONTACT FORM (panel oscuro, inputs de linea inferior segun diseño) */
#offcanvas-flip .uk-offcanvas-bar.offcanvas-contact {background-color: #2b2926; color: #fff; width: 800px; padding: 60px 50px 40px 50px; will-change: transform;}
#offcanvas-flip .offcanvas-contact h3 {color: #fff; font-size: 2.4rem; font-weight: 300; margin-bottom: 25px;}
#offcanvas-flip .offcanvas-contact p, #offcanvas-flip .offcanvas-contact small {color: #fff;}
#offcanvas-flip .offcanvas-contact a {color: #fff;}
#offcanvas-flip .offcanvas-contact a:hover {color: #ccc;}
#offcanvas-flip .offcanvas-contact .contact-data p {font-size: 0.95rem; line-height: 1.6; margin: 0 0 15px 0;}
#offcanvas-flip .offcanvas-contact .contact-data {margin-bottom: 30px;}
#offcanvas-flip .offcanvas-contact .uk-offcanvas-close {color: #fff; top: 25px; right: 25px;}
#offcanvas-flip .offcanvas-contact .uk-input,
#offcanvas-flip .offcanvas-contact .uk-textarea {background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.45); border-radius: 0; color: #fff; padding: 8px 0; min-height: 44px; font-size: 1rem; font-family: "Manrope", sans-serif;}
#offcanvas-flip .offcanvas-contact .uk-input::placeholder,
#offcanvas-flip .offcanvas-contact .uk-textarea::placeholder {color: rgba(255,255,255,.85); opacity: 1;}
#offcanvas-flip .offcanvas-contact .uk-input:focus,
#offcanvas-flip .offcanvas-contact .uk-textarea:focus {background: transparent; border-bottom-color: #fff; color: #fff; outline: none;}
#offcanvas-flip .offcanvas-contact .uk-textarea {resize: vertical;}
#offcanvas-flip .offcanvas-contact .uk-form-danger {border-bottom: 1px solid #ff6b6b !important; color: #ff6b6b;}
#offcanvas-flip .offcanvas-contact .uk-checkbox {border: 1px solid rgba(255,255,255,.6); background-color: transparent;}
#offcanvas-flip .offcanvas-contact .uk-checkbox:checked {background-color: #a5182b; border-color: #a5182b;}
#offcanvas-flip .offcanvas-contact .accept-checkbox small {color: rgba(255,255,255,.8);}
#offcanvas-flip .offcanvas-contact .accept-checkbox a {text-decoration: underline;}
.uk-button-send {background: transparent; color: #fff !important; border: 1px solid #fff; border-radius: 10px; padding: 10px 25px; display: flex; align-items: center; justify-content: space-between; text-transform: lowercase; transition: ease-in-out .20s;}
.uk-button-send:hover {background: #fff; color: #2b2926 !important;}
.uk-button-send:disabled {opacity: 0.5; cursor: not-allowed;}
/* boton de las alertas SweetAlert (popup blanco) */
.uk-button-contact {background-color: #a5182b !important; color: #fff !important; border-radius: 10px; border: 1px solid #a5182b; transition: ease-in-out .20s;}
.uk-button-contact:hover {background-color: #000 !important; border-color: #000;}
@media (max-width: 860px) {
  #offcanvas-flip .uk-offcanvas-bar.offcanvas-contact {width: 90vw;}
}
@media (max-width: 640px) {
  #offcanvas-flip .uk-offcanvas-bar.offcanvas-contact {width: 90vw; padding: 50px 25px 30px 25px;}
}

/* SWEETALERT BRANDED */
.swal-golf {border-radius: 15px !important; padding: 30px 25px 35px 25px; font-family: "Manrope", sans-serif !important;}
.swal-golf-title {font-family: "Manrope", sans-serif !important; color: #26272E !important; font-weight: 700; font-size: 1.5rem !important;}
.swal-golf-text {font-family: "Manrope", sans-serif !important; color: #26272E !important; font-size: 1rem !important; line-height: 1.5;}
.swal-golf .swal2-icon.swal2-success {border-color: #a5182b;}
.swal-golf .swal2-icon.swal2-success [class^=swal2-success-line] {background-color: #a5182b;}
.swal-golf .swal2-icon.swal2-success .swal2-success-ring {border-color: rgba(165, 24, 43, .3);}
.swal-golf .swal2-icon.swal2-error {border-color: #a5182b; color: #a5182b;}
.swal-golf .swal2-icon.swal2-error [class^=swal2-x-mark-line] {background-color: #a5182b;}
.swal-golf .swal2-icon.swal2-warning {border-color: #a5182b; color: #a5182b;}
.swal-golf-button {min-width: 140px; padding: 0 30px; line-height: 40px;}
.swal-golf .swal2-actions {margin-top: 20px;}

/* OFFCANVAS MENU (< @l) */
#offcanvas-nav .uk-offcanvas-bar.offcanvas-menu {background-color: #a5182b; width: 300px; padding: 40px 35px;}
#offcanvas-nav .uk-offcanvas-close {color: white; top: 25px; right: 25px;}
#offcanvas-nav .offcanvas-logo {display: inline-block; margin-top: 10px;}
#offcanvas-nav .offcanvas-nav-list > li > a {color: white; font-size: 1.4rem; font-weight: 600; padding: 10px 0; line-height: 1.3;}
#offcanvas-nav .offcanvas-nav-list > li > a:hover {color: #e6e6e6;}
#offcanvas-nav .offcanvas-nav-list > li.uk-active > a {font-weight: 800; text-decoration: underline; text-underline-offset: 6px;}
#offcanvas-nav .offcanvas-langs {display: flex; gap: 20px; padding-left: 0;}
#offcanvas-nav .offcanvas-langs li {list-style: none;}
#offcanvas-nav .offcanvas-langs li span, #offcanvas-nav .offcanvas-langs li a {color: white; font-size: 1rem; padding: 5px 0;}
#offcanvas-nav .offcanvas-langs li.active span {font-weight: 800; border-bottom: 2px solid white;}
#offcanvas-nav .offcanvas-langs li a {opacity: 0.7;}
#offcanvas-nav .offcanvas-langs li a:hover {opacity: 1;}



  /* datedropper */
  div.datedropper.golf-theme {--dd-color1: #a5182b !important;--dd-color2: #FFF !important;--dd-color3: #26272E !important;--dd-color4: #FFF !important;--dd-radius: 16px !important;--dd-width: 160px !important;--dd-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3) !important;}

  /* datedropper new */
  .golf-theme { --dd-overlay:rgba(0, 0, 0, .75); --dd-background:#FFFFFF;--dd-text1:#26272E;--dd-text2:#FFFFFF;--dd-primary:#a5182b;--dd-gradient:linear-gradient(45deg, #a5182b 0%, #a5182b 100%);--dd-radius:16px;--dd-shadow:0 0 2.5em rgba(0, 0, 0, 0.1);--dd-range:rgba(0, 0, 0, 0.05);--dd-monthBackground:var(--dd-gradient);--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);}

/* MARQUEE (texto continuo de lado a lado) */
.marquee {overflow: hidden; width: 100%;}
.marquee-track {display: flex; width: max-content; animation: marquee-scroll 35s linear infinite;}
.marquee-track.marquee-fast {animation-duration: 18s;}
.marquee .word-slider {flex-shrink: 0;}
.marquee .word-slider div h3 {white-space: pre;}
@keyframes marquee-scroll {
  from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}
@media (prefers-reduced-motion: reduce){
  .marquee-track {animation: none;}
}

/* HACKS */
.clear{clear: both;}
.overlay{background-color: rgba(0,0,0,0.4);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(224, 255, 83, 0.7);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; mix-blend-mode: multiply;}


.overlay-header {
    position: absolute;top: 0;left:0;width: 100%;height: 50%;z-index: 0; mix-blend-mode: multiply;
    background: transparent;
    background: -webkit-linear-gradient(to top, transparent 0%, #444 100%);
    background: -moz-linear-gradient(to top, transparent 0%, #444 100%);
    background: linear-gradient(to top, transparent 0%, #444 100%);
    -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;
}

.overlay-bottom {
    position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply;
    background: transparent;
    background: -webkit-linear-gradient(to bottom, transparent 50%, #000000 100%);
    background: -moz-linear-gradient(to bottom, transparent 50%, #000000 100%);
    background: linear-gradient(to bottom, transparent 50%, #000000 100%);
    -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;
}



.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-grey {background-color: #e6e6e6 !important;}
.bg-light {background-color: #c8c8c8 !important;}
.bg-dark {background-color: #161616 !important;}
.bg-primary{background-color: #a5182b !important;}
.bg-secondary{background-color: #292929 !important;}
.bg-tertiary{background-color: #8ef1e8 !important;}

.white {color: #fff !important;}
.grey {color: #e6e6e6 !important;}
.light {color: #c8c8c8 !important;}
.dark {color: #161616 !important;}
.primary{color: #a5182b !important;}
.secondary{color: #292929 !important;}
.tertiary{color: #8ef1e8 !important;}


.shadow {box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
.uk-border-rounded {border-radius: 30px !important;}
.uk-border-rounded.top {border-radius: 30px 30px 0px 0px !important;}
.uk-border-rounded.left {border-radius: 30px 0px 0px 30px !important;}
.uk-border-rounded.right {border-radius: 0px 30px 30px 0px !important;}
.uk-border-rounded-small {border-radius: 20px !important;}
.vertical-text {writing-mode: vertical-rl; z-index: 1; position: relative;}

/* PRELOADER */
.preloader{position: fixed;z-index: 9999;width: 100vw;height:100vh; opacity: 1; background: #a5182b; 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.4rem;}
h1{font-size: 3rem; line-height: 1;}
h3{font-size: 2.6rem;}
h3{font-size: 2rem;}
h3 span{   font-family: "Manrope", sans-serif; font-optical-sizing: auto;font-size: 50%;}
h4{   font-family: "Manrope", sans-serif; font-optical-sizing: auto;}
.text-serif {   font-family: "Manrope", sans-serif; font-optical-sizing: auto;}
.text-sans {font-family: "Figtree", sans-serif !important;}

.border-left {border-left: 1px solid #000;}
.border-top {border-top: 1px solid #000;}

.uk-heading-xsmall {font-size: 1.6rem; margin: 0; line-height: 1.1; font-family: "Manrope", sans-serif;  letter-spacing: -1px; text-transform: initial;}
.uk-heading-small {font-size: 2rem; margin: 0; line-height: 1.1; font-family: "Manrope", sans-serif; font-weight: 700; letter-spacing: -1px; font-weight: 800;text-transform: initial;}
.uk-heading-medium {font-size: 2.8rem; margin: 0; line-height: 1.1; font-family: "Manrope", sans-serif;  letter-spacing: -1px;text-transform: initial;}
.uk-heading-large {font-size: 3.4rem; margin: 0; line-height: 1.1; font-family: "Manrope", sans-serif; font-weight: 300; letter-spacing: -1px;text-transform: initial;}
.uk-heading-xlarge {font-size: 10rem; margin: 0; line-height: 1.1; font-family: "Manrope", sans-serif; font-weight: 800; letter-spacing: -10px;text-transform: initial;}

.uk-heading-xsmall.uk-button-secondary:after {width: 28px; height: 28px;}

div.white p {color: white !important;}
div.ellipsys p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 15px;}


/* Hace que el slider permita ver la mitad del último elemento */

.overlay-bw {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */

  }


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



/* datedropper new */
  :root {--dd-gradient: linear-gradient(45deg, #a5182b 0%, #a5182b 100%) !important;}
  .livantra-theme {
    --dd-overlay: rgba(0, 0, 0, 0.75);
    --dd-background: #FFFFFF;
    --dd-text1: #26272E;
    --dd-text2: #FFFFFF;
    --dd-primary: #a5182b !important;
    --dd-gradient: linear-gradient(45deg, #a5182b 0%, #a5182b 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, #a5182b 0%, #a5182b 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);
}

.uk-lead{font-size: 120%;}
.header-container{background-color: #a5182b; }
.header{background-position: center;background-repeat: no-repeat;background-size: cover; height: 60vh;}
.page .header{min-height: 60vh;position: relative;}
.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 h1{color: white;padding: 20px 80px 30px;position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;text-shadow: 0 0 5px rgb(0 0 0 / 30%);}
.page .header span{color: white;   font-family: "Manrope", sans-serif; font-optical-sizing: auto;} */
.page .header{min-height: 50vh; height: 50vh; }
.banner .banner-text {position: relative; z-index: 2;}

main .header h1 span, main .header h2 span, main .header h3 span, main .header h4 span, main .header h5 span {background-color: transparent;}
main h1 span, main h2 span, main h3 span, main h4 span, main h5 span {background-color: #a5182b; padding: 0 15px; border-radius: 30px;}
.text-columns {column-count: 2; column-gap: 40px; }

/* GENERALS */
main {margin-top: -80px;}


/* HOME */
.home .header{min-height: 80vh; height: 80vh; }
.home .header .uk-divider-vertical {margin: 0 auto; height: 30px; border-left: 1px solid white;}
.home .intro .uk-divider-vertical {margin: 0 auto; height: 30px; border-left: 1px solid #000;}
.home .intro h3 {margin-top: -100px;}
.home .intro .intro-image {margin-bottom: -5vh; padding-bottom: 5vh;z-index: 1;}
.home .holes h2 {position: relative; left: -22px;}
.home .holes .container-feed-holes {width: 90%; margin-left: 10%;}
.home .holes .bg-secondary {padding-bottom: 10vh;}
.home .holes .feed-holes {width: 90%; margin-left: 10%; margin-top: -15vh;}
.home .holes .uk-slider-container-offset {margin: 0;}
.home .holes .slider-custom {padding-right: 10%;}
.home .text-slider .word-slider { display: flex; gap: 10px; white-space: nowrap; text-align: center;}
.home .text-slider .word-slider div { min-width: 150px; text-align: center;}
.home .text-slider .word-slider div .uk-heading-large {font-size: 6rem !important;letter-spacing: -5px; font-weight: 800;}
.home .news .new-ind .text {margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}


/* LANDING */
.landing .header {height: 60vh; min-height: 60vh;}
/* el uk-height-1-1 del contenedor del hero fuerza border-box (UIkit) y desalinea el uk-container respecto al resto: restaurar */
.header .uk-container {box-sizing: content-box;}
.landing .header h1 {position: relative; bottom: 10vh; }
/* .landing .club-time .uk-dotnav>*>*{display: inline-flex;} */
.landing .club-time .uk-dotnav>.uk-active>* {background-color: rgba(152, 28, 45, 1);    border: 1px solid rgba(152, 28, 45, .4);}
.landing .club-time .uk-dotnav>.uk-active>*::after {background-color: rgba(152, 28, 45, 1); height: 2px;}
.landing .club-time .uk-dotnav>*>*::after {content: ""; display: inline-block; width: calc(100% - 30px); height: 1px; background-color: rgba(102, 102, 102, .6); position: absolute; margin-top: 4px;}
.landing .club-time .club-time-year {font-size: 10rem; margin-right: -25px; z-index: -1; position: relative; font-weight: 600;}
.landing .club-time .club-time-next {font-size: 5rem; margin-left: -25px; z-index: -1; position: relative; opacity: 0.3;}
.landing .club-time .uk-slideshow-items {height: 30vh;}
.landing .club-time  .uk-dotnav li {position: relative;}
.landing .club-time .uk-dotnav li.uk-active {color: #a5182b; font-weight: 600;}
.landing .club-time .container-arrows {position: absolute; bottom: 6px; right: -6px; width: 150px;}
.landing .club-time .container-arrows .uk-slidenav {background-color: rgba(226, 224, 224, 1); display: inline-flex; align-items: center; justify-content: center; width: 55px; height: 55px; padding: 0; border-radius: 50%; box-sizing: border-box;}
.landing .club-time .container-arrows  .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {stroke: rgba(152, 28, 45, .6);}
.landing .club-time .container-arrows .uk-slidenav.left.uk-icon>*, .landing .club-time .container-arrows .uk-slidenav.right.uk-icon>* {position: static;}
.landing .holes {margin-bottom: 10vh;}
.landing .holes h2 {position: relative; left: -22px;}
.landing .holes .container-feed-holes {width: 90%; margin-left: 10%;}
.landing .holes .bg-secondary {padding-bottom: 10vh;}
.landing .holes .feed-holes {width: 90%; margin-left: 10%; margin-top: -15vh;}
.landing .holes .uk-slider-container-offset {margin: 0;}
.landing .holes .slider-custom {padding-right: 10%;}
.landing .text-slider .word-slider { display: flex; gap: 10px; white-space: nowrap; text-align: center;}
.landing .text-slider .word-slider div { min-width: 150px; text-align: center;}
.landing .text-slider .word-slider div .uk-heading-large {font-size: 6rem !important;letter-spacing: -5px; font-weight: 800;}
.landing .all-holes h2 {margin-bottom: -30px;}
.landing .feed-others {width: 90%; margin-left: 10%;}
.landing .feed-others .other-ind {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.landing .feed-others .other-ind .text {z-index: 1; position: relative;}
.landing .feed-others .other-ind .text-hover {opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.4s ease, max-height 0.4s ease;}
.landing .feed-others .other-ind:hover .text-hover{opacity: 1; max-height: 200px; }
.landing .feed-others .other-ind .uk-overlay-primary {opacity: 0;  transition: opacity 0.4s ease, max-height 0.4s ease;}
.landing .feed-others .other-ind:hover .uk-overlay-primary {opacity: 1;}
.landing .feed-rates h2 {margin-bottom: -30px;}
.landing .feed-rates .container-seasons {width: 85%; margin-left: 15%;}
.landing .feed-rates .container-seasons .uk-border-rounded {border: 2px solid white;}
.landing .feed-rates .container-seasons  .uk-border-rounded {background-color: #292929; }
.landing .feed-rates .container-seasons  h3.uk-heading-large {font-weight: 800; font-size: 6rem; color: white !important;}
.landing .feed-rates .container-seasons  h4.dates {margin-left: 30px; color: white;}
.landing .feed-rates .container-seasons  .prices h4 {font-weight: 800; border-bottom: 2px solid white; color: white;}
.landing .feed-rates .container-seasons  .prices .price-ind {padding: 15px 0 0; }
.landing .feed-rates .container-seasons  .prices .price-ind .b-bottom { border-bottom: 1px solid white; color: white;}
.landing .feed-rates .container-seasons .uk-slide-active .uk-border-rounded {background-color: white; }
.landing .feed-rates .container-seasons .uk-slide-active h3.uk-heading-large {font-weight: 800; font-size: 6rem; color: #292929 !important;}
.landing .feed-rates .container-seasons .uk-slide-active h4.dates {margin-left: 30px; color: #292929;}
.landing .feed-rates .container-seasons .uk-slide-active .prices h4 {font-weight: 800; border-bottom: 2px solid #292929; color: #292929;}
.landing .feed-rates .container-seasons .uk-slide-active .prices .price-ind {padding: 15px 0 0; }
.landing .feed-rates .container-seasons .uk-slide-active .prices .price-ind .b-bottom { border-bottom: 1px solid #292929; color: #292929;}
.landing .feed-rates .container-seasons .slider-rates span {display: inline; width: max-content; background-color: transparent; color: white; border: 0; position: relative; top: 0px; margin-left: 20px; margin-right: 20px; font-size: 1.2rem !important;}
.landing .feed-rates .container-seasons .slider-rates {margin-top: 40px !important;}
.landing .feed-rates .container-seasons .uk-dotnav>.uk-active>* {background-color: transparent !important; border-top: 2px solid #a5182b !important;}
.landing .feed-rates .container-seasons .uk-dotnav>.uk-active>* span {color: #a5182b;}
.landing .feed-rates .container-seasons .uk-dotnav>span {background-color: transparent !important;}
.landing .feed-rates .container-seasons .uk-dotnav>.uk-active>span {background-color: transparent !important;color: #a5182b; }
.landing .feed-rates .container-seasons .uk-dotnav>*>* {width: 30px; height: 2px; border-radius: 0; border: 0; border-bottom: 1px; text-align: center;}
.landing .feed-rates .container-seasons .slider-rates a{display: flex; align-items: center; gap: 10px; font-size: 1.2rem !important;display: inline;}
.landing .feed-rates {padding-bottom: 10vh;}
.landing .feed-rates .bg-secondary {padding-bottom: 10vh;}
.landing .members-rates {margin-top: -15vh;}
.landing .members-rates .uk-accordion>:nth-child(n+2) {margin-top: 0;}
.landing .members-rates .uk-accordion>:last-child {border-radius: 30px;}
.landing .members-rates .member-ind {padding: 40px; border-radius: 30px 30px 0 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .1); padding-bottom: 30px; margin-top: -10px !important;}
.landing .members-rates .member-ind.uk-open {border-radius: 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, .4); z-index: 1; position: relative;}
.landing .members-rates .member-ind .uk-accordion-title {font-size: 2rem; font-weight: 800;}
.landing .members-rates .member-ind .price-ind {padding: 15px 0 0; }
.landing .members-rates .member-ind .price-ind .b-bottom { border-bottom: 1px solid #292929; color: #292929;}
.landing .members-rates .members-list li {border-bottom: 1px solid white;padding: 15px 0 0;}
.landing .new-ind .text {margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/* PORTFOLIO */
.header-with-video {height: 80vh;}
.portfolio #header-video {height: 80vh;}
.portfolio .header-gallery {position: absolute; bottom: 25px; right: 25px; z-index: 2;}
.portfolio .header-gallery.with-video {bottom: 75px;}
.portfolio .header-gallery-trigger {display: inline-flex; align-items: center; gap: 8px; color: white !important; background-color: rgba(0,0,0,0.45); border: 1px solid white; border-radius: 30px; padding: 10px 16px;}
.portfolio .header-gallery-trigger:hover {background-color: #a5182b; border-color: #a5182b;}
.portfolio .header-gallery-trigger .hg-count {font-size: 0.9rem; font-weight: 700; line-height: 1;}
.portfolio .intro h1 {margin-top: -100px; position: relative; z-index: 1;}
.portfolio .circle-yellow {width: 25px; height: 25px; background-color: #f8cb45; border-radius: 20px; display: block;}
.portfolio .circle-red {width: 25px; height: 25px; background-color: #a5182b; border-radius: 20px; display: block;}
.portfolio .text-slider .word-slider { display: flex; gap: 10px; white-space: nowrap; text-align: center;}
.portfolio .text-slider .word-slider div { min-width: 150px; text-align: center;}
.portfolio .text-slider .word-slider div .uk-heading-large {font-size: 6rem !important;letter-spacing: -5px; font-weight: 800;}
.portfolio .related-holes {width: 90%; margin-left: 10%;}
.portfolio .related-holes .feed-holes {width: 90%; margin-left: 10%;}
.portfolio .related-holes .uk-slider-container-offset {margin: 0;}
.portfolio .related-holes .slider-custom {padding-right: 10%;}


/* POST */
.feed-news .uk-card-body {padding: 20px;}
.feed-news .uk-card-body .uk-heading-xsmall {font-size: 1.4rem;}
/* paginacion de noticias */
.news-pagination > li > a {color: #26272E; font-size: 1rem; padding: 5px 12px;}
.news-pagination > li > a:hover {color: #a5182b;}
.news-pagination > .uk-active > span {color: #a5182b; font-weight: 700; padding: 5px 12px;}

/* titulos de las cards de noticias: mismo peso y sin transformaciones */
.new-ind .uk-button-secondary.uk-heading-xsmall {font-weight: 600 !important; text-transform: none; font-size: 1.4rem;}
.news .uk-card-body {padding: 25px;}

/* extractos de las cards: texto plano, 2 lineas con ellipsis
   (los posts traen h2/p/strong/enlaces dentro del desc: se aplana y neutraliza todo) */
.new-ind .text {display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #26272E !important; font-weight: 400 !important; font-size: 1rem !important; line-height: 1.5 !important;}
.new-ind .text * {display: inline !important; color: #26272E !important; font-size: 1em !important; font-weight: 400 !important; font-style: normal !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important;}
.new-ind .text br {display: none !important;}

/* extractos de las cards: los enlaces del contenido del post se ven como texto normal */
.new-ind .text a, .new-ind .text a * {color: inherit !important; text-decoration: none !important; font-weight: inherit !important; pointer-events: none;}

/* titulos largos: sin flecha :after en las cards de noticias (saltaba de linea) */
.feed-news .uk-button-secondary:after, .new-ind .uk-button-secondary:after {content: none;}

.post .club-intro iframe {width: 100%; max-width: 100%; aspect-ratio: 16 / 9; height: auto; border-radius: 10px;}

.post .header{min-height: 60vh; height: 60vh; }
.post .header h1 {position: relative; bottom: 10vh; margin-left: -40px;}
.post .new-ind .text {margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/* SERVICE */
.service .featureds {width: 90%; margin-left: 10%;}

/* 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: #a5182b;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: polarken;margin-right: 5px;}
#cookieClose:hover{color: #fff;}
#cookieNone{margin-top: 20px;}

#modal-cookies .uk-link{color: #a5182b;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #a5182b !important;}
#modal-cookies .uk-checkbox:checked{background-color: #a5182b;}
#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 .uk-nav-default>li>a {color: white; padding: 2px 0px;}
  footer .uk-nav-default>li>a:hover {color: #a5182b;}
  footer .footer-list {border-left: 1px solid white; padding-right: 30px;}
  footer .uk-nav-default .uk-nav-sub a {color: white;}
  footer .uk-nav-default .uk-nav-sub a.email {color: white; font-weight: 700;}
  footer .uk-nav-default .uk-nav-sub a:hover {color: #a5182b;}
  footer .footer-newsletter .uk-input {background-color: transparent;height: 50px; border-radius: 5px 0 0 5px;}
  footer .footer-newsletter .uk-button-arrow.white {border-radius: 0; border-radius: 0px 5px 5px 0px; height: 50px;}
  footer .form .uk-checkbox {border-color: white !important;}
  footer .form small {font-size: 0.8rem !important;}
  footer .form a {color: white; font-weight: 600;}

  footer li a, footer li {color: #fff; list-style: none !important; font-size: 1rem; line-height: 2;}
  footer li.uk-lead{font-weight: 700;}
  footer li a:hover {color: #a5182b;}
  footer small {font-size: 0.7rem;}

  .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;}

  .footer-legal-item {display: inline;}

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


  .uk-card-body .uk-button {padding: 0;}

/* ============================================================= */
/* RESPONSIVE                                                    */
/* Escalones: 1599 (<@xl) · 1199 (<@l) · 959 (<@m) · 767 · 639 (<@s) · 459 */
/* ============================================================= */

/* guarda global: nada debe generar scroll horizontal (html incluido: en iOS Safari el hidden solo en body no evita el paneo lateral) */
html, body {overflow-x: hidden;}

/* < @s el uk-container tiene 15px de padding y el offset de -25px del slider sobresale del viewport (5px de scroll lateral en mobile) */
@media (max-width: 639px){
  .uk-slider-container-offset {margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
}

/* < @m el slideshow de historia del club (uk-slideshow fuerza aspect-ratio 16:9) corta la pastilla de texto:
   se anula el ratio y un JS en landing.blade.php fija la altura del slide activo con transición suave */
@media (max-width: 959px){
  .club-time .uk-slideshow-items {aspect-ratio: auto !important; min-height: 320px; transition: height .5s ease;}
}
@media (prefers-reduced-motion: reduce){
  .club-time .uk-slideshow-items {transition: none;}
}

@media (max-width: 1599px){ /* < @xl : portátiles */
  .uk-heading-xlarge {font-size: 8.5rem; letter-spacing: -8px;}
  .landing .club-time .club-time-year {font-size: 8.5rem;}
  .landing .club-time .club-time-next {font-size: 4.5rem;}
  .home .text-slider .word-slider div .uk-heading-large,
  .landing .text-slider .word-slider div .uk-heading-large,
  .portfolio .text-slider .word-slider div .uk-heading-large {font-size: 5rem !important; letter-spacing: -4px;}
  .landing .feed-rates .container-seasons h3.uk-heading-large,
  .landing .feed-rates .container-seasons .uk-slide-active h3.uk-heading-large {font-size: 5rem;}
}

@media only screen and (max-width: 1199px){ /* < @l : menú offcanvas activo */
  .section-text {padding: 5vh;}
  .text.section-text {padding: 3vh !important;}

  /* tipografía grande, primer escalón */
  .uk-heading-xlarge {font-size: 7rem; letter-spacing: -6px;}
  .landing .club-time .club-time-year {font-size: 7rem;}
  .landing .club-time .club-time-next {font-size: 3.5rem;}
  .home .text-slider .word-slider div .uk-heading-large,
  .landing .text-slider .word-slider div .uk-heading-large,
  .portfolio .text-slider .word-slider div .uk-heading-large {font-size: 4.5rem !important; letter-spacing: -3px;}
  .landing .feed-rates .container-seasons h3.uk-heading-large,
  .landing .feed-rates .container-seasons .uk-slide-active h3.uk-heading-large {font-size: 4.5rem;}
}

@media (max-width: 1024px){ /* ipad */
  .text-columns {column-gap: 30px;}
}

@media (max-width: 959px){ /* < @m : los grids de UIkit ya apilan */
  .marquee .uk-height-small {height: auto;}
  .home .text-slider .word-slider {height: 60px;}
  .uk-overlay-primary {background: linear-gradient(to bottom, transparent 0%, #171919 40%);}
  .uk-heading-xsmall.uk-button-secondary:after {width: 28px; height: 18px;}
  .vertical, .vertical-text {writing-mode: horizontal-tb;transform: rotate(0deg);}

  /* deco "200 hectáreas" fuera en móvil: se superpone al contenido */
  .holes > .uk-position-top-right {display: none;}

  .section-large{padding: 5%;}

  /* tipografía */
  h1 {font-size: 2.4rem;}
  .home h1 {font-size: 2.6rem;}
  h3 {font-size: 1.8rem;}
  .uk-heading-xlarge {font-size: 4.5rem; letter-spacing: -3px;}
  .uk-heading-large {font-size: 2.8rem;}
  .uk-heading-medium {font-size: 2.3rem;}
  .uk-heading-small {font-size: 1.8rem;}
  .uk-heading-xsmall {font-size: 1.4rem;}

  /* márgenes negativos de escritorio, fuera */
  .home .intro h3 {margin-top: 0;}
  .landing .header h1 {margin-left: 0; bottom: 6vh;}
  .post .header h1 {margin-left: 0; bottom: 6vh;}
  .portfolio .intro h1 {margin-top: -50px;}
  .home .holes h2, .landing .holes h2 {left: 0;}
  .landing .all-holes h2, .landing .feed-rates h2 {margin-bottom: 0;}

  /* feeds de hoyos: mismo aspecto que desktop (indentado + última tarjeta asomando) */
  .home .holes .container-feed-holes, .landing .holes .container-feed-holes {width: calc(100% - 30px); margin-left: 15px;}
  .home .holes .feed-holes, .landing .holes .feed-holes {width: 94%; margin-left: 6%; margin-top: -10vh;}
  .home .holes .slider-custom, .landing .holes .slider-custom {padding-right: 12%;}
  .portfolio .related-holes {width: 94%; margin-left: 6%;}
  .portfolio .related-holes .feed-holes {width: 100%; margin-left: 0;}
  .portfolio .related-holes .slider-custom {padding-right: 12%;}
  .landing .feed-others {width: calc(100% - 30px); margin-left: 15px;}
  .landing .feed-rates .container-seasons {width: calc(100% - 30px); margin-left: 15px;}
  .service .featureds {width: calc(100% - 30px); margin-left: 15px;}

  .home .intro .intro-image {padding-bottom: 0; margin-bottom: 5vh;}
  .home .holes .bg-secondary {padding: 5vh;}

  /* texto a una columna */
  .text-columns {column-count: 1;}

  /* timeline del club */
  .landing .club-time .club-time-year {font-size: 4rem; margin-right: 0;}
  .landing .club-time .club-time-next {display: none;}
  /* .landing .club-time .uk-slideshow-items {min-height: 420px;} */
  .landing .club-time .container-arrows {position: relative; bottom: auto; right: auto; width: auto; text-align: center; margin-top: 15px;}
  .landing .club-time .container-arrows .uk-slidenav {position: relative !important; display: inline-flex; margin: 0 5px; transform: none; left: auto; right: auto;}

  /* tarifas */
  .landing .feed-rates .container-seasons h4.dates,
  .landing .feed-rates .container-seasons .uk-slide-active h4.dates {margin-left: 0;}
  .landing .members-rates {margin-top: -8vh;}
  .landing .members-rates .member-ind {padding: 25px;}
  .landing .members-rates .member-ind .uk-accordion-title {font-size: 1.5rem;}

  /* footer */
  footer .footer-list {border-left: 0; padding-right: 0;}
  footer .uk-flex-right {justify-content: flex-start;}
  footer .uk-text-center {text-align: left !important;}

  /* notificaciones */
  .uk-notification {width: calc(100vw - 20px); left: 10px !important; margin-left: 0;}
  .uk-notification-top-center {margin-left: 0;}

  /* legacy */
  .psf-selector{min-width: auto;}
  .twitter-typeahead, .select2-container{width: 100% !important;}
  .reset-filters{padding: 10px 0 0;}
  .pf-container .uk-container{padding: 0;}

  .landing .holes .bg-secondary {padding: 5vh;}
  .landing .other-ind .uk-border-rounded.left {border-radius: 30px !important;}

}

@media (max-width: 767px){ /* medium-small */
  h1 {font-size: 2.1rem;}
  .home h1 {font-size: 2.2rem; padding: 0 15px;}
  .uk-heading-xlarge {font-size: 3.4rem; letter-spacing: -2px;}
  .uk-heading-large {font-size: 2.4rem; letter-spacing: 0;}
  .uk-heading-medium {font-size: 2rem; letter-spacing: 0;}

  .home .header {min-height: 70vh; height: 70vh;}
  .page .header, .landing .header, .post .header {min-height: 45vh; height: 45vh;}
  .header-with-video, .portfolio #header-video {height: 60vh;}

  .home .text-slider .word-slider div .uk-heading-large,
  .landing .text-slider .word-slider div .uk-heading-large,
  .portfolio .text-slider .word-slider div .uk-heading-large {font-size: 2.8rem !important; letter-spacing: -1px; height: 60px;}
  .home .text-slider .word-slider div, .landing .text-slider .word-slider div, .portfolio .text-slider .word-slider div {min-width: 90px;}

  .landing .feed-rates .container-seasons h3.uk-heading-large,
  .landing .feed-rates .container-seasons .uk-slide-active h3.uk-heading-large {font-size: 3.2rem;}

  .uk-button {padding: 0.6rem 1.5rem;}
  main h1 span, main h2 span, main h3 span, main h4 span, main h5 span {padding: 0 10px; border-radius: 20px;}
  .uk-border-rounded {border-radius: 20px !important;}
  .uk-border-rounded.top {border-radius: 20px 20px 0px 0px !important;}
  .uk-border-rounded.left {border-radius: 20px 0px 0px 20px !important;}
  .uk-border-rounded.right {border-radius: 0px 20px 20px 0px !important;}
}

@media only screen and (max-width: 639px){ /* < @s */
  /* modal hazte socio: en mobile solo el formulario, sin foto */
  #modal-full-members .uk-background-cover {display: none;}
  .footer-legal {width: 100%;}
  .footer-legal-item {display: block; text-align: left; margin-bottom: 8px;}
  .uk-navbar-left img {width: 115px;}
  .uk-navbar-right {gap: 10px;}
  .uk-button-book {font-size: 0.85rem; padding: 0.5rem 1rem;}
  #offcanvas-nav .uk-offcanvas-bar.offcanvas-menu {width: 85vw; padding: 30px 25px;}

  /* gutters y aire de secciones */
  .uk-container {padding-left: 20px; padding-right: 20px;}
  .uk-padding-large {padding: 25px 20px;}
  .portfolio .intro h1 {margin-top: -30px;}

  h1 {font-size: 1.9rem;}
  .uk-heading-xlarge {font-size: 2.8rem; letter-spacing: -1px;}
  .landing .club-time .club-time-year {font-size: 3rem;}
  /* .landing .club-time .uk-slideshow-items {min-height: 480px;} */
  .landing .club-time .slide-text .uk-padding-large {padding: 25px;}

  .home .holes .feed-holes, .landing .holes .feed-holes {margin-top: -6vh;}
  /* tarjetas a 1 col: la siguiente asoma cortada por la derecha */
  .home .holes .slider-custom, .landing .holes .slider-custom, .portfolio .related-holes .slider-custom {padding-right: 22%;}
  .footer-logo img {max-width: 180px;}
  .portfolio .header-gallery {bottom: 15px; right: 15px;}
  .portfolio .header-gallery.with-video {bottom: 65px;}
  .portfolio .header-gallery-trigger {padding: 8px 12px;}

    .uk-heading-xlarge {font-size: 3.5rem; letter-spacing: -3px;}
  .uk-heading-large {font-size: 2.2rem;}
  .uk-heading-medium {font-size: 2rem;}
  .uk-heading-small {font-size: 1.6rem;}
  .uk-heading-xsmall {font-size: 1.2rem;}
  .uk-card-body {padding: 30px 30px !important;}

}

@media (max-width: 459px){ /* x-small */
  .uk-navbar-left img {width: 100px;}
  .uk-button-book {font-size: 0.8rem; padding: 0.45rem 0.8rem;}
  h1 {font-size: 1.7rem;}
  .home h1 {font-size: 1.9rem;}

    .uk-card-body {padding: 20px 20px !important;}

}