/* =====================================================================
 * CERCA CUSTOM
 * ---------------------------------------------------------------------
 * Qué:      Overrides de la página Cerca (buscador de localidades).
 * Creado:   2026-05-21
 * Revisar:  2026-06-15: cerca feed, ajustes para que la curva no se vea en la hero y en el feed.
 * ===================================================================== */

/* ---------------------------------------------------------------------
 * BIENVENIDA | body class: .cerca-config
 * ------------------------------------------------------------------- */
/* ORG | hero-welcome */
.cerca-config .ft-org-hero-welcome {
  min-height: 14rem;
}

@media only screen and (min-width: 1024px) {
  .cerca-config .ft-org-hero-welcome {
    min-height: 18rem;
  }
}

.cerca-config .ft-org-hero-welcome p {
  margin-right: 2rem;
  margin-left: 2rem;
}

/* ORG: search autocomplete */
.cerca-config .ft-org-search-autocomplete {
  max-height: none;
  min-height: fit-content;
}

.cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content section {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 1024px) {
  .cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content section {
    margin-top: 2rem;
  }
}

.cerca-config .ft-org-search-autocomplete__content .ft-helper-fontSize-heading-XXS {
  margin-bottom: 0;
  flex-basis: 100%;
}

.cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  max-height: none;
  min-height: 20rem;
}

@media only screen and (min-width: 1024px) {
  .cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content {
    min-height: 15rem;
  }
}

.cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content h2,
.cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content h3,
.cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content h4,
.cerca-config .ft-org-search-autocomplete .ft-org-search-autocomplete__content h5 {
  margin-top: 0;
}

/* ORG: tags */
.cerca-config .ft-org-suggestions-chips {
  padding-top: 4rem;
}

.cerca-config .ft-cerca-localidades-list__tags {
  justify-content: center;
}

.cerca-config .ft-org-search-autocomplete ul:has(.ft-tag--chip) {
  margin-bottom: 0;
  justify-content: center;
}

.cerca-config .ft-org-suggestions-chips .ft-org-suggestions-chips__content p {
  margin-top: 0;
  margin-bottom: 0.3rem;
}

@media only screen and (min-width: 1024px) {
  .cerca-config .ft-org-suggestions-chips .ft-org-suggestions-chips__content p {
    margin-bottom: 0.5rem;
    flex-basis: 100%;
  }
}

.cerca-config .ft-org-suggestions-chips .ft-org-suggestions-chips__content {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: center;
  align-content: flex-start;
  min-height: 13rem;
}

@media only screen and (min-width: 1024px) {
  .cerca-config .ft-org-suggestions-chips .ft-org-suggestions-chips__content {
    min-height: 18rem;
  }
}

/* MOL: form  */
.cerca-config .ft-org-suggestions-chips .ft-mol-form {
  margin-right: auto;
  margin-left: auto;
  max-width: 32rem;
}

@media only screen and (min-width: 1024px) {
  .cerca-config .ft-org-suggestions-chips .ft-mol-form {
    max-width: 50rem;
  }
}

.cerca-config .ft-org-suggestions-chips .ft-mol-form__label {
  font-style: italic;
  font-size: 1.5rem;
}

.cerca-config .ft-org-suggestions-chips ul {
  justify-content: flex-start;
}

/* ORG: sticky-panel  */
.cerca-config .ft-org-sticky-panel--bttm {
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.15);
}

.cerca-config .ft-mol-sticky-panel--bttm .ft-mol-btnGroup {
  padding-top: 0;
}

.cerca-config .ft-mol-sticky-panel--bttm .ft-mol-sticky-panel__chips-list {
  margin-bottom: 1.5rem;
}

/* ---------------------------------------------------------------------
 * FEED | body class: .cerca-feed
 * ------------------------------------------------------------------- */
/* ORG HERO */
.cerca-feed .ft-org-hero-welcome::after {
  display: none;
}

/* ORG SUGGESTIONS */
.cerca-feed .ft-org-suggestions-chips::after {
  display: none;
}

.ft-skin--cerca-buscador .ft-org-suggestions-chips {
  padding-top: 0;
}

/* ORG SEARCH: autocomplete */
.cerca-feed .ft-org-search-autocomplete__content section {
  margin-top: 0;
}

.cerca-feed .ft-org-search-autocomplete {
  align-content: flex-start;
}

/* ---------------------------------------------------------------------
 * STICKY STACK: cerca-actions
 * ------------------------------------------------------------------- */
[data-sticky-stack-shell-inner] [data-sticky-stack-variant="cerca-actions"] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
  padding-inline: 1.6rem;
}

[data-sticky-stack-shell-inner] [data-sticky-stack-variant="cerca-actions"].ft-mol-btnGroup {
  padding: 0;
  min-height: auto;
  gap: 1rem;
}

[data-sticky-stack-shell-inner] [data-sticky-stack-variant="cerca-actions"] .ft-btn {
  margin: 0;
  flex: 0 0 auto;
}

@media only screen and (min-width: 768px) {
  [data-sticky-stack-shell-inner] [data-sticky-stack-variant="cerca-actions"].ft-mol-btnGroup {
    justify-content: center;
  }
}