:root {
  --blue-primary: #183264;
  --blue-secondary: #027c97;
  --third-blue: #2cccd3;
  --medium-blue: #3e66db;
  --white: #fff;
  --dark-gray: #3d4d5f;

  --blue-background: #f9fbff;
  --blue-background-hover: #f1f4ff;
  --blue-background-active: #cfd9f6;

  --filter-medium-blue: brightness(0) saturate(100%) invert(29%) sepia(96%)
    saturate(1488%) hue-rotate(212deg) brightness(94%) contrast(82%);
  --filter-white: brightness(0) saturate(100%) invert(99%) sepia(0%)
    saturate(521%) hue-rotate(66deg) brightness(120%) contrast(100%);
  --filter-third-blue: brightness(0) saturate(100%) invert(63%) sepia(23%)
    saturate(1233%) hue-rotate(134deg) brightness(102%) contrast(93%);
  --filter-blue-light: brightness(0) saturate(100%) invert(86%) sepia(53%)
    saturate(6665%) hue-rotate(186deg) brightness(98%) contrast(92%);
  --filter-blue-background: brightness(0) saturate(100%) invert(100%) sepia(27%)
    saturate(5265%) hue-rotate(179deg) brightness(107%) contrast(108%);
  --filter-blue-background-hover: brightness(0) saturate(100%) invert(99%)
    sepia(54%) saturate(5694%) hue-rotate(179deg) brightness(111%)
    contrast(101%);
  --filter-blue-background-active: brightness(0) saturate(100%) invert(97%)
    sepia(47%) saturate(4249%) hue-rotate(178deg) brightness(100%) contrast(93%);
  --filter-grey-dark: brightness(0) saturate(100%) invert(27%) sepia(10%) 
    saturate(1588%) hue-rotate(172deg) brightness(91%) contrast(83%);
}

/* Buscador formularios estilos generales */
.search-icon,
.search-icon-mobile {
  width: 24px;
  height: 24px;
  background-image: url("/hospital/wp-content/plugins/ascires/config/assets/search-2-line.svg;");
  background-size: cover;
}
  .search-column label,
  .select-column label {
  font-size: 20px;
  margin-bottom: 20px;
}
.search-container.active {
  width: 100%;
}
.search-input-general:hover ~ .arrow-search img {
  filter: var(--filter-blue-background-hover);
}
.search-input-general:active ~ .arrow-search img {
  filter: var(--filter-blue-background-active);
}
.search-container.active .search-icon,
.search-icon-section,
.search-container:hover .search-icon {
  filter: var(--filter-medium-blue);
}
.search-icon-mobile {
  display: none;
}
  .search-icon,
  .search-icon-section {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  pointer-events: none;
  transition: left 0.1s ease;
}
.search-close {
  display: none;
  margin-bottom: 10px;
  padding: 4px 15px 4px 5px;
  color: var(--blue-secondary);
  cursor: pointer;
}
.search-close:hover {
  font-weight: 900;
  background: #f9fbff;
  border-radius: 30px;
}
.search-icon.expanded {
  top: 74%;
  left: 10px;
}
.search-close img {
  width: 24px;
}
.search-close:hover img {
  filter: var(--filter-third-blue);
}
.more-results {
  display: none;
}
.search-results #filter-general-search {
  display: block;
}

