/* Estilos locales del sitio web Servicios VRID UC */
@import url("_variables.css");
@import url("_layout.css");
@import url("_uc-hero.css");
@import url("_uc-btn.css");
@import url("_uc-service-card.css");
@import url("_uc-service-profile-card.css");
@import url("_uc-card-l.css");
@import url("_uc-help-section.css");
@import url("_uc-services-card.css");
@import url("_uc-services-by-objectives-section.css");
@import url("_uc-formative-stage-card.css");
@import url("_uc-services-section-by-profile.css");

html {
  scroll-behavior: smooth;
}

body.admin-bar {
  margin-top: 32px;
}

@media screen and (max-width: 782px) {
  #wpadminbar {
    position: fixed !important;
  }

  body.admin-bar {
    margin-top: 46px;
  }
}

/* Tarjetas de información para unidades y proveedores */
.info-cards .uc-btn.btn-listed .uc-badge {
  left: 0;
  transform: translate(15px, -55%);
}

.info-cards .uc-btn.btn-primary,
.info-cards .uc-btn.btn-inline {
  line-height: 1.25;
}

.info-cards .uc-btn.btn-inline span {
  text-decoration: underline;
}

#informacion-para-unidades-y-proveedores .btn-featured {
  max-width: fit-content;
}

@media screen and (max-width: 768px) {
  .info-cards>.col {
    flex-basis: unset;
  }
}

/* Filtros */
.card-filters {
  position: sticky;
  top: 2rem;
}

.card-filters .uc-input-style {
  min-width: 100%;
}

.card-filters .uc-form-group label {
  font-weight: 700;
}

.card-filters .form-check label {
  margin-left: .25rem;
}
.filter-box {
  display: none;
}

/* Documento en buscador */
.uc-card.card-document {
  position: relative;
  transition-property: transform, box-shadow;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}

.uc-card.card-document:hover {
  transform: translateY(-.125rem);
  box-shadow: 0 0 12px 0 rgba(136, 136, 136, .36);
}

.uc-card.card-document .uc-card_body {
  position: relative;
  padding-left: 2.75rem;
}

.uc-card.card-document .uc-card_body>.uc-icon {
  position: absolute;
  top: 2.85rem;
  left: 1rem;
  font-size: 20px;
}

.uc-card.card-document .uc-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  transform: unset;
}

/* Loading */
.search-results--loading,
.contactform--loading .text-right {
  position: relative;
}

.search-results--loading .row,
.contactform--loading fieldset {
  transition: opacity .25s ease;
  opacity: .25;
}

.search-results--loading::before,
.contactform--loading .text-right::before {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  top: .5rem;
  right: 25px;
  border: 3px solid var(--primary);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.contactform--loading .text-right::before {
  top: unset;
  right: unset;
  bottom: .5rem;
  margin-left: -3rem;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.uc-message {
  max-width: 996px;
}

.contactform .uc-form-group:not(.uc-radio-group) {
  margin-bottom: 24px;
}

/* Form check from Bootstrap 4.0 */
.form-check {
  position: relative;
  display: block;
  padding-left: 1rem;
}

.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1rem;
}

label.form-check-label {
  font-weight: 400;
}

/* Legend */
.contactform legend {
  font-size: unset;
}

/* Feedback en cada campo */
.needs-validation:not(.was-validated) .uc-alert {
  display: none;
}

.uc-form-group:not(.uc-form-group--error) .uc-form-feedback {
  display: none;
}

/* Only screen reader */
.screen-reader-text {
  display: none;
}

/* filtros */
.uc-bg--darkblue {
  background-color: var(--color-bg-darkblue);
}
.uc-bg--darkblue .uc-breadcrumb {
  margin-top: 0;
  margin-bottom: var(--spacing-16);
  padding-top: var(--spacing-32);
  color: var(--white);
}

.uc-bg--darkblue .uc-breadcrumb .uc-breadcrumb_item a {
  color: var(--white);
}

.uc-bg--darkblue .uc-breadcrumb .uc-breadcrumb_item .uc-icon {
  color: var(--white);
}

.uc-bg--darkblue .uc-breadcrumb .uc-breadcrumb_item.current {
  color: var(--white);
}