/* Estilos locales del sitio web Gobernanza Digital */

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

.uc-hero {
  background-color: #000;
}

/* 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: 400;
}
.card-filters .form-check label {
  margin-left: .25rem;
}
/* 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;
}
/* Esquema gobernanza */
.section-esquema-gobernanza .uc-image-quote_image {
  display: block;
  height: 250px;
  background-image: url('../images/esquema-gobernanza.png');
  transition: filter .3s ease;
}
.section-esquema-gobernanza .col-lg-4:hover + .col-lg-8 .uc-image-quote_image {
  filter: blur(5px);
}
@media screen and (min-width: 997px) {
  .section-esquema-gobernanza .uc-image-quote.image-right .uc-image-quote_image {
    height: 500px;
  }
}
@media screen and (max-width: 996px) {
  .section-esquema-gobernanza .col-lg-8 {
    position: absolute;
    width: 100vw;
    left: 0;
    right: 0;
    padding: 0;
  }
  .section-esquema-gobernanza .uc-image-quote.image-right .uc-card {
    width: unset;
    margin-top: 0;
  }
}