/* Iconos buscadores */
.arrow-search {   
    position: absolute;
    background: transparent;
    width: 38px;
    height: 38px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
  }
  .arrow-search img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 2;
    object-fit: cover;
  }
  .arrow-search:hover img {
    filter: none !important;
  }
  .arrow-search::before {
    content: "";
    opacity: 1;
    position: absolute;
    background: var(--blue-secondary);
    width: 90%;
    height: 90%;
    border-radius: 50%;
    top: 5%;
    left: 3%;
    z-index: 1;
  }
  .arrow-search:hover::before {
    background: var(--white);
  } 
    .arrow-search img {
    filter: var(--filter-blue-background);
  } 
  .site-header .search-container .arrow-search {
    display: none;
  }
  .site-header .search-container.active .arrow-search {
    display: block;
    right: 5px;
    top: 47px;
  }
  .search-container-section .arrow-search,   #search-form-clinic .arrow-search {   
    top: 3px;
    right: 5px;
  }  
  .search-results .arrow-search {    
    right: 5px;
    top: 95px;
  } 
  .shortcode-search {
    position: relative;
  }
  .shortcode-search #predictive-search-results {  
    z-index: 10;
  }
  .shortcode-search.active #predictive-search-form{
    background: #fff !important;
  }
  .shortcode-search.active #predictive-search-results ul {
    background-color: var(--blue-background);
  }
  .shortcode-search.active .head-container .cargo, .shortcode-search.active .head-container .service {
    border-top: 0px !important;
  }
  .shortcode-search.active #predictive-search-results {
    background: transparent;
  }
  .shortcode-search .arrow-search {   
    right: 5px;
    top: 25px;
  } 
  .shortcode-search .search-icon {
    top: 65% !important;
    left: 10px !important;
  }
  .shortcode-search .line {
    top: 45px;
    right: 60px;
  } 
  .shortcode-search .empty-search {
    top: 45px;
  } 
  #search-form-team.active .empty-search, #search-form-team.active .line, 
  #search-form-clinic.active .empty-search, #search-form-clinic.active .line,
  #search-form-section.active .empty-search,  #search-form-section.active .line {
      top: 23px;
  }
  .site-header.expanded   .empty-search, .search-results  .active .empty-search,
  .site-header.expanded   .line, .search-results  .active .line,
  .shortcode-search.active   .empty-search, .shortcode-search.active   .line,
  #search-form-clinic.active .empty-search, #search-form-clinic.active .line, #search-form-team.active .empty-search,
  #search-form-team.active .line, #search-form-section.active .empty-search, #search-form-section.active .line {
    opacity: 1;
    display: block !important;
    pointer-events: all;
  }
/* Buscador formularios estilos generales */

