/* Baja el buscador del banner solo en la home de escritorio */
@media (min-width: 992px) {
  body.home .top-banner-wrap .search-banner-desktop {
    position: relative;
    top: 45px;
  }
}
/* Título principal de la home */
body.home .top-banner-wrap .banner-title {
  font-family: 'Manrope', sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.15;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}

/* Frase debajo del título */
body.home .top-banner-wrap .banner-subtitle {
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

/* Tamaños para móvil */
@media (max-width: 767px) {
  body.home .top-banner-wrap .banner-title {
    font-size: 30px;
  }

  body.home .top-banner-wrap .banner-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  body.home .top-banner-wrap .banner-subtitle {
    max-width: 15em;
    margin-inline: auto;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
  }
}

/* Botón del buscador en el banner de la home */
body.home .top-banner-wrap .search-banner button[type="submit"] {
  background-color: #14243A !important;
  border-color: #14243A !important;
  color: #FFFFFF !important;
  font-weight: 600;
}

/* Al pasar el cursor o seleccionarlo con el teclado */
body.home .top-banner-wrap .search-banner button[type="submit"]:hover,
body.home .top-banner-wrap .search-banner button[type="submit"]:focus {
  background-color: #233B56 !important;
  border-color: #233B56 !important;
  color: #FFFFFF !important;
}
/* Acceso compacto en la cabecera de ordenador */
@media (min-width: 992px) {
  #homey_nav_sticky .login-register > li {
    display: none;
  }

  #homey_nav_sticky .login-register > li:first-child {
    display: inline-block;
  }

  #homey_nav_sticky .login-register a[data-target="#modal-login"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 0;
    border-radius: 50%;
  }

  #homey_nav_sticky .login-register a[data-target="#modal-login"]::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background-color: #14243A;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='9' r='3'/%3E%3Cpath d='M5 19c1-6 13-6 14 0'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='9' r='3'/%3E%3Cpath d='M5 19c1-6 13-6 14 0'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  #homey_nav_sticky .login-register a[data-target="#modal-login"]:hover {
    background-color: #F1EBE2;
  }

  #homey_nav_sticky .login-register a[data-target="#modal-login"]:focus-visible {
    outline: 2px solid #14243A;
    outline-offset: 3px;
  }
}
/* Buscador completo en el banner móvil de la home */
@media (max-width: 767px) {

  /* Ocultar el acceso compacto */
  body.home .top-banner-wrap .search-banner-mobile {
    display: none !important;
  }

  /* Mostrar el formulario completo */
  body.home .top-banner-wrap .search-banner-desktop {
    display: block !important;
    position: relative;
    top: auto;
    width: 100%;
    max-width: 360px;
    margin: 24px auto 0;
  }

  /* Campos apilados */
  body.home .top-banner-wrap .search-banner-desktop form {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  body.home .top-banner-wrap .search-banner-desktop
  form > .search-destination,
  body.home .top-banner-wrap .search-banner-desktop
  form > .search-date-range,
  body.home .top-banner-wrap .search-banner-desktop
  form > .search-guests,
  body.home .top-banner-wrap .search-banner-desktop
  form > .search-button {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Llegada y salida, una debajo de otra */
  body.home .top-banner-wrap .search-banner-desktop
  .search-date-range {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  body.home .top-banner-wrap .search-banner-desktop
  .search-date-range-arrive,
  body.home .top-banner-wrap .search-banner-desktop
  .search-date-range-depart {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Aspecto de los campos */
  body.home .top-banner-wrap .search-banner-desktop
  .form-control {
    height: 50px;
    border-radius: 8px;
    font-size: 16px;
  }

  /* Botón de búsqueda */
  body.home .top-banner-wrap .search-banner-desktop
  button[type="submit"] {
    width: 100%;
    min-height: 50px;
    border-radius: 8px;
  }
}
/* Mantener los desplegables del buscador sobre la tarjeta */
@media (max-width: 767px) {
  body.home .top-banner-wrap {
    position: relative;
    z-index: 20;
    overflow: visible;
  }

  body.home .top-banner-wrap .search-guests-wrap,
  body.home .top-banner-wrap .search-calendar {
    z-index: 100;
  }
}
@media (max-width: 767px) {
  /* Permite que la tarjeta se superponga a la fotografía */
  body.home .top-banner-wrap {
    z-index: auto;
  }

  /* Mantiene el buscador y sus desplegables por delante */
  body.home .top-banner-wrap .banner-caption {
    z-index: 30;
  }
}
body.home .top-banner-wrap .banner-title {
  font-family: 'Poppins', 'Manrope', sans-serif;
  font-weight: 600;
}
@media (min-width: 992px) {
  body.home .top-banner-wrap {
    overflow: visible;
    z-index: auto;
  }

  body.home .top-banner-wrap .banner-caption {
    z-index: 30;
  }
}
/* Marbella Vacances · Destinos del buscador de portada */
body.home .top-banner-wrap .search-destination .dropdown-toggle {
  background-color: #fff;
  color: #14243A;
  border-color: #DED5C8;
}

body.home .top-banner-wrap .search-destination .dropdown-menu {
  background-color: #FAF8F5;
  border-color: #DED5C8;
  color: #14243A;
}

body.home .top-banner-wrap .search-destination .dropdown-menu li > a {
  color: #14243A;
}

body.home .top-banner-wrap .search-destination .dropdown-menu li > a:hover,
body.home .top-banner-wrap .search-destination .dropdown-menu li > a:focus {
  background-color: #F0E8DC;
  color: #14243A;
}

body.home .top-banner-wrap .search-destination .dropdown-menu li.selected > a,
body.home .top-banner-wrap .search-destination .dropdown-menu li.active > a {
  background-color: #14243A;
  color: #fff;
}

body.home .top-banner-wrap .search-destination .bs-searchbox input:focus {
  border-color: #B49A75;
  outline: 2px solid #B49A75;
  outline-offset: 1px;
}
.grecaptcha-badge {
  visibility: hidden;
}