/* Estilo General para todas las resoluciones de sitio WEB*/
.hide,
.hide:hover,
.hide:focus {
  display: none;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  overflow: hidden;
}

.hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

.bg-light {
  color: var(--bs-primary) !important;
}

.row.no-gutters,
.no-gutters .row {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters .region.region-content {
  padding: 0;
  margin: 0;
}

.layout-builder__link--rearrange {
  margin-right: 10px;
}

/* date in block view - latest posts */
.views-field-field-publication-date {
  font-size: 0.8em;
  margin-left: 10px;
  margin-top: -20px;
}

.ck-content {
  color: #000;
}

/* images in body */
.field--name-field-media-image {
  padding: 10px;
}

/* transparent blocks in LB */
.layout-builder-block {
  background: rgba(0, 0, 0, 0);
}

.white a {
  color: #fff;
}

.field--name-field-media-oembed-video,
.field--name-field-media-oembed-orb {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#block-claro-content .field--name-field-media-oembed-video,
#block-claro-content .field--name-field-media-oembed-orb {
  padding-top: 0px;
}

.text-formatted .media--type-image {
  margin: 0 1rem;
}

.field--name-field-direccionproyecto,
.field--name-field-fechaproyecto {
  display: inline-flex;
}

.footer-links ul.nav.navbar-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.background-color,
.background-image {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* Link in Form/ webForm */
.form-item a {
  text-decoration: underline;
}

.form-item .form-select,
.lotedataform .form-item .form-select {
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
  color: #777;
  font-size: 15px;
  height: 50px;
  font-weight: 500;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23777' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 12px !important;
  padding-right: 2.5rem !important;
  margin-top: 0px !important;
}