/* Buscador general*/
.search-input-general {
  border: 1px solid #c5ccd8;
  border-radius: 24px;
}
.search-input-section,
.search-input-general {
  padding: 0px 10px 0px 40px;
  font-size: 100%;
  font-weight: 400;
  color: #8b98b1;
  background: var(--blue-background);
}
.search-input-section:hover,
.search-input-general:hover {
  border: 1px solid var(--medium-blue);
  background: var(--blue-background-hover);
}
.search-input-section:active,
.search-input-general:active {
  border: 1px solid var(--medium-blue);
  background: var(--blue-background-active);
}
 #predictive-search-results {
  display: flex;
  align-items: center;
  position: relative;
}
.search-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-header   .card-container,
.shortcode-search   .card-container {
  display: flex;
  position: relative;
}
.search-input-general {
  width: 140px;
  height: 32px;
}
.shortcode-search {
  display: flex;
  justify-content: center;
}
.search-input-general.expanded,
.search-input-general.expanded:focus-within {
  width: 100%;
  height: 48px;
  border: 1px solid var(--medium-blue);
  color: var(--medium-blue);
  outline: none !important;
}
.shortcode-search .search-input-general, .shortcode-search #predictive-search-results {
  width: 600px;
}
.site-header #predictive-search-form.active .search-input-general,
.shortcode-search.active .search-input-general{
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom: 1px solid #cfd9f6 !important ;
  border-top: 1px solid var(--medium-blue) !important;
  border-left: 1px solid var(--medium-blue) !important;
  border-right: 1px solid var(--medium-blue) !important;
  font-weight: 900;
}
.site-header .list-section,
.shortcode-search .list-section {
  display: block !important;
  width: 100% !important;
  box-shadow: none;
  padding: 0px;
  margin-bottom: 20px !important;
  text-align: left;
}
.site-header   .list-section:hover .head-container,
.shortcode-search   .list-section:hover .head-container {
  display: block !important;
  background-color: var(--white);
  width: 100% !important;
  border-radius: 10px;
  padding-left: 24px;
}
.site-header .list-section:hover .head-container::before,
.shortcode-search .list-section:hover .head-container::before {
  content: "";
  background-image: url(/hospital/wp-content/themes/breakdance-zero-theme-master/assets/ico-read-more.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  filter: var(--filter-third-blue);
  left: 0%;
  top: 22%;
}
.site-header   .content-type-search,
.shortcode-search   .content-type-search {
  display: block;
  text-transform: capitalize;
}
.site-header .list-section:hover .content-type-search,
.shortcode-search .list-section:hover .content-type-search {
  color: var(--blue-secondary);
}
.site-header   .list-section .read-more,
.shortcode-search   .list-section .read-more {
  display: none !important;
}
.site-header #predictive-search-results {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.site-header   .no-results,
.shortcode-search   .no-results {
  border: 1px solid var(--medium-blue);
  padding: 20px;
  border-top: 0px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: left;
}
body.search .icon-text-border-left {
  border-left: 0px;
}
body.search .top-header {
  justify-content: flex-end;
}
.search-results  .active .empty-search {
  right: 65px;
  top: 115px;
}
  .empty-search {
  opacity: 0;
  content: "";
  background-image: url(/hospital/wp-content/plugins/ascires/config/assets/close-ico.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 70px;
  top: 67px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  filter: var(--filter-blue-light);
  cursor: pointer;
  pointer-events: none;
}
.search-results   .line {
  right: 55px;
  top: 115px;
}
  .line {
  opacity: 0;
  position: absolute;
  content: "";
  right: 60px;
  top: 66px;
  transform: translateY(-50%);
  height: 24px;
  border-right: 1px solid #cfd9f6;
}
#masthead.expanded {
  height: 80vh;
}
#predictive-search-results {
  position: absolute;
  top: 100%;  
  color: var(--dark-gray);
  /*overflow-y: hidden;
  overflow-x: hidden;*/
  width: 100%;
  display: none;
  z-index: 1000;
  background-color: var(--blue-background);
}
.shortcode-search #predictive-search-results {
  top: 100%;
}
#predictive-search-results.show {
  display: block;
}
.site-header #predictive-search-results ul {
  background: var(--blue-background) !important;
}
#predictive-search-results ul {
  list-style-type: none;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--medium-blue);
  border-top: 0px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 100%;
}
#predictive-search-results h2 {
  margin-bottom: 10px;
  font-size: 125% !important;
}
#predictive-search-results .cargo {
  margin-left: 0px;
  border-left: 0px;
  padding-left: 0px;
  color: var(--dark-gray) !important;
  font-size: 100% !important;
}
#predictive-search-results .titular-3 {
  font-weight: 900;
}
  .card-container .read-more {
  color: var(--blue-primary);
}
.site-header #predictive-search-results .more-results,
.shortcode-search #predictive-search-results .more-results {
  display: block;
  text-align: center;
  color: var(--blue-primary);
  text-decoration: none;
}
#predictive-search-results .more-results:hover {
  font-weight: 900;
  color: var(--blue-secondary);
}
 #predictive-search-results .head-container {
  margin-bottom: 0px;
  position: relative;
}
#predictive-search-results .card-container {
  padding: 0px;
}
.search-results #predictive-search-results .card-container {
    padding: 20px;
}
#predictive-search-results li:hover strong {
  color: var(--blue-secondary);
}
#predictive-search-results .service,
#predictive-search-results .toggle-services,
#predictive-search-results .content-section,
#predictive-search-results .pagination,
#predictive-search-results .img-card,
#predictive-search-results .separator,
#predictive-search-results .services-container,
#predictive-search-results .results-content {
  display: none;
}
/* Buscador general*/

/* Buscador formulario sección*/
.search-input-section {
  border-radius: 40px;
  border: 1px solid var(--medium-blue);
}
.select-column select {
  border: 1px solid var(--medium-blue);
  border-radius: 40px;
  padding: 0px 10px 0px 45px;
  background: var(--blue-background);
}
.filter-doctors {
  position: absolute;
  width: 24px;
  height: 24px;
  pointer-events: none;
  left: 3%;
  top: 65%;
}
.specialty-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select-arrow {
  position: absolute;
  right: 3%;
  top: 78%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 24px;
  height: 24px;
}
.search-container-section {
  display: flex;
  align-items: flex-start;
  padding: 20px 0px;
  flex-wrap: wrap;
}
#search-form-team .search-container-section {
  gap: 40px;
}
#search-form-section .search-container-section {
  gap: 20px;
  align-items: center;
}
.search-column,
.select-column {
  display: flex;
  flex-direction: column;
  position: relative;
}
#search-form-team .search-column {
  width: 60%;
}
#search-form-team .select-column {
  width: 36%;
}
#search-form-section .search-column {
  width: 30%;
}
#search-form-section .tags-column {
  width: 68%;
}
.search-input-wrapper {
  position: relative;
}
.search-input-section,
.select-column select {
  width: 100%;
  height: 45px;
}
.tags-column {
  width: 45%;
  border-left: 1px solid #d9d9d9;
  padding-left: 20px;
}
  .title-tags {
  font-size: 125%;
  color: #183264;
  padding-bottom: 20px;
  display: block;
}
#content-type-tags,
#results-tags {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
#results-tags {
  justify-content: flex-end;
}
.tag-filter [type="checkbox"] {
  display: none;
}
#content-type-tags .tag-filter span,
#results-tags .tag-filter span {
  border: 1px solid #6e8ce4;
  padding: 8px 20px 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  background: var(--blue-background);
}
#content-type-tags .tag-filter span:hover,
#content-type-tags .tag-filter input:checked + span:hover,
#content-type-tags .tag-filter span:focus-within,
#content-type-tags .tag-filter input:checked + span:focus-within,
#results-tags .tag-filter span:hover,
#results-tags.tag-filter input:checked + span:hover,
#results-tags .tag-filter span:focus-within,
#results-tags .tag-filter input:checked + span:focus-within {
  background: #e8f9f9;
  border: none;
  text-decoration: underline;
  font-weight: 900;
  border: 2px solid #e8f9f9;
}
#content-type-tags .tag-filter input:checked + span,
#results-tags .tag-filter input:checked + span {
  background: #caf2f4;
  font-weight: 900;
  border: 2px solid var(--third-blue);
}
.separator {
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-color: var(--blue-background-active);
}
/* Buscador formulario sección*/

/* Página resultados de búsqueda */
#predictive-search-results .total-results strong {
  color: var(--blue-secondary);
}
.search-results .total-results {
  display: block !important;
}
.search-results .section-container {
  margin-top: -40px !important;
}
.search-results .search-input-general.writing,
.search-results .search-input-general,
.shortcode-search .search-input-general {
  border-radius: 40px;
  height: 48px;
  border: 1px solid var(--medium-blue);
  margin-top: 20px;
  color: var(--medium-blue);
  font-weight: 900;
}
.search-results .search-container,
.search-results .search-input-general {
  width: 100%;
}
.search-results  #predictive-search-results {
  display: block;
}
.search-results #predictive-search-results {
  display: block;
  position: static;
  background-color: var(--white);
}
.search-results  #predictive-search-results .head-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.search-results #predictive-search-results ul {
  margin-top: 50px;
  border: 0px;
  max-height: 100%;
  background-color: var(--white);
}
.search-results .search-container .search-icon {
  filter: var(--filter-medium-blue);
  top: 58%;
  left: 8px;
}
.search-results .search-container {
  /*  background: var(--blue-background);*/
  align-items: normal;
  padding-top: 40px;
  padding-bottom: 60px;
}
.search-results .active #query-result {
  font-size: 60px;
  margin-top: 20px;
  border-bottom: 1px solid #9eb2ed;
  margin-bottom: 40px;
  display: block;
}
.search-results #predictive-search-results .related_services .list-services {
  margin-bottom: 0px;
}
.content-type, .content-type-search {
  display: none;
}
.search-results #predictive-search-results .content-type {
  display: block;
  color: var(--medium-blue);
  font-size: 18px;
  margin-bottom: 10px;
}
.search-results #predictive-search-results .more-results,
.search-results #predictive-search-results .search-close,
.no-header {
  display: none;
}
.search-results  #predictive-search-results .toggle-services,
.search-results  #predictive-search-results .content-section,
.search-results  #predictive-search-results .img-card,
.search-results  #predictive-search-results .separator,
.search-results  #predictive-search-results .services-container,
.search-results #predictive-search-results .read-more,
.search-results #predictive-search-results .results-content,
.search-results #predictive-search-results .name-doctor,
.search-results .no-header {
  display: block;
}
.search-results  #predictive-search-results .service,
.search-results  #predictive-search-results .pagination {
  display: flex;
}
/* Página resultados de búsqueda */

/* Buscador clínicas */
.search-clinics .tooltip::after{
  padding: 5px 30px 30px 30px;
}
.search-clinics {
  overflow-y: hidden;
}
.search-container-clinic {
  text-align: center;
}
.search-container-clinic label {
  font-size: 20px;
  color: var(--blue-primary);
}
#search-form-clinic .search-input-wrapper {
  margin-top: 20px;
}
#search-form-clinic .card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
}
#search-form-clinic .card-grid .list-section {
  padding: 0px;
}
#search-form-clinic .card-container {
  width: 100%;
  padding: 0px;
  grid-template-columns: 1fr;
  text-align: left;
}
#search-form-clinic .service {
  display: none;
}
#search-form-clinic .titular-3 {
  font-weight: 900;
  font-size: 18px;
}
#search-results-clinic .img-card {
  width: 100%;
  height: 220px;
  object-fit: cover;
  margin: 0px;
  border-radius: 10px 10px 0px 0px;
}
#search-results-clinic .head-container {
  padding: 10px 20px 0px 20px;
}
#search-results-clinic .content-container {
  display: grid;
  gap: 10px;
  padding: 0px 20px 20px 20px;
}
.address-clinic {
  position: relative;
  padding-left: 28px;
  margin-top: 15px;
}
.address-clinic::before {
  content: "";
  background-image: url(/hospital/wp-content/plugins/ascires/config/assets/map-pin-line.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0%;
  top: 0%;
}
#search-results-clinic .read-more {
  margin-top: 15px;
}
#search-results-clinic .controls {
  display: none;
}
#search-results-clinic .swiperCard {
  width: 100%;
  box-shadow: none;
}
#search-results-clinic .toggle-services {
  margin-top: 15px;
}
#search-form-clinic .swiperCard {
  text-align: left;
}
#search-form-clinic .toggle-services {
  margin-bottom: -10px;
}
/* Buscador clínicas */

/* Resultados de busqueda sección*/
.results-section,
.search-results #predictive-search-results,
.results-section-clinic {
  margin-top: 60px;
}
.list-section .related_services,
.search-results #predictive-search-results .list-section .related_services {
  display: none;
  background: #f9fbff;
  padding: 10px;
  border-bottom: 1px solid #cfd9f6;
  margin: 0px;
  border-radius: 0px;
}
.content-section {
  padding-top: 20px;
}
#search-results-team .head-container,
#search-results-section .head-container {
  display: flex;
  padding-bottom: 14px;
}
.services-container {
  margin-bottom: 20px;
  background: #f9fbff;
  padding: 10px;
  border-bottom: 1px solid #cfd9f6;
  border-top: 1px solid #cfd9f6;
}
.service {
  display: flex;
  align-items: center;
  padding-left: 10px;
  border-left: 1px solid #c5ccd8;
  margin-left: 10px;
  white-space: nowrap;
}
.service .service-icon {
  width: 24px;
}
.service-icon {
  margin-right: 10px;
  width: 16px;
  height: auto;
  vertical-align: middle;
}
.service-title {
  margin: 0; 
  color: var(--medium-blue);
  font-size: 112.5%;
  font-weight: 900;
}
.toggle-services {
  cursor: pointer;
  border-bottom: 1px solid #cfd9f6;
  border-radius: 0px;
}
.card-container {
  display: grid;
  width: 100%;
  padding: 20px;
  grid-template-columns: 260px 1fr;  
}
.card-container .img-catalogo {  
  pointer-events: none;
  cursor: not-allowed;
}
.card-photo {
  grid-row: span 6;
  height: 100%;  
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  margin-right: 20px;
}
.results-section .img-card, #predictive-search-results .img-card, .site-header .card-photo  {
  /*width: 240px;
  height: 100%;
  margin-right: 20px;
  object-fit: cover;
  border-radius: 8px;*/ 
  display: none !important;
}
.cargo, .search-results #predictive-search-results .cargo {
  color: var(--medium-blue) !important;
  font-size: 112.5% !important;
  font-weight: 900;
  margin-left: 10px;
  border-left: 1px solid #cfd9f6;
  padding-left: 10px;
}
.search-button {
  background: #95e5e9;
  border-radius: 40px;
  color: #183264;
  border: none;
  padding: 10px 60px 10px 60px;
  font-size: 112%;
  font-weight: 900;
  margin-bottom: 30px;
  cursor: pointer;
}
/* Resultados de busqueda sección*/

/* Resultados de busqueda estilos generales*/
.results-content {
  text-decoration: none;
  color: var(--dark-gray) !important;
  padding-top: 15px;
  min-height: 80px;
}
.head-container a {
  text-decoration: none;
}
.head-container .service img {
  filter: var(--filter-medium-blue);
}
.list-services {
  background-color: var(--blue-background-hover);
  display: inline-block;
  padding: 5px 15px 5px 15px;
  margin: 5px;
  border-radius: 30px;
  text-decoration: underline;
}
.list-services a {
  color: var(--dark-gray) !important;
}
.list-services img {
  filter: var(--filter-grey-dark) !important;
}
.list-section:hover, .list-section:focus-within {
  background-color: var(--blue-background-hover);
}
.list-section:hover a.card-photo, .list-section:focus-within a.card-photo{
  border: 1px solid #ffffff;
}
.top-header .list-section:hover, .top-header .list-section:focus-within, .shortcode-search .list-section:hover, .shortcode-search .list-section:focus-within{
  background-color: inherit !important;
}
.list-section {
  box-shadow: 0px 0px 10px 0px rgba(22, 76, 158, 0.25);
  border-radius: 10px;
  margin-bottom: 20px;  
  display: flex;
  align-items: flex-start;
}
.list-section:hover .related_services img {
  filter: none !important;
}
.list-section:hover .related_services a  {
  color: var(--blue-secondary) !important;
}
#search-results-team .list-section .read-more:hover::after,
#search-results-section .list-section .read-more:hover::after {
   filter: var(--filter-third-blue);
}
#predictive-search-results strong,
.results-section strong {
  font-weight: 600;
  color: var(--medium-blue);
}
.no-results {
  font-size: 20px;
}
.card-container .titular-3 {
  font-size: 18px;
  /*text-transform: lowercase;*/
}
/*
.card-container .titular-3::first-letter {
  text-transform: uppercase;
}
*/
.content-catalogue {  
  padding-top: 20px;
  border-top: 1px solid #CFD9F6;  
}
.site-header .content-catalogue .service-enable, .site-header .head-catalogue .content-type-search{
  display: none;
}
.site-header .card-catalogue {
  display: block;
}
.site-header .content-catalogue {
  border: 0px;
  padding-top: 0px;  
}
.site-header .list-section:hover .content-catalogue {
  background-color: var(--white);
  border-radius: 0px 0px 10px 10px;
  padding-left: 24px;
}
.site-header .content-catalogue .service-info {
  background-color: transparent;
  margin-bottom: 0px;
}
.site-header .list-section:hover .head-container.head-catalogue {
  border-radius: 10px 10px 0px 0px;
}
.site-header .list-section:hover .head-container.head-catalogue::before{
  top: 45%;
}
.content-catalogue .service-enable {
  font-weight: 900;   
}
.content-catalogue .service-enable::before {
  content: "•";
  color: #04C781; 
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.content-catalogue .service-info {
  display: inline-block;
  margin-bottom: 10px;
  background: #F9FBFF;
  border-radius: 8px;  
  padding: 5px; 
}
.content-catalogue .service-info img, .service-title .ico-services {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
.content-catalogue .service-info a {
  color: var(--medium-blue) !important;
  font-weight: 900; 
}
.content-catalogue .btn-cita{
  background: #95E5E9;
  border: 1px solid #95E5E9;
  border-radius: 40px;
  color: var(--blue-primary);
  font-weight: 900;
  padding: 10px 24px 10px 24px;  
  text-decoration: none;
  font-size: 18px;
  display: inline-flex;
  align-items: center; 
}
.content-catalogue .btn-cita:hover {  
  background: #E8F9F9;
  color: var(--blue-primary);
}
.content-catalogue .btn-cita img {
  margin-right: 10px;
}
/* Resultados de busqueda estilos generales*/

/* Spinner */
.spinner {
  width: 80px;
  margin: auto;
  display: none;
}
/* Spinner */

/* Paginado */
.pagination {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.pagination a,
.pagination span {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 0;
  font-size: 120%;
}
.pagination .page-numbers {
  color: #183264;
  font-weight: 500;
  padding: 4px 13px;
}
.pagination .current,
a.page-numbers:not(.prev):not(.next):hover,
.pagination .current,
a.page-numbers:not(.prev):not(.next):focus-within {
  background-color: #027c97;
  padding: 4px 13px;
  border-radius: 40px;
  color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(22, 76, 158, 0.25);
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.pagination a img {
  width: 38px;
  vertical-align: middle;
}
.shortcode-search .wrap_pagination, .container-search-header .wrap_pagination {
  display: none !important;
}
/* Paginado */

/* Media queries */
@media (max-width: 768px) { 
  .search-container-section {
    display: grid;
  }
  .search-container.active {
    top: 60px !important;
  }
    .list-section {
    display: grid;
    padding: 0px;
  }
  .card-container {
    grid-template-columns: 1fr 149px;
    grid-template-rows: auto;
    gap: 16px;
  }
  .search-results .card-container {
    gap: 10px;
  }
  .search-results #predictive-search-results .content-type {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
  }
  .search-results #predictive-search-results .cargo {
    padding-left: 0px;
    margin-top: 0px;
  }
  #search-results-team .head-container,
  #search-results-section .head-container,
  .search-results  #predictive-search-results .head-container {
    display: grid;    
    grid-column: 1;    
    padding-top: 0px;
  }
  .card-container .card-photo {
    grid-column: 2;
  }
  .head-container .cargo,
  .head-container .service {
    margin-left: 0px;
    border-top: 1px solid #cfd9f6;
    padding-left: 0px;
    padding-top: 5px;
    margin-top: 5px;
    border-left: 0px !important;
  }
  .predictive-search-results .no-results {
    text-align: center;
  }
  .site-header .head-container .cargo,
  .site-header .head-container .service { 
    border-top: 0px;
  }
  .toggle-services {
    grid-column: span 2; /* Ocupa las 2 columnas */
  }
  .results-content {
    grid-column: span 2; /* Ocupa las 2 columnas */
  }
  .content-type,
  .related_services {
    grid-column: span 2; /* Ocupa las 2 columnas */
    margin-top: 10px;
  }
  .content-catalogue {    
    grid-column: span 2;
  }
  .content-catalogue .btn-cita {
    width: 100%;
    justify-content: center;
  }
  .content-catalogue .service-info {
    width: 100%;
  }
  .results-section .img-card,
  #predictive-search-results .img-card {
   /* width: 149px;
    margin-right: 16px;
    object-fit: cover;
    height: 195px !important;*/
  }
  .results-section .card-photo,
  #predictive-search-results .card-photo {
    margin-right: 0px;
  }

  #search-form-team .search-container-section {
    gap: 20px;
  }
  .related_services .list-services {
    margin-bottom: 10px;
  }
  .search-results .content-type {
    grid-column: 1;
  }
  #search-results-clinic .controls {
    display: block;
  }
  #search-results-clinic .pagination {
    display: none;
  }
  #search-form-clinic .card-grid {
    display: flex;   
  }
  #search-form-clinic .swiperCard {
    padding: 0px;
    margin: 0px;
  }
  #search-form-clinic .toggle-services,
  #search-form-clinic .related_services {
    grid-column: 1;
  }
  #predictive-search-results .card-container .titular-3 {
    font-size: 16px;
    line-height: 130%;
  }
  .site-header .list-section, .shortcode-search .list-section {
    margin-bottom: 0px !important;
  }
  .site-header .content-catalogue .service-info {
    font-size: 12px;
  }  
}

@media (max-width: 1119px) {
  body.search.search-results .top-header {
    justify-content: flex-start;
  }
  .site-header .search-icon-mobile {
    display: block;
  }
  .site-header .search-icon,
  .site-header .search-input-general {
    display: none;
  }  
  .search-container-section {
    text-align: center;
  }
  .search-column,
  .tags-column {
    width: 100%;
    margin-bottom: 10px;
  }
  .search-column,
  .tags-column {
    position: static;
  }
  .search-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .results-section .list-section h2 {
    font-size: 100% !important;
  }
  .search-container.active {
    display: block; /* Mostrar menú cuando está activado */
    position: fixed;
    top: 80px;
    width: 100%;
    height: auto;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
    z-index: 9998;
    padding: 30px 20px 30px 20px;
    left: 0;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 1px 0px rgb(153 151 151 / 30%);
  }
  .site-header.expanded .search-container.active {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0px !important;
  }
  .search-container.active .search-input-general {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 40px;
    color: var(--medium-blue);
  }
  .search-container.active .search-close {
    display: flex;
    justify-content: center;
    margin: auto;
    padding-bottom: 20px;
    align-items: center;
    color: #027c97;
    font-size: 100%;
  }
  #predictive-search-results {
    width: 100%;
    top: 169px;
    left: -200%;
  }
  .search-container.active .search-icon {
    display: block;
    left: 30px;
    transform: translateY(0%);
    position: absolute;
    top: 90px;
  }
  .site-header .search-container.active .arrow-search {
    right: 25px;
    top: 83px;
  }
  #predictive-search-results:has(.no-results) {
    top: 230px;
  }
  .site-header .empty-search {
    right: 90px;
    top: 102px;
  }
  .site-header   .line {
    right: 76px;
    top: 102px;
  }
  .site-header .empty-search {
    display: none;
  }
  .site-header #predictive-search-results {
    position: fixed;
    padding-left: 20px;
    padding-right: 20px;
    top: 185px;
    left: 0px;
  }
  .shortcode-search .search-input-general, .shortcode-search #predictive-search-form {
    width: 100%;
  }
  .shortcode-search  #predictive-search-results {
    border-left: 0px;
    margin: 0;
    padding: 0;
  }
  .shortcode-search.active {
    position: relative;
  }
  .shortcode-search #predictive-search-results {   
    top: 69px;
    left: 0px;
    position: absolute;
    margin: 0 auto;
    display: block;
    width: 100% !important;
    z-index: 10;
  }
  .shortcode-search   .empty-search {
    top: 45px;
    right: 65px;
  }
  .shortcode-search   .line {
    top: 45px;
    right: 55px;
  }
  #search-form-section .search-column {
    width: 100%;
  }
  #search-form-section .tags-column {
    width: 100%;
  }
  #content-type-tags {
    gap: 25px;
    justify-content: center;
  }
  .search-container-section .tags-column {
    border: 0px;
  }
  #search-form-team .select-column {
    width: 100%;
  }
  #search-form-team .search-column {
    width: 100%;
  }
  .filter-doctors {
    left: 2%;
  }
  .search-results .search-container {
    padding: 60px 20px 20px 20px;
  }
  .search-results .arrow-search {
    right: 25px;
    top: 115px;
  }
  .search-results   .line {
    right: 75px;
    top: 135px;
  }
  .search-results  .active .empty-search {
    right: 85px;
    top: 134px;
  }
  .search-results .search-container .search-icon {
    top: 134px;
    left: 28px;
  }
  .search-results .top-header {
    justify-content: space-between;
  }
  .search-results .icon-text-border-left {
    margin-right: 75px;
    border-right: 1px solid #15437680;
    padding-right: 16px;
  }
  .search-results #query-result,
  .search-results #filter-general-search,
  .search-results .total-results {
    margin-left: 20px;
    margin-right: 20px;
  }
  #predictive-search-results .card-container {
    padding: 5px;
  }
  .search-clinics .section-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .site-header #predictive-search-results {
    background: #fff !important;
    padding-bottom: 30px;
  }
  #masthead.expanded {
    height: 185px !important;
  }
}
