:root {
  --color--texts: #525252;
  --size--p: 1em;
  --size--h1: 5em;
  --size--h2: 3em;
  --size--h3: 1.5em;
  --size--h2-tablet: 2.25em;
  --size--h2-mobile: 2.25em;
  --size--h3-tablet: 1.25em;
  --size--h3-mobile: 1em;
  --size--h4: 1.25em;
  --size--h5: 1.125em;
  --size--h6: 1em;
  --color--brand: #5b6986;
  --color--white: white;
  --color--brand-hover: #007a99;
  --color--dark-gray: #394447;
  --color--gray-hover: #f8f8f8;
  --font-family--brand: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --size--vivienda: 1.7em;
  --color--brand-text: #241f20;
  --color--navbar-links-bg: #eee;
  --color--navbar-links-text: #161616;
  --size: .75em;
  --size--h1-tablet: 3.75em;
  --size--h1-mobile: 2.25em;
  --size-2: .875em;
  --color--soft-gray: #e2e2e2;
  --color--light-gray: #f1f1f1;
  --color--blue: #1d578c;
  --color--purple: #664977;
  --color--orange: #ec8501;
  --color--red: #cd4b2c;
  --white: white;
  --color--gray-lines: #c2c2c2;
  --color--black: black;
  --black: black;
  --font-family--site: Montserrat, sans-serif;
  --size--h4-tablet: 0px;
  --size--h4-mobile: 0px;
  --size--font-24: 1.5em;
  --table--text: 0px;
}
@font-face {
  font-family: 'webflow-icons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="w-icon-"],
[class*=" w-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.w-icon-slider-right:before {
  content: "\e600";
}
.w-icon-slider-left:before {
  content: "\e601";
}
.w-icon-nav-menu:before {
  content: "\e602";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: "\e603";
}
.skipContent {
  font-weight: 500 !important;
  background-color: #1c69ad !important;
  position: absolute !important;
  top: -55px !important;
  left: -9999px !important;
  text-decoration: none !important;
  z-index: 100;
  color: #fff !important;  
}
.skipContent:focus {
  top: -55px !important;
  left: 20px !important;
}
.wb-cookie{
  -webkit-box-shadow: 0px 14px 20px 1px #000000;
  box-shadow: 0px 14px 20px 1px #000000;
}
.wb-cookie button{
  border-radius: 0px;
  font-weight: 500;
}
.btn-outline-info{
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #e90056 !important;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}
.btn-outline-info:hover{
  background-color: #a5043f !important;
}
.btn-outline-secondary{
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec !important;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}
.btn-outline-secondary:hover{
  background-color: #0764b5 !important;
}
.marg-bot-10{margin-bottom:10px;}

.btn-light {
    background-color: #c8cacd !important;
    border-color: #c8cacd !important;
}
.btn-light:hover {
    background-color: #a4a6a9 !important;
    border-color: #a4a6a9 !important;
    color: black !important;
}
.btn-secondary{padding: 5px 40px !important;}
.btn-secondary:hover{padding: 6px 40px !important;}
.wb-cookie-card{
  background-color: #5b6986;
}
.wb-cookie-card-link{
  color: white !important;
  text-decoration: underline !important;
  font-size: .875em !important;
  font-weight: 500;
  cursor: pointer;
}
.wb-cookie-card-link:hover{
  color: white !important;
}
.wb-cookie-card-lbl{
  color: white !important;
  font-size: 1em !important;
  font-weight: 500;
}
.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}
.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}
.manual-pdf, .pdf-dl{color: #0864c7 !important}
.reg-lnk {color:#004997 !important; font-weight: 600;}
.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}
.pe-breadcrumb li {
    font-size: 1em !important;
}
.pe-breadcrumb .small a{
  color: #004997 !important;
}
.pe-breadcrumb .active a{
  color: black !important;
}
.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.locales-wrapper {
  width: 370px;
  position: relative;
}

.locales-list {
    display: flex;
}

.locale {
    text-align: right;
    margin-right: 20px;
    position: static;
}

.image-flag {
    text-align: left;
}

.link.multilan {
    color: var(--white);
    text-align: left;
    padding-left: 10px;
    font-weight: 600;
}

@media screen and (max-width: 479px) {
  .locales-wrapper {
    z-index: 1100;
    justify-content: center;
    width: 100%;
    padding-bottom: 10px;
    display: flex;
  }
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

/*body {
  color: var(--color--texts);
  font-family: Montserrat, sans-serif;
  font-size: var(--size--p);
  line-height: 1.2;
}

h1 {
  font-size: var(--size--h1);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  font-size: var(--size--h2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.3;
}

h3 {
  font-size: var(--size--h3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.3;
}

h4 {
  font-size: var(--size--h4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  font-size: var(--size--h5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.3;
}

h6 {
  font-size: var(--size--h6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.3;
}

p {
  margin-bottom: 10px;
  line-height: 1.5;
}*/

.div-form-message-success {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80%;
  display: flex;
  position: relative;
}

.form-input {
  color: #0a0a36;
  background-color: #f3f3f6;
  border: 1px solid #8e95b6;
  border-radius: .6rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
}

.form-input:focus {
  border-width: 1px;
  border-color: #0a0a36;
}

.form-input::placeholder {
  color: #b8b8b8;
}

.form-input.message {
  height: 12rem;
}

.form-field-wrapper {
  width: 49%;
}

.hidden {
  display: none;
}

.styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-bottom: 2px solid #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

.form-message-error {
  color: #c70909;
  background-color: #0000;
  margin-top: 1rem;
  padding: .5rem 1rem .5rem 0;
}

.form-label {
  color: #0a0a36;
  margin-top: .8rem;
  margin-bottom: .8rem;
  font-weight: 700;
}

.styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  display: grid;
}

.styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.button {
  border: 1px solid var(--color--brand);
  background-color: var(--color--brand);
  color: var(--color--white);
  text-align: center;
  letter-spacing: .3px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 16px;
  font-weight: 600;
  line-height: 1.4;
  transition: all .3s;
  display: flex;
}

.button:hover {
  background-color: var(--color--brand-hover);
}

.button.small {
  width: 120px;
  height: 30px;
}

.button.large {
  width: 200px;
  height: 50px;
}

.button.text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.primary.nav {
  width: 7rem;
  height: 2.3rem;
  font-size: .8rem;
}

.button.primary.form {
  margin-top: 2rem;
}

.button.secondary {
  border: 1px solid var(--color--texts);
  background-color: var(--color--white);
  color: #000;
}

.button.card {
  margin-left: auto;
  margin-right: 24px;
}

.button.card-cols {
  margin-left: auto;
  margin-right: 16px;
}
.btn{
  border-radius: 0px;
  padding: 6px 40px;
  font-weight: 500;
}
.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overflow-visible {
  overflow: visible;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: #0073e61a;
  border: 1px dashed #0073e6;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.styleguide_label {
  color: #fff;
  background-color: #0073e6;
  border-radius: .2rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem .75rem;
}

.styleguide_label.color-pink {
  background-color: #be4aa5;
}

.text-weight-bold {
  font-weight: 700;
}

.styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  padding-bottom: 3rem;
}

.overflow-auto {
  overflow: auto;
}

.z-index-1-abs-auto {
  z-index: -1;
  position: absolute;
  inset: auto;
}

.form-block {
  margin-bottom: 0;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  place-items: start;
  margin-bottom: 2rem;
  display: grid;
}

.styleguide_item.is-stretch {
  justify-items: stretch;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.wb-container {
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 56px;
}

.wb-container.logos {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wb-container.wb-navbar {
  justify-content: center;
  align-items: center;
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.wb-container.hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.wb-container._2-col {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.wb-container._404 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wb-container.bg-top-banner {
  background-color: var(--color--brand);
  padding-left: 0;
  padding-right: 0;
}

.wb-container.vivienda-publica-informa {
  justify-content: space-between;
  display: flex;
}

.wb-container.intro-text {
  margin-bottom: 10px;
}

.form-message-success {
  background-color: #0000;
  height: 31rem;
  padding-top: 0;
  padding-bottom: 0;
}

.section {
  padding-top: 40px;
  padding-bottom: 96px;
}

.section.logos {
  padding-top: 0px;
  padding-bottom: 60px;
  font-family: var(--font-family--site);
  color: var(--color--texts);
}

.section.footer {
  background-color: var(--color--brand);
  padding-top: 40px;
  padding-bottom: 10px;
  font-weight: 400;
  font-family: var(--font-family--site);
}

.section.header-vivienda {
  padding-top: 40px;
  padding-bottom: 10px;
}

/*.section.banner-top {
  background-color: var(--color--dark-gray);
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
}

/*.section.hero-home {
  background-image: url('../images/home-hero-bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px;
  margin-bottom: -38px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: -38px;
}*/

.section.banner-top {
  z-index: 10000;
  background-color: var(--color--brand);
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  position: fixed;
}

.section.hero-pages {
  width: 100%;
  height: 300px;
  margin-bottom: -38px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: -38px;
}
.section.hero-pages.subastas {
  background-image: url('../images/banner-subastas.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.overflow-scroll {
  overflow: scroll;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.color-midnight-blue {
  color: #0a0a36;
}

.div-form-field-wrapper {
  justify-content: space-between;
  display: flex;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  margin-right: 10px;
  padding-left: 0;
  display: flex;
}

.link-message-error {
  white-space: nowrap;
}

.logos-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 48px;
  display: flex;
}

.main-logo-img {
  object-fit: none;
  width: 100%;
  height: 100%;
  max-height: 120px;
}

.minor-logo-img {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 64px;
  transition: all .3s;
  display: flex;
}

.minor-logo-img:hover {
  transform: scale(1.2);
}

.footer-wrapper {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 26px;
  display: flex;
}

.footer-content {
  grid-column-gap: 104px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.footer-block {
  color: var(--color--white);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.footer-link {
  margin-top: 12px;
  margin-bottom: 6px;
  line-height: 16px;
  text-decoration: none;
}

.footer-copyright-center {
  color: var(--color--white);
  text-align: center;
  font-weight: 500;
}

.footer-link-contact {
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  text-decoration: none;
  transition: all .3s;
}

.footer-link-contact:hover {
  color: var(--color--white);
  text-decoration: underline;
}

.footer-text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
}

.header-vivienda {
  font-family: var(--font-family--brand);
  font-size: var(--size--vivienda);
  text-transform: uppercase;
  line-height: 1;
}

.header-vivienda.hidden-sm {
  font-weight: 700;
}

.header-logo-text {
  text-transform: uppercase;
  border-right: 1px solid #c4c4c4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 18px;
}

.header-logo {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.header-logo-text-2 {
  color: var(--color--brand-text);
  font-size: 27px;
  font-weight: 700;
}

.header-logo-text-1 {
  color: var(--color--brand-text);
  font-size: 11px;
  font-weight: 700;
}

.header-logo-img {
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 165px;
  padding-left: 18px;
}

.header-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.banner-top-wrapper {
  color: var(--color--brand);
  align-items: center;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
}

.banner-top-img {
  width: 32px;
  height: 100%;
  max-height: 35px;
  display: inline-block;
}

.banner-top-drops {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.w-icon-dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-right: 20px;
  width: 1em;
  height: 1em;
}

.nav-menu {
  background-color: #eee;
  justify-content: center;
  width: 100%;
  display: flex;
  top: -2px;
  z-index: 10000;
}

.nav-link {
  border: 1px solid var(--color--white);
  font-family: var(--font-family--site);
  background-color: var(--color--navbar-links-bg);
  color: var(--color--navbar-links-text);
  font-size: .75em;
  text-transform: uppercase;
  white-space: nowrap;
  word-break: normal;
  cursor: pointer;
  width: 100%;
  padding: 10px 24px 10px 10px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
  position: relative;
  line-height: 1.2;
}

.nav-link:hover, .nav-link.w--current, .nav-link.w--open {
  background-color: var(--color--brand);
  color: var(--color--white);
}

.nav-link.no-dropdown {
  font-size: .75em;
  width: auto;
  padding-right: 10px;
  transition: all .3s;
}

.nav-link.no-dropdown.w--current {
  font-size: .75em;
}

.nav-link.current-list-title {
  background-color: var(--color--brand);
  color: var(--color--white);
}

.nav-link.nav-link-main {
  font-size: .75em;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px;
}

.nav-link.search-wrapper {
  padding-right: 10px;
  transition-duration: .4s;
}

.wb-navbar {
  background-color: #0000;
}

.h1-hero-home {
  color: #fff;
  text-align: center;
  text-shadow: 0 4px 5px #000000ed;
  -webkit-text-fill-color: inherit;
  background-color: #09080899;
  background-clip: border-box;
  max-width: 18ch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 10px;
}

.banner-top-dropdown {
  color: #036078;
  flex: 1;
}

.banner-top-drop {
  font-size: .875em;
  border-left: 2px solid #000;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.5;
  background-color: rgb(226 226 226);
}

.banner-top-dropdown-wrapper {
  opacity: 0;
  color: #000;
  justify-content: space-between;
  width: 100%;
  max-width: 1108px;
  margin-left: -56px;
  padding-left: 56px;
  padding-right: 56px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: -30px;
}

.banner-top-dropdown-wrapper:lang(en-us) {
  display: flex;
}

.banner-top-dropdown-wrapper.show-top-banner {
  opacity: 1;
  top: 30px;
}

.dropdown-list {
  background-color: #e2e2e2;
  flex-direction: row;
  top: 22px;
  left: -27px;
  right: 10px;
}

.dropdown-list.w--open {
  top: 23px;
  left: -26px;
  right: 0;
}

.banner-top-dropdown-toggle {
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  font-weight: 600;
}

.background-gray-dropdown {
  z-index: -2;
  opacity: 0;
  pointer-events: none;
  background-color: #e2e2e2;
  width: 100%;
  height: 63px;
  transition: all .4s;
  position: fixed;
  top: 30px;
  left: 0;
  right: auto;
}

.background-gray-dropdown.show-top-banner {
  opacity: 1;
  top: 30px;
  bottom: auto;
}

.nav-link-icon {
  color: var(--color--brand);
  font-size: var(--size-2);
  cursor: none;
  margin-right: 6px;
  transition: all .5s;
  transform: rotate(0);
}

.nav-link-icon.map-dropdown {
  font-size: var(--size--h4);
  transition: all .3s;
  top: 0;
}

.nav-link-icon.map-dropdown.open {
  transform: rotate(180deg);
}

.nav-link-icon.dropdown-item {
  opacity: .8;
  color: var(--color--texts);
  font-size: var(--size--h5);
}

.nav-link-icon.withe-icon {
  color: var(--color--navbar-links-bg);
  transform: rotate(180deg);
}

.card-access {
  background-color: var(--color--light-gray);
  border-radius: 10px;
  align-items: center;
  height: 80px;
  margin-bottom: 32px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.h2-card-list {
  margin-bottom: 32px;
}

.card-icon {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  display: flex;
}

.card-icon.blue {
  background-color: var(--color--blue);
}

.card-icon.purple {
  background-color: var(--color--purple);
}

.card-icon.orange {
  background-color: var(--color--orange);
}

.card-icon.red {
  background-color: var(--color--red);
}

.card-icon-img {
  width: 100%;
  max-width: 40px;
  height: 100%;
  max-height: 40px;
}

.h3-horizontal-card-title {
  color: #525252;
  align-items: center;
  margin-left: 24px;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.cards-wrapper-columns {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-noticias {
  background-color: #fff;
  border-radius: 5px;
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.card-noticias:hover {
  box-shadow: 0 4px 8px #0000001a;
}

.card-noticias.reveal-opacity.reveal-left {
  flex-direction: column;
  align-items: flex-start;
}

.h3-card-column-title {
  color: var(--color--texts);
  font-size: var(--size--h3);
  align-items: center;
  height: 140px;
  margin-bottom: 24px;
  display: flex;
}

.cards-img-columns {
  object-fit: cover;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 148px;
  height: 120px;
}

.h1-hero-pages {
  color: #fff;
  text-align: center;
  text-shadow: 0 4px 5px #000000ed;
  background-color: #09080899;
  max-width: 20ch;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px 10px;
  font-family: var(--font-family--site) !important;
  font-size: var(--size--h1);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.1;  
}

.h1-hero-pages.h1-long-text {
  background-color: #09080899;
  max-width: 18ch;
  padding: 15px 20px 10px;
}

.h1-hero-pages.adq-ventas {
  max-width: 18ch;
}

.h1-hero-pages.avisos {
  max-width: 20ch;
}

.h1-hero-pages.long-title {
  max-width: 50ch;
}

.h1-hero-pages.solicitud-vivienda {
  max-width: 20ch;
}

.texts-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.p-large-texts, .p-large-texts:lang(en-us) {
  font-size: var(--size--p);
}

.p-large-texts.small-text {
  margin-bottom: 24px;
  font-size: 14px;
}

.p-large-texts.small-text.padding-48 {
  margin-bottom: 48px;
}

.p-large-texts.padding-bottom {
  margin-bottom: 24px;
}

.sticky-menu-links {
  border-left: 4px solid var(--color--brand);
  color: var(--color--texts);
  text-transform: uppercase;
  width: 320px;
  margin-bottom: 16px;
  padding: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.sticky-menu-links:hover {
  background-color: var(--color--light-gray);
}

.sticky-menu-links.news-years-menu {
  width: 190px;
}

.sticky-menu-links.news-years-menu.design-test {
  display: none;
}

.sticky-menu-list {
  margin-right: 42px;
  position: sticky;
  top: 30px;
  overflow: scroll;
}

.sticky-menu-list.directorio-secretarias {
  height: 640px;
}

.sticky-menu-list.directorio-regionales {
  height: 690px;
}

.sticky-menu-list.reglamentos {
  height: 610px;
}

.sticky-menu-list.solicitudes {
  height: 220px;
}

.sticky-menu-list.egidas {
  height: 1990px;
}

.sticky-menu-list.centro-urbano {
  height: 690px;
}

.sticky-menu-list.ayuda-materiales {
  height: 200px;
}

.sticky-menu-list.adq-ventas {
  height: 270px;
}

.sticky-menu-list.planificacion-estrategica {
  height: 130px;
}

.sticky-menu-list.seccion-504, .sticky-menu-list.proveedores-servicios {
  width: 320px;
  height: auto;
  max-height: 90vh;
  overflow: auto;
}

.sticky-menu-list.agentes-admin {
  width: 320px;
  height: 90vh;
  overflow: auto;
}

.sticky-menu-list.info-publica {
  width: 320px;
  height: auto;
  max-height: 340px;
  overflow: auto;
}

.sticky-menu-list.areas-negociados {
  width: 320px;
  height: auto;
  max-height: 90vh;
  overflow: auto;
}

.sticky-menu-list.areas-negociados.no-sticky {
  position: static;
  overflow: visible;
}

.sticky-menu-list.residenciales {
  max-height: 90vh;
  overflow: auto;
}

.sticky-menu-list.oficinas-regionales {
  width: 320px;
  max-height: 90vh;
  overflow: auto;
}

.sticky-menu-list.noticias {
  width: 100px;
  height: 400px;
  overflow: auto;
}

.h3-card-sticky-menu-title {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 1.813em;
}

.h3-card-sticky-menu-title.padding-top-title {
  padding-top: 36px;
  font-size: 29px;
}

.h3-card-sticky-menu-title.padding-top-title.accordion-title {
  font-size: var(--size--h3);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.h3-card-sticky-menu-title.first-title {
  margin-top: 0;
}

.h3-card-sticky-menu-title.news-title-year {
  background-color: var(--color--brand);
  color: var(--white);
  font-size: var(--size--h3);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 400;
}

.h3-card-sticky-menu-title.news-title-year.design-test {
  display: none;
}

.sticky-menu-content-grid {
  grid-column-gap: 64px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--color--texts);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  padding-bottom: 24px;
  display: grid;
}

.sticky-menu-content-wrapper {
  flex-direction: column;
  width: 100%;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.card-sticky-menu-content-col {
  flex-direction: column;
  display: flex;
}

.card-sticky-menu-content-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.card-sticky-menu-content-link {
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
}

.list-item {
  display: block;
}

.list-item.design-test {
  display: none;
}

.card-sticky-menu-content-text {
  color: var(--color--texts);
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
}

.card-sticky-menu-content-text.map-trigger, .card-sticky-menu-content-text.map-p {
  margin-bottom: 0;
  padding-bottom: 0;
}

.card-sticky-menu-content-text.map-p:hover {
  color: var(--color--brand);
}

.sticky-menu-content-flex {
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--color--texts);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  padding-bottom: 24px;
  display: flex;
}

.sticky-menu-content-flex.no-padding {
  margin-bottom: 0;
}

.p-card-sticky-menu-texts {
  font-size: 16px;
}

.doc-item {
  border-bottom: 1px solid var(--color--gray-lines);
  color: var(--color--texts);
  align-items: center;
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  transition: all .3s;
  display: flex;
}

.doc-item:hover {
  background-color: var(--color--gray-hover);
}

.doc-item.dropdown-item {
  cursor: pointer;
  position: relative;
}

.doc-item.no-border {
  border-bottom-width: 0;
}

.doc-item.noticias {
  margin-bottom: 24px;
}

.doc-item.prensa-pdf {
  border: 0 solid #000;
  padding-bottom: 0;
}

.doc-icon {
  width: 20px;
  height: 20px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
}

.p-titledf-item {
  color: #525252;
  font-size: var(--size--p);
  text-transform: none;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

.p-titledf-item:hover {
  color: var(--color--brand);
}

.p-titledf-item.dropdown-item-p {
  text-decoration: underline;
}

.img-icon {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}

.back-to-top-cta {
  display: none;
}

.back-to-top-cta.desktop {
  flex: 0 auto;
  align-self: flex-end;
  display: block;
  position: sticky;
  bottom: 36px;
  right: auto;
}

.tab-horizontal {
  display: flex;
}

.tabs-menu-list {
  flex-direction: column;
  margin-right: 42px;
  display: flex;
  position: sticky;
  top: 30px;
}

.tabs-menu-list.proyectos {
  height: 550px;
}

.tabs-menu-links {
  border-left: 4px solid var(--color--brand);
  background-color: var(--color--white);
  color: var(--color--texts);
  text-transform: uppercase;
  width: 320px;
  margin-bottom: 16px;
  padding: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.tabs-menu-links:hover, .tabs-menu-links.w--current {
  background-color: var(--color--light-gray);
}

.menu-content-wrapper {
  width: 100%;
  top: -180px;
}

.tabs-menu-content-flex {
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  padding-bottom: 24px;
  display: flex;
}

.tabs-menu-content-flex.custom-tab, .tabs-menu-content-flex.custom-tab:lang(en-us) {
  display: none;
}

.tabs-menu-content-flex.custom-tab.show-tab {
  display: block;
}

.h3-card-tab-menu-title {
  font-size: 32px;
}

.card-tab-menu-content {
  grid-column-gap: 16px;
  border-bottom: 1px solid var(--color--texts);
  align-items: center;
  padding-bottom: 24px;
  display: flex;
}

.card-tab-menu-content-text {
  font-size: 16px;
}

.lightbox-link {
  height: 350px;
  margin-top: 40px;
  text-decoration: none;
}

.lightbox-link.egida-felipe-sanchez {
  background-image: url('../images/1_11.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.galeria-urbana {
  background-image: url('../images/4_14.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.coamo-historic {
  background-image: url('../images/6_16.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.viewpoint {
  background-image: url('../images/10_110.webp');
  background-position: 50%;
  background-size: cover;
}

.lightbox-link.plaza-gran-victoria {
  background-image: url('../images/13_113.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.gurabo-elderly {
  background-image: url('../images/16_116.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.plaza-apartments {
  background-image: url('../images/20_120.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.balseiro-elderly {
  background-image: url('../images/23_123.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-text {
  background-color: var(--color--white);
  color: var(--color--navbar-links-text);
  border-radius: 5px;
  padding: 8px 16px;
  font-weight: 600;
}

.lightbox-div {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.link-icon {
  height: 20px;
  margin-right: 20px;
}

.url-item {
  color: #525252;
  border-bottom: 1px solid #525252;
  align-items: center;
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.sticky-menu-content-wrapper-list {
  font-size: var(--size--h6);
  margin-top: 30px;
  padding-left: 0;
  font-weight: 500;
  line-height: 1.3;
  list-style-type: none;
}

.sticky-menu-content-wrapper-list-item {
  padding-bottom: 15px;
}

.sticky-menu-content-wrapper-p {
  font-size: var(--size--h6);
  font-weight: 500;
}

.h3-card-sticky-menu-subtitle {
  margin-top: 32px;
}

.h3-card-sticky-menu-subtitle.accordion-title {
  margin-top: 0;
}

.h2-404 {
  max-width: 24ch;
}

._404-content-title {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

._404-link {
  color: var(--color--brand);
  margin-top: 40px;
  padding: 16px;
  font-size: 16px;
}

._404-link:hover {
  font-weight: 700;
}

._404-content-link {
  color: var(--color--texts);
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
}

._404-content-link:hover {
  font-weight: 600;
}

._404-content-text {
  color: var(--color--texts);
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.card-sticky-menu-content {
  flex-direction: column;
  margin-top: 24px;
  display: flex;
}

.content-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.accordion-wrapper {
  width: 100%;
}

.accordion {
  border-bottom: 1px solid var(--color--texts);
  margin-top: 30px;
  margin-bottom: 16px;
  padding-bottom: 24px;
}

.accordion-header {
  grid-column-gap: 24px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.accordion-panel {
  transition: all .3s;
  display: none;
}

.accordion-panel:lang(en-us) {
  display: none;
}

.accordion-date {
  color: var(--color--black);
  padding-top: 8px;
  padding-bottom: 8px;
}

.accordion-title {
  font-size: var(--size--h5);
  text-transform: uppercase;
  font-weight: 700;
}

.accordion-title.minor-link {
  font-size: var(--size--p);
  text-transform: none;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.accordion-title.minor-link:hover {
  color: var(--color--brand);
}

.accordion-title.minor-no-link {
  font-size: var(--size--p);
  text-transform: none;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.accordion-wrapper-icon {
  position: relative;
  right: -30px;
}

.accordion-image {
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.accordion-paragraph {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
}

.p-margins {
  margin-top: 8px;
  margin-bottom: 8px;
}

.img-slide {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-slide.first-img {
  mix-blend-mode: multiply;
}

.slider-prensa {
  height: 680px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.slider-prensa.small-slider {
  max-width: 650px;
  height: 410px;
  margin-left: auto;
  margin-right: auto;
}

.link-pdf {
  padding-top: 0;
  padding-bottom: 20px;
  display: block;
}

.h1-hero-pages-2 {
  color: #fff;
  text-align: center;
  max-width: 14ch;
  margin-left: auto;
  margin-right: auto;
}

.h2-solares-disponibles {
  font-weight: 400;
}

.link-solares {
  color: #525252;
  font-weight: 600;
}

.link-solares:hover {
  color: var(--color--brand);
}

.h1-hero-pages-3 {
  color: #fff;
  text-align: center;
  max-width: 14ch;
  margin-left: auto;
  margin-right: auto;
}

.main-paragraph {
  margin-bottom: 16px;
  font-size: 16px;
}

.brand-link {
  color: var(--color--brand);
  text-decoration: none;
}

.brand-link:hover {
  color: var(--color--blue);
  text-decoration: underline;
}

.p-medium-texts {
  font-size: 16px;
}

.img-prensa {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.header-link {
  color: var(--color--texts);
  text-decoration: none !important;
}

.footer-title {
  margin-bottom: 0;
  font-size: 1.125em;
  font-weight: 700;
}

.logo-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.check-img {
  width: 32px;
  height: 32px;
}

.list {
  list-style-type: none;
}

.nav-dropdown {
  opacity: 0;
  background-color: #eee;
  min-width: 100%;
  max-height: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  transition: all .4s;
  position: absolute;
  top: 35px;
  left: 0;
  overflow: hidden;
}

.nav-dropdown.show-menu {
  opacity: 1;
  max-height: 500px;
}

.nav-dropdown.right-position {
  left: auto;
  right: 0;
}

.list-item-2 {
  display: block;
}

.nav-link-dropdown {
  background-color: #eee;
  position: relative;
}

.list-item-5 {
  background-color: #eee;
}

.dropdown-toppage {
  z-index: 2;
  background-color: var(--color--brand);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
  position: relative;
}

.dropdown-toppage-text {
  color: var(--color--white);
  font-weight: 600;
}

.dropdown-toppage-icon {
  color: var(--color--white);
  margin-left: 20px;
  position: static;
}
@media screen and (max-width: 479px) {
  .dropdown-toppage-icon {
      margin-left: 0px;
  }
  .w-icon-dropdown-toggle {
      margin-right: 0px;
  }
}
.card-sticky-menu-contact {
  color: var(--color--texts);
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
}

.card-sticky-menu-contact:hover {
  color: var(--color--brand);
}

.card-sticky-menu-content-text-link {
  color: var(--color--texts);
  font-weight: 400;
  text-decoration: underline;
}

.card-sticky-menu-content-text-link:hover {
  color: var(--color--brand);
  text-decoration: underline;
}

.fa-solid.fa-location-dot {
  color: var(--color--brand);
  margin-left: 8px;
  padding-right: 4px;
}

.fa-solid.fa-location-dot.first-icon {
  margin-left: 0;
  padding-right: 7px;
}

.map {
  max-height: 0;
  transition: all .4s;
  overflow: hidden;
}

.map.show-map {
  max-height: 460px;
}

.embed-map {
  width: 100%;
}

.map-trigger {
  cursor: pointer;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-link {
  color: var(--color--white);
  text-decoration: underline;
}

.footer-link:hover {
  color: var(--color--gray-lines);
}

.footer-link.prits-code {
  margin-top: 6px;
  text-decoration: none;
}

.footer-list {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.footer-item {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item {
  background-color: var(--color--white);
  width: 100%;
  padding: 16px;
  overflow: hidden;
}

.collection-item.historias {
  width: 353px;
}

.collection-item.nwes-home {
  align-items: center;
  display: block;
}

.collection-item.noticias {
  width: 353px;
}

.collection-item-date {
  color: var(--color--texts);
  padding-top: 24px;
  padding-bottom: 9px;
  font-size: 12px;
}

.collection-item-date.nwes-home {
  margin-left: auto;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: .875em;
}

.collection-item-paragraph {
  color: var(--color--texts);
  font-size: 1em;
  font-weight: 400;
}

.collection-item-paragraph.historias {
  margin-top: 24px;
}

.collection-list-wrapper {
  margin-bottom: 24px;
}

.collection-item-image {
  width: 100%;
  height: 200px;
}

.collection-item-image.home-news-img {
  margin-top: 20px;
  margin-bottom: 20px;
}

.list-wrapper {
  width: 360px;
}

.list-link {
  float: left;
  color: var(--color--texts);
  margin-left: 24px;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
}

.list-link:hover {
  color: var(--color--brand);
}

.list-item.accesos {
  background-color: var(--color--light-gray);
  border-radius: 10px;
  min-width: 360px;
  margin-bottom: 16px;
  padding: 24px;
  position: relative;
}

.list-item.accesos:hover {
  background-color: var(--color--soft-gray);
}

.div-block {
  background-color: var(--color--brand);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 20px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.h3-accesos {
  margin-top: 14px;
  margin-bottom: 32px;
  font-size: 2em;
  font-weight: 500;
}

.doc-item-list {
  color: var(--color--texts);
  align-items: center;
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  transition: all .3s;
  display: flex;
}

.doc-item-list:hover {
  background-color: var(--color--gray-hover);
}

.h4-accesos {
  margin-top: 32px;
  margin-bottom: 16px;
}

.video-wrapper {
  width: 100%;
  margin-right: 100px;
}

.text-link {
  color: var(--color--texts);
  font-size: var(--size--p);
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
  display: inline-block;
}

.text-link:hover {
  color: var(--color--brand);
  text-decoration: underline;
}

.text-link.paragraph {
  font-size: var(--size--h3);
  margin-left: 0;
}

.text-link._404 {
  margin-left: 0;
}

.text-link.pbv {
  font-size: 12px;
  text-decoration: none;
}

.text-link.pbv:hover {
  text-decoration: underline;
}

.text-video {
  font-size: var(--size--h3);
  margin-bottom: 48px;
  padding-top: 24px;
  font-weight: 700;
}

.collection-list-noticias {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 24px;
  margin-right: 0;
  display: grid;
}

.collection-list-noticias.noticias-index {
  margin-bottom: -24px;
  display: block;
}

.collection-list-noticias-main {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.collection-item-main {
  background-color: var(--color--white);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.h3-collection-item-title-main {
  color: var(--color--texts);
  font-size: var(--size--h2);
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
}

.collection-item-main-wrapper {
  background-color: var(--color--white);
  padding: 64px 56px;
}

.text-link-main {
  color: var(--color--texts);
  font-size: var(--size--p);
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
  display: inline-block;
}

.text-link-main:hover {
  color: var(--color--brand);
  text-decoration: underline;
}

.h3-collection-item-title {
  color: var(--color--texts);
  font-size: var(--size--h4);
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.h3-collection-item-title.historias, .h3-collection-item-title.noticias {
  font-size: var(--size--h4);
  height: 110px;
}

.collection-item-image-main {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 500px;
  margin-bottom: 24px;
}

.collection-item-image-main.historias {
  width: 100%;
  height: 500px;
}

.collection-item-date-main {
  padding-top: 24px;
  padding-bottom: 24px;
}

.collection-item-paragraph-main {
  font-size: var(--size--h3);
  margin-bottom: 24px;
  font-weight: 300;
}

.collection-item-paragraph-main.historias {
  margin-top: 24px;
}

.h2-collection-title {
  margin-bottom: 32px;
  display: block;
}

.h2-collection-title.hidden {
  display: none;
}

.h2-collection-title-otras {
  margin-bottom: 64px;
}

.collection-list-historias {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.collection-rich-text {
  margin-bottom: 24px;
  font-size: 1.18rem;
  font-weight: 300;
}

.collection-item-link {
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.collection-item-link.historias-positivas-card {
  display: block;
}

.collection-item-link.noticias-wrapper {
  flex-direction: row;
  justify-content: center;
}

.slider {
  width: 100%;
  height: 500px;
  display: block;
}

.slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
}

.list-item-6 {
  display: block;
}

.doc-item-2 {
  color: #525252;
  border-bottom: 1px solid #c2c2c2;
  align-items: center;
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  transition: all .3s;
  display: flex;
}

.doc-item-2:hover {
  background-color: #f8f8f8;
}

.doc-item-2.dropdown-item {
  cursor: pointer;
  display: block;
  position: relative;
}

.p-titledf-item-2 {
  color: #525252;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 1.5;
  text-decoration: none;
}

.p-titledf-item-2:hover {
  color: #5b6986;
}

.p-titledf-item-2.dropdown-item-p {
  text-decoration: underline;
}

.list-dropdown {
  margin-bottom: 30px;
}

.list-item-dropdown {
  padding-bottom: 10px;
}

.sticky-menu-links-2 {
  color: #525252;
  text-transform: uppercase;
  border-left: 4px solid #5b6986;
  width: 320px;
  margin-bottom: 16px;
  padding: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.sticky-menu-links-2:hover {
  background-color: #f1f1f1;
}

.dropdown-hidden-content {
  opacity: 0;
  max-height: 0;
  padding-right: 40px;
  transition: all .5s;
  overflow: hidden;
}

.dropdown-hidden-content.dropdown-show-content {
  opacity: 1;
  max-height: none;
  margin-top: 20px;
  padding-left: 0;
}

.dropdown-trigger {
  position: relative;
}

.nav-link-icon-2 {
  color: #5b6986;
  margin-right: 6px;
}

.nav-link-icon-2.dropdown-item {
  opacity: .8;
  color: #525252;
  font-size: 18px;
  transition: all .4s;
}

.nav-link-icon-2.dropdown-item.arrow-open {
  transform: rotate(180deg);
}

.h4-dropdown {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}

.trigger-hover-map {
  display: block;
}

.doc-item-3 {
  color: #525252;
  border-bottom: 1px solid #c2c2c2;
  align-items: center;
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  transition: all .3s;
  display: flex;
}

.doc-item-3:hover {
  background-color: #f8f8f8;
}

.doc-item-3.dropdown-item {
  cursor: pointer;
  display: block;
  position: relative;
}

.p-titledf-item-3 {
  color: #525252;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 1.5;
  text-decoration: none;
}

.p-titledf-item-3:hover {
  color: #5b6986;
}

.p-titledf-item-3.dropdown-item-p {
  text-decoration: underline;
}

.sticky-menu-links-oficinas {
  color: #525252;
  text-transform: uppercase;
  border-left: 4px solid #5b6986;
  align-items: center;
  width: 260px;
  margin-bottom: 16px;
  padding: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.sticky-menu-links-oficinas:hover {
  background-color: #f1f1f1;
}

.bold-text {
  font-weight: 500;
}

.doc-item-text-border-margin {
  border-bottom: 1px solid var(--color--gray-lines);
  margin-top: -32px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.h2-prevencion {
  font-size: 32px;
  font-weight: 500;
}

.h1-hero-pages-4 {
  color: #fff;
  text-align: center;
  max-width: 14ch;
  margin-left: auto;
  margin-right: auto;
}

.h1-hero-pages-4.long-title {
  text-shadow: 0 4px 5px #000000ed;
  background-color: #09080899;
  max-width: 50ch;
  padding: 15px 20px 10px;
}

.overflow-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.table_header {
  border: 1px solid var(--color--gray-lines);
  text-align: left;
  background-color: #eee;
  padding: 8px;
  font-weight: 600;
  line-height: 1.5;
}

.table_header.tel {
  text-align: center;
  min-width: 120px;
}

.table_header.tel.pbv {
  min-width: 0;
  font-size: 12px;
}

.table_header.categoria {
  text-align: center;
  min-width: 200px;
}

.table_header.descripcion {
  text-align: center;
}

.table_header.contacto {
  text-align: center;
  width: 150px;
}

.table_header.contacto.pbv {
  font-size: 14px;
}

.table_header.pueblo {
  text-align: center;
  min-width: 100px;
}

.table_header.pueblo.pbv {
  font-size: 14px;
}

.table_header.nombre {
  width: 150px;
}

.table_header.agente {
  width: 190px;
}

.table_header.unidades {
  width: 90px;
}

.table_header.direcci-n {
  min-width: 130px;
}

.table_header.direcci-n.pbv {
  min-width: 0;
  font-size: 12px;
}

.table_header.pbv {
  text-align: center;
  font-size: 12px;
}

.table_header.table-subastas {
  border-right-width: 0;
}

.table_header.table-subastas.last-column {
  border-right-width: 1px;
}

.table_header.microempresa {
  text-align: center;
}

.table_component {
  width: 100%;
  margin-top: 56px;
  margin-right: 56px;
  overflow: auto;
}

.table_cell {
  border: 1px solid var(--color--gray-lines);
  text-align: center;
  padding: 8px;
  font-size: 14px;
  line-height: 1.5;
}

.table_cell.pbv {
  font-size: 12px;
}

.table_row {
  height: 80px;
}

.p-large-texts-2 {
  font-size: 18px;
}

.table_cell-2 {
  border: 1px solid var(--color--gray-lines);
  font-size: var(--size-2);
  padding: 14px 12px;
  line-height: 1.5;
}

.p-large-texts-3 {
  font-size: 18px;
}

.table_header-2 {
  border: 1px solid var(--color--gray-lines);
  text-align: left;
  background-color: #eee;
  min-width: 120px;
  height: 70px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 10px;
  font-weight: 600;
}

.listado-coordinadores-paragraph {
  margin-bottom: 12px;
  padding-top: 24px;
}

.aclaracion-serv-profesionales {
  color: var(--color--red);
  text-align: center;
  padding-top: 24px;
}

.padding-top-24 {
  padding-top: 24px;
}

.p-large-texts-4 {
  font-size: 18px;
}

.table_header-3 {
  text-align: left;
  background-color: #eee;
  border: 1px solid #c2c2c2;
  min-width: 120px;
  height: 70px;
  padding: 12px 20px 12px 10px;
  font-weight: 600;
}

.table_cell-3 {
  border: 1px solid #c2c2c2;
  padding: 14px 12px;
  font-size: 14px;
  line-height: 1.5;
}

.table_cell-3.align-center {
  text-align: center;
}

.table_cell-3.table-subastas {
  border-top-width: 0;
  border-right-width: 0;
}

.table_cell-3.table-subastas.last-column {
  border-right-width: 1px;
}

.list-item-8 {
  display: block;
}

.sticky-menu-links-4 {
  color: #525252;
  text-transform: uppercase;
  border-left: 4px solid #5b6986;
  width: 320px;
  margin-bottom: 16px;
  padding: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.sticky-menu-links-4:hover {
  background-color: #f1f1f1;
}

.table_header-4 {
  text-align: left;
  background-color: #eee;
  border: 1px solid #c2c2c2;
  min-width: 120px;
  height: 70px;
  padding: 12px 20px 12px 10px;
  font-weight: 600;
}

.table_cell-4 {
  border: 1px solid #c2c2c2;
  padding: 14px 12px;
  font-size: 14px;
  line-height: 1.5;
}

.card-tab-menu-content-2 {
  grid-column-gap: 16px;
  border-bottom: 1px solid #525252;
  align-items: center;
  padding-bottom: 24px;
  display: flex;
}

.tabs-menu-links-2 {
  color: #525252;
  text-transform: uppercase;
  background-color: #fff;
  border-left: 4px solid #5b6986;
  width: 320px;
  margin-bottom: 16px;
  padding: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
}

.tabs-menu-links-2:hover, .tabs-menu-links-2.w--current {
  background-color: #f1f1f1;
}

.table_header-5 {
  text-align: left;
  background-color: #eee;
  border: 1px solid #c2c2c2;
  min-width: 120px;
  height: 70px;
  padding: 12px 20px 12px 10px;
  font-weight: 600;
}

.table_cell-5 {
  border: 1px solid #c2c2c2;
  padding: 14px 12px;
  font-size: 14px;
  line-height: 1.5;
}

.table_cell-5.table-subastas.last-column {
  text-align: center;
  border-right-width: 1px;
}

.table_cell-5.table-subastas {
  border-top-width: 0;
  border-right-width: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.table_cell-5.table-subastas.last-column {
  border-right-width: 1px;
}

.lightbox-text-2 {
  color: #161616;
  background-color: #fff;
  border-radius: 5px;
  padding: 8px 16px;
  font-weight: 600;
}

.btn-enviar-form {
  background-color: var(--color--brand);
  width: 80px;
}

.div-block-2 {
  border-bottom: 1px solid #000;
  padding-bottom: 16px;
}

.contact-wrapper {
  flex-direction: column;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.paragraph-height-2 {
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 2;
}

.historias-img {
  object-fit: cover;
  width: 100%;
  max-height: 500px;
  margin-bottom: 30px;
}

.lightbox {
  width: 100%;
}

.tabs-menu-links-3 {
  color: #525252;
  text-transform: uppercase;
  background-color: #fff;
  border-left: 4px solid #5b6986;
  align-items: center;
  width: 320px;
  margin-bottom: 16px;
  padding: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.tabs-menu-links-3:hover {
  background-color: #f1f1f1;
}

.tabs-menu-links-3.w--current {
  background-color: #f1f1f1;
  align-items: center;
  display: flex;
}

.card-tab-menu-content-3 {
  grid-column-gap: 16px;
  border-bottom: 1px solid #525252;
  align-items: center;
  padding-bottom: 24px;
  display: flex;
}

.category-title {
  text-align: left;
}

.table_component-3 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}

.table_header-6 {
  text-align: left;
  background-color: #eee;
  border: 1px solid #c2c2c2;
  min-width: 120px;
  height: 70px;
  padding: 12px 20px 12px 10px;
  font-weight: 600;
}

.padding-top {
  margin-top: 20px;
  line-height: 1.6;
}

.input-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.input-wrapper.two-column {
  width: 49%;
  margin-bottom: 30px;
}

.input-wrapper.one-column {
  width: 100%;
  margin-bottom: 30px;
}

.input-wrapper.one-column.column {
  display: block;
}

.label-form {
  font-size: var(--size-2);
  width: 100%;
  font-weight: 500;
  line-height: 1.4;
}

.form-2 {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.radio-input {
  margin-top: 5px;
  margin-right: 40px;
}

.submit-wrapper {
  justify-content: center;
  width: 100%;
  display: flex;
}

.h3-full-width {
  width: 100%;
}

.h3-full-width.padding-bottom {
  margin-bottom: 30px;
}

.paragraph-form {
  border-top: 1px solid #d1d1d1;
  width: 100%;
  margin-bottom: 40px;
  padding-top: 20px;
}

.submit-btn {
  background-color: var(--color--brand);
  font-size: var(--size-2);
  border-radius: 5px;
  padding-left: 60px;
  padding-right: 60px;
  transition: all .4s;
}

.submit-btn:hover {
  background-color: var(--color--blue);
}

.ms-input-label {
  color: #121331;
  margin-bottom: 5px;
  font-weight: 700;
}

.ms-input-wrap {
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input {
  color: #121331;
  background-color: #fff;
  border: 1px solid #12133140;
  border-radius: 5px;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 8px 12px;
  transition: box-shadow .2s, border-color .2s;
  position: relative;
  box-shadow: 0 5px 10px -5px #0000001a;
}

.ms-input:hover {
  z-index: 2;
  box-shadow: none;
  border-color: #2962ff;
}

.ms-input::placeholder {
  color: #909090;
}

.ms-input.icon-left {
  width: 100%;
  padding-left: 40px;
}

.ms-svg {
  z-index: 3;
  color: #12133140;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 10px auto auto 10px;
}

.ms-column {
  grid-row-gap: 20px;
  flex-direction: column;
  width: 30%;
  display: flex;
}

.ms-column._50 {
  width: 47%;
}

.ms-column._50.padding {
  background-color: #f8f8f8;
  border-radius: 16px;
  padding: 10%;
}

.input-field-wrap {
  width: 100%;
  margin-bottom: 10px;
}

.field-label {
  color: #160042;
  letter-spacing: -.02em;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}

.field-wrap {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.date-field {
  color: #151e24;
  border: 1px solid #e9ecf0;
  border-radius: 12px;
  width: 100%;
  min-height: 44px;
  margin-bottom: 0;
  padding: 10px 16px 10px 52px;
  font-size: 14px;
  transition: all .25s;
  box-shadow: 1px 1px 2px #7281a70a;
}

.date-field:hover {
  border-color: #ccd5e0;
}

.date-field:focus {
  border-color: #642eff;
}

.date-field::placeholder {
  color: #a0a6b0;
}

.date-field.input {
  color: var(--color--texts);
  border-color: #ccc;
  margin-top: 0;
  margin-bottom: 0;
}

.field-icon {
  position: absolute;
  inset: auto auto auto 16px;
}

.input {
  border-radius: 4px;
  height: 40px;
  min-height: 44px;
}

.h4-proveedores {
  text-transform: uppercase;
  margin-top: 24px;
  font-weight: 600;
}

.h5-proveedores {
  font-size: var(--size--h5);
  margin-top: 24px;
  font-weight: 600;
}

.p-large-texts-5 {
  font-size: 24px;
}

.label-form-2 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.text-area {
  border-radius: 4px;
}

.submit-btn-2 {
  background-color: #5b6986;
  border-radius: 5px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 14px;
  transition: all .4s;
}

.submit-btn-2:hover {
  background-color: #2c426e;
}

.h1-hero-pages-5 {
  color: #fff;
  text-align: center;
  max-width: 20ch;
  margin-left: auto;
  margin-right: auto;
}

.h1-hero-pages-5.solicitud-vivienda {
  max-width: 20ch;
}

.gallery-item-wrapper {
  height: 90px;
  margin-bottom: 10px;
  overflow: hidden;
}

.gallery-item {
  width: 100%;
  height: 100%;
}

.gallery-item-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-more-imgs {
  margin-bottom: 24px;
}

.mapa-zonas-referencia {
  opacity: 1;
  width: 320px;
  transition: opacity .3s;
}

.mapa-zonas-referencia.zones {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.mapa-zonas-referencia.zones.show-map {
  opacity: 1;
}

.color-indicator {
  background-color: #00848a;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

.color-indicator.arecibo {
  background-color: #7fcdbd;
}

.color-indicator.bayamon {
  background-color: #004c73;
}

.color-indicator.san-juan {
  background-color: #a8a800;
}

.color-indicator.carolina {
  background-color: #00a9e6;
}

.color-indicator.caguas {
  background-color: #ff6e00;
}

.color-indicator.humacao {
  background-color: #372673;
}

.color-indicator.guayama {
  background-color: #ffd200;
}

.color-indicator.ponce {
  background-color: #69a800;
}

.color-indicator.mayaguez {
  background-color: #993bb5;
}

.map-zone {
  text-align: center;
  width: 100%;
  height: 360px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.map-zone-img {
  aspect-ratio: auto;
  text-align: center;
  object-fit: contain;
  object-position: 0% 50%;
  height: 100%;
  display: inline-block;
}

.content-wrapper-residenciales {
  display: flex;
}

.map-wrapper {
  position: relative;
}

.sticky-content {
  position: static;
  top: 0;
}

.table-wrapper {
  width: 100%;
  overflow: auto;
}

.html-embed {
  width: auto;
  height: auto;
  max-height: none;
}

.accordion-2 {
  border-bottom: 1px solid var(--color--texts);
  margin-top: 24px;
  margin-bottom: 0;
  padding-bottom: 24px;
  padding-left: 10px;
}

.accordion-2.margin-top {
  margin-top: 60px;
}

.accordion-paragraph-showed {
  border-bottom: 1px solid var(--color--texts);
  margin-bottom: 0;
  padding-bottom: 24px;
}

.year-news {
  margin-right: 20px;
  display: none;
}

.date-news {
  color: var(--color--texts);
  font-size: var(--size);
  margin-left: auto;
  margin-right: 0;
  padding-top: 5px;
  padding-left: 30px;
  padding-right: 10px;
  font-weight: 500;
}

.lightbox-thumb {
  max-width: 120px;
}

.lightbox-wrapper {
  flex-direction: row;
  display: flex;
}

.ligthbox-thumbs-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0000;
  background-color: #0000;
  flex-flow: wrap;
  width: 100%;
  margin-top: 48px;
  padding: 0;
  display: flex;
}

.lightbox-link-3 {
  width: 50px;
}

.collection-subastas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.collection-subastas-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: block;
}

.collection-list-subastas {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.title-table {
  margin-bottom: 30px;
}

.text-block-2, .text-block-3 {
  word-break: break-all;
}

.table-container {
  overflow: auto;
}

.table-subastas-wrapper {
  width: 100%;
  margin-top: 40px;
}

.h3-aviso {
  text-transform: uppercase;
  width: 30ch;
}

.title-aviso {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  display: flex;
}

.list-aviso {
  line-height: 1.5;
}

.align-items-nav {
  justify-content: center;
  align-items: center;
  position: relative;
}

.hide-link {
  display: none;
}

.slider-home {
  margin-top: 80px;
}

.wb-container-slider {
  height: 440px;
}

.slider-img {
  width: auto;
  height: 100%;
}

.slider-img.hide {
  display: none;
}

.slide-1, .mask-2 {
  background-color: var(--color--soft-gray);
}

.image-6 {
  mix-blend-mode: multiply;
}

.input-date {
  border: 1px solid var(--color--gray-lines);
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.text-field {
  display: none;
}

.querellas-item {
  margin-bottom: 12px;
  padding-top: 24px;
}

.year {
  display: none;
}

.sticky-menu-content {
  border-bottom: 1px solid var(--color--texts);
  padding-bottom: 30px;
}

.form-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.form-3 {
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.input-wrapper-2 {
  flex-flow: wrap;
  display: flex;
}

.input-wrapper-2.two-column {
  width: 49%;
  margin-bottom: 30px;
}

.input-wrapper-2.one-column {
  width: 100%;
  margin-bottom: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.label-form-3 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.label-form-3.lbl-header {
  color: var(--white);
  background-color: #5b6986;
  margin-bottom: 20px;
  padding: 10px;
}

.radio-input-2 {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 40px;
  padding-left: 20px;
}

.checkbox-field {
  margin-top: 5px;
  margin-right: 40px;
}

.field-label-2 {
  font-size: var(--size-2);
  width: 100%;
  margin-top: 10px;
  font-weight: 400;
}

.div-block-3 {
  flex: 0 auto;
}

.text-field-2, .text-field-3 {
  width: 50%;
}

.div-block-4 {
  margin-left: 24px;
}

.div-block-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-6, .div-block-7 {
  margin-right: 20px;
}

.four-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.two-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.div-block-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.field-label-3 {
  margin-top: 8px;
  font-weight: 400;
}

.heading-2 {
  font-size: 32px;
}

.sub-title-h4 {
  margin-top: 40px;
}

.doc-item-4 {
  color: #525252;
  border-bottom: 1px solid #c2c2c2;
  align-items: center;
  margin-top: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  transition: all .3s;
  display: flex;
}

.doc-item-4:hover {
  background-color: #f8f8f8;
}

.doc-icon-2 {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}

.p-titledf-item-4 {
  color: #525252;
  text-transform: none;
  margin-bottom: 0;
  line-height: 1.3;
  text-decoration: none;
}

.p-titledf-item-4:hover {
  color: #036078;
}

.heading-3 {
  margin-top: 40px;
}

.text-field-4 {
  min-height: 44px;
}

.skipmenu {
  width: auto;
  height: 40px;
  font-weight: 600;
  position: absolute;
}

.skipmenu.w--current {
  margin-top: -60px;
  position: absolute;
}

.skiplink {
  color: var(--black);
  width: 100%;
  height: 40px;
  margin-top: -40px;
  font-weight: 600;
}

.skipcontent {
  position: absolute;
}

.pb-cardsticky {
  font-size: var(--size--h3);
  margin-top: 32px;
  font-weight: 700;
  line-height: 1.3;
}

.hiddendl {
  position: absolute;
}

.slide-content {
  color: var(--white);
  font-size: var(--size-2);
  text-align: center;
  background-color: #000c;
  padding: 20px 10px 40px;
  font-weight: 600;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-5 {
  color: var(--white);
  font-weight: 400;
}

.rich-text-block {
  text-align: center;
}

.text-block-7 {
  text-align: center;
  margin-top: 20px;
}

.collection-subasta {
  display: block;
}

.back-to-top-cta-2 {
  display: none;
}

.text-block-6 {
  float: right;
  margin-left: 10px;
  position: static;
}

.field-label-4 {
  font-weight: 500;
}

.table_header-7 {
  text-align: left;
  background-color: #eee;
  border: 1px solid #c2c2c2;
  padding: 8px;
  font-weight: 600;
  line-height: 1.5;
}

.table_header-7.table-subastas {
  color: #fff;
  text-align: center;
  background-color: #036078;
  border-right-width: 0;
  position: static;
}

.input-wrapper-3 {
  flex-wrap: wrap;
  display: flex;
}

.input-wrapper-3.one-column {
  width: 100%;
  margin-bottom: 0;
}

.text-field-5 {
  margin-bottom: 0;
}

.collection-subasta-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr minmax(250px, 250px) 1.5fr 1.25fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.marg-bot-20 {
  margin-bottom: 20px;
}

.collection-estado-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pagination {
  margin-top: 20px;
}

.rich-text-block-2 {
  text-align: center;
  object-fit: fill;
  font-weight: 500;
}

.text-block-8, .text-block-9 {
  text-align: center;
  font-weight: 500;
}

.text-block-10 {
  text-align: center;
  font-weight: 600;
}

.rich-text-block-3, .rich-text-block-4 {
  text-align: center;
  font-weight: 500;
}

.code-embed {
  font-weight: 500;
}

.collection-avisos-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: block;
}

.h3-card-sticky-menu-title-2 {
  font-size: 2em;
}

.h3-card-sticky-menu-title-2.bold-700 {
  font-weight: 700;
}

.h3-card-sticky-menu-title-2.bold-700.top-marg-20 {
  margin-top: 20px;
}

.h3-card-sticky-menu-title-2.padtop-20 {
  padding-top: 20px;
}

.h3-card-sticky-menu-title-2.padding-top-title {
  padding-top: 50px;
}

.brand-link-2 {
  color: #036078;
  text-decoration: none;
}

.back-to-top-cta-3 {
  display: none;
}

.table-microempresas-wrapper {
  width: 100%;
  margin-top: 0;
}

.collection-list-microempresas {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: .5fr .5fr .5fr .5fr .5fr .5fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.collection-avisos {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.table_component-4 {
  width: 100%;
  margin-top: 20px;
  margin-right: 56px;
  overflow: auto;
}

.doc-item-5 {
  color: #525252;
  border-bottom: 1px solid #c2c2c2;
  align-items: center;
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  transition: all .3s;
  display: flex;
}

.doc-item-5:hover {
  background-color: #f8f8f8;
}

.collection-list-avisos {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 3fr .5fr .5fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.rich-text-block-5, .rich-text-block-6, .rich-text-block-7 {
  text-align: center;
}

.text-block-11 {
  text-align: center;
  font-weight: 600;
}

.rich-text-block-8 {
  text-align: center;
}

.paragraph-2, .paragraph-3 {
  margin-bottom: 40px;
}

.link-results {
  font-weight: 600;
}

.nav-link-2 {
  color: #161616;
  text-transform: uppercase;
  white-space: nowrap;
  word-break: normal;
  cursor: pointer;
  background-color: #eee;
  border: 1px solid #fff;
  width: 100%;
  padding: 10px 24px 10px 10px;
  font-size: .75em;
  font-weight: 600;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
  position: relative;
}

.nav-link-2:hover, .nav-link-2.w--current, .nav-link-2.w--open {
  color: #fff;
  background-color: #036078;
}

.nav-link-2.search-wrapper {
  padding-right: 10px;
}

.search-icon {
  flex-flow: row;
  justify-content: center;
  display: flex;
}
.search-icon a{
  color: var(--color--navbar-links-text) !important;
}
.search-icon a:hover, .search-wrapper:hover{
  color: white !important;
}
.search-bar-wrapper {
  opacity: 0;
  background-color: #eee0;
  justify-content: center;
  width: 100%;
  max-width: 1108px;
  height: 0;
  display: flex;
  overflow: hidden;
}

.search-bar {
  width: 100%;
  max-width: 887px;
}

.search-menu {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1920px) {
  .image-3, .image-4, .image-5 {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: var(--size--h2-tablet);
  }

  h3 {
    font-size: var(--size--h3-tablet);
  }

  .div-form-message-success {
    height: 100%;
  }

  .form-field-wrapper {
    width: auto;
  }

  .form-message-error {
    text-align: center;
  }

  .styleguide_4-col, .styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .hidden-md {
    display: none;
  }

  .styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .button.primary.form {
    width: 100%;
  }

  .wb-container.wb-navbar {
    justify-content: flex-start;
    max-width: 1220px;
    margin-top: -60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .wb-container.vivienda-publica-informa {
    flex-direction: column;
  }

  .form-message-success {
    height: 20rem;
  }

  .section.hero-home {
    height: 400px;
    margin-bottom: 0;
    top: auto;
  }

  .section.full-width-img {
    height: 250px;
  }

  .section.hero-pages {
    height: 300px;
    margin-bottom: 0;
    top: auto;
  }

  .section.map {
    height: 580px;
  }

  .div-form-field-wrapper {
    flex-direction: column;
  }

  .logos-wrapper {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .minor-logo-img {
    width: 150px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .banner-top-wrapper {
    position: relative;
  }

  .nav-menu {
    width: 50%;
  }

  .nav-link {
    text-align: left;
  }

  .nav-link.no-dropdown {
    width: 100%;
  }

  .nav-link.no-dropdown.w--current, .nav-link.nav-link-main {
    text-align: left;
  }

  .h1-hero-home {
    font-size: var(--size--h1-tablet);
  }

  .banner-top-dropdown-wrapper {
    background-color: var(--color--soft-gray);
    width: 100%;
    margin-left: -56px;
    padding-left: 56px;
    padding-right: 56px;
  }

  .background-gray-dropdown {
    height: 83px;
    display: none;
  }

  .menu-button {
    color: var(--color--navbar-links-text);
    font-size: 30px;
    transition: transform .2s;
  }

  .menu-button:hover {
    transform: scale(1.3);
  }

  .menu-button.w--open {
    color: var(--color--brand);
    background-color: #0000;
  }

  .card-access {
    background-color: var(--color--light-gray);
  }

  .card-access:hover {
    box-shadow: 0 4px 8px #0000001a;
  }

  .card-icon.purple {
    min-height: 100%;
  }

  .h3-horizontal-card-title {
    font-size: var(--size--h3-tablet);
  }

  .cards-wrapper-columns {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .h3-card-column-title {
    max-width: none;
  }

  .h1-hero-pages {
    font-size: var(--size--h1-tablet);
  }

  .sticky-menu-links.w--current {
    background-color: var(--color--light-gray);
  }

  .sticky-menu-list {
    margin-right: 36px;
  }

  .sticky-menu-list.directorio-secretarias {
    height: 770px;
  }

  .sticky-menu-list.reglamentos {
    height: 780px;
  }

  .sticky-menu-list.solicitudes {
    height: 240px;
  }

  .sticky-menu-list.egidas {
    height: 2020px;
  }

  .sticky-menu-list.ayuda-materiales {
    height: 200px;
  }

  .sticky-menu-list.planificacion-estrategica {
    height: 150px;
  }

  .sticky-menu-list.seccion-504 {
    width: 200px;
    height: 310px;
  }

  .sticky-menu-list.proveedores-servicios {
    width: 200px;
    height: 280px;
  }

  .sticky-menu-list.agentes-admin {
    width: 210px;
    height: 310px;
  }

  .sticky-menu-list.info-publica {
    width: 200px;
    height: 360px;
  }

  .sticky-menu-list.areas-negociados {
    height: 1070px;
  }

  .sticky-menu-list.residenciales {
    margin-right: 10px;
    padding-left: 0;
  }

  .sticky-menu-list.oficinas-regionales {
    width: 200px;
    height: 710px;
  }

  .sticky-menu-list.noticias {
    height: 310px;
  }

  .h3-card-sticky-menu-title {
    font-size: 28px;
  }

  .tabs-menu-list {
    margin-right: 36px;
  }

  .tabs-menu-list.proyectos {
    height: 640px;
  }

  .tabs-menu-links {
    width: 200px;
  }

  .tabs-menu-links.w--current {
    background-color: var(--color--light-gray);
  }

  .tabs-menu-content-flex.custom-tab.show-tab {
    width: 100%;
  }

  .h3-card-tab-menu-title {
    font-size: 28px;
  }

  .card-tab-menu-content-text {
    font-size: 16px;
  }

  .lightbox-link {
    height: 300px;
  }

  .h1-hero-pages-2 {
    font-size: 60px;
  }

  .link-solares.table-subastas {
    font-size: var(--size-2);
  }

  .h1-hero-pages-3 {
    font-size: 60px;
  }

  .nav-dropdown {
    background-color: #eee;
    padding-left: 20px;
    position: static;
  }

  .list-item-3 {
    text-align: left;
  }

  .list-item-4 {
    padding-left: 20px;
  }

  .list-wrapper {
    width: 100%;
  }

  .h3-accesos {
    margin-top: 32px;
  }

  .collection-list-noticias {
    justify-content: center;
  }

  .h3-collection-item-title-main {
    font-size: var(--size--h3);
    max-width: none;
  }

  .collection-item-main-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .h3-collection-item-title {
    max-width: none;
  }

  .sticky-menu-links-2 {
    width: 200px;
  }

  .sticky-menu-links-2.w--current {
    background-color: #f1f1f1;
  }

  .sticky-menu-links-oficinas {
    width: 370px;
  }

  .sticky-menu-links-oficinas.w--current {
    background-color: #f1f1f1;
  }

  .h1-hero-pages-4 {
    font-size: 60px;
  }

  .overflow-wrapper {
    overflow: auto;
  }

  .table_header.tel, .table_header.categoria {
    min-width: 0;
  }

  .table_header.contacto {
    width: auto;
  }

  .table_header.pueblo {
    min-width: 0;
  }

  .table_header.nombre {
    width: auto;
  }

  .table_header.agente {
    min-width: 0;
  }

  .table_header.unidades {
    width: auto;
  }

  .table_header.table-subastas {
    font-size: var(--size-2);
  }

  .table_cell-3.table-subastas {
    font-size: var(--size);
  }

  .sticky-menu-links-4 {
    width: 200px;
  }

  .sticky-menu-links-4.w--current {
    background-color: #f1f1f1;
  }

  .tabs-menu-links-2 {
    width: 200px;
  }

  .tabs-menu-links-2.w--current {
    background-color: #f1f1f1;
  }

  .table_cell-5.table-subastas {
    font-size: .75em;
  }

  .tabs-menu-links-3 {
    width: 200px;
  }

  .tabs-menu-links-3.w--current {
    background-color: #f1f1f1;
  }

  .ms-column {
    width: 47%;
  }

  .ms-column._50.padding {
    padding: 7%;
  }

  .h1-hero-pages-5 {
    font-size: 60px;
  }

  .map-zone {
    width: 100%;
    height: 270px;
  }

  .right-column.residenciales {
    width: 100%;
  }

  .table-container {
    height: 500px;
  }

  .table-subastas-wrapper {
    min-width: 1060px;
  }

  .table_header-7.table-subastas {
    font-size: .875em;
  }

  .h3-card-sticky-menu-title-2 {
    font-size: 28px;
  }

  .table-microempresas-wrapper {
    min-width: 1060px;
  }

  .nav-link-2 {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: var(--size--h2);
  }

  h2 {
    font-size: var(--size--h2-mobile);
  }

  h3 {
    font-size: var(--size--h3-mobile);
  }

  .hidden-sm {
    display: none;
  }

  .styleguide_section-header {
    font-size: .875rem;
  }

  .wb-container, .wb-container.wb-navbar {
    padding-left: 24px;
    padding-right: 24px;
  }

  .wb-container._2-col {
    flex-direction: column;
  }

  .section.full-width-img {
    background-position: 40%;
  }

  .section.hero-pages {
    height: 250px;
  }

  .footer-content {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-link-contact:hover {
    color: var(--color--white);
  }

  .header-wrapper {
    justify-content: center;
  }

  .banner-top-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menu {
    width: 100%;
  }

  .h1-hero-home {
    font-size: var(--size--h1-mobile);
  }

  .banner-top-drop {
    font-size: 13px;
  }

  .banner-top-dropdown-wrapper {
    background-color: var(--color--soft-gray);
    width: 100vw;
    margin-left: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card-icon-img {
    max-width: 40px;
    max-height: 35px;
  }

  .h3-horizontal-card-title {
    font-size: var(--size--h3-mobile);
    margin-left: 20px;
    margin-right: 20px;
  }

  .cards-wrapper-columns {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .h1-hero-pages {
    font-size: var(--size--h1-mobile);
  }

  .p-large-texts {
    font-size: 18px;
  }

  .sticky-menu-links {
    width: 100%;
  }

  .sticky-menu-list {
    width: 100%;
    margin-bottom: 56px;
    margin-right: 24px;
    position: static;
  }

  .sticky-menu-list.directorio-secretarias {
    height: 830px;
  }

  .sticky-menu-list.solicitudes {
    height: 290px;
  }

  .sticky-menu-list.egidas {
    height: 2460px;
  }

  .sticky-menu-list.centro-urbano {
    height: 850px;
  }

  .sticky-menu-list.ayuda-materiales {
    height: 200px;
  }

  .sticky-menu-list.adq-ventas {
    height: 290px;
  }

  .sticky-menu-list.planificacion-estrategica {
    height: 170px;
  }

  .sticky-menu-list.seccion-504, .sticky-menu-list.proveedores-servicios, .sticky-menu-list.agentes-admin, .sticky-menu-list.info-publica, .sticky-menu-list.areas-negociados {
    width: 100%;
    height: auto;
  }

  .sticky-menu-list.oficinas-regionales {
    width: 100%;
  }

  .sticky-menu-list.noticias {
    width: 100%;
    height: auto;
  }

  .h3-card-sticky-menu-title {
    font-size: 24px;
  }

  .sticky-menu-content-grid {
    grid-column-gap: 18px;
  }

  .card-sticky-menu-content-text {
    font-size: 14px;
  }

  .back-to-top-cta {
    text-align: right;
    align-self: flex-end;
    display: block;
    position: sticky;
    bottom: 36px;
  }

  .tabs-menu-list {
    margin-right: 24px;
  }

  .tabs-menu-list.proyectos {
    height: 760px;
  }

  .tabs-menu-links {
    width: 160px;
  }

  .h3-card-tab-menu-title {
    font-size: 24px;
  }

  .card-tab-menu-content-text {
    font-size: 14px;
  }

  .lightbox-link {
    height: 220px;
  }

  ._404-content-text {
    font-size: 14px;
  }

  .h1-hero-pages-2 {
    font-size: 40px;
  }

  .link-solares {
    font-size: 30px;
  }

  .h1-hero-pages-3 {
    font-size: 40px;
  }

  .dropdown-toppage-text {
    font-size: var(--size);
  }

  .card-sticky-menu-contact {
    font-size: 14px;
  }

  .collection-item {
    width: 100%;
    height: 100%;
  }

  .collection-item-image {
    width: 100%;
    height: 100%;
    display: block;
  }

  .h3-collection-item-title {
    height: 100%;
  }

  .collection-item-image-main {
    max-height: 350px;
  }

  .sticky-menu-links-2 {
    width: 160px;
  }

  .sticky-menu-links-oficinas {
    width: 100%;
  }

  .h1-hero-pages-4 {
    font-size: 36px;
  }

  .p-large-texts-2, .p-large-texts-3, .p-large-texts-4 {
    font-size: 18px;
  }

  .sticky-menu-links-4, .tabs-menu-links-2 {
    width: 160px;
  }

  .historias-img {
    max-height: 350px;
  }

  .tabs-menu-links-3 {
    width: 160px;
  }

  .table_component-3 {
    overflow: auto;
  }

  .input-wrapper.two-column, .ms-column, .ms-column._50 {
    width: 100%;
  }

  .ms-column._50.padding {
    padding: 3%;
  }

  .p-large-texts-5 {
    font-size: 18px;
  }

  .h1-hero-pages-5 {
    font-size: 36px;
  }

  .mapa-zonas-referencia {
    width: 100%;
  }

  .content-wrapper-residenciales {
    display: block;
  }

  .date-news {
    padding-right: 0;
  }

  .text-block-4 {
    word-break: break-all;
  }

  .title-aviso {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    margin-bottom: 24px;
  }

  .h3-card-sticky-menu-title-2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--size--h3);
  }

  .hidden-xs {
    display: none;
  }

  .wb-container._2-col {
    position: relative;
  }

  .wb-container.historias-cointainer {
    padding-left: 0;
    padding-right: 0;
  }

  .form-message-success {
    height: 14rem;
  }

  .section {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section.map {
    height: 360px;
  }

  .footer-content {
    flex-wrap: wrap;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .banner-top-wrapper {
   /* width: 100%;
    padding-left: 20px;
    padding-right: 20px;*/
    width: 380px;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;  
  }
  .dropdown-toppage {
      z-index: 1002;
      justify-content: center;
      margin-top: 0;
      margin-bottom: 0;
  }

  .banner-top-dropdown-wrapper {
      z-index: 1000;
      opacity: 0;
      margin-top: 30px;
      margin-left: -15px;
      transition: all .4s;
      display: flex;
      top: -30px;
  }

  .section.header-vivienda {
      padding-top: 50px;
  }

  .h2-card-list {
    font-size: 28px;
  }

  .card-icon {
    width: 50px;
    min-width: 60px;
  }

  .card-icon-img {
    max-width: 30px;
    max-height: 30px;
  }

  .h3-horizontal-card-title {
    color: #525252;
  }

  .card-noticias {
    flex-direction: column;
    margin-bottom: 30px;
    padding-bottom: 10px;
  }

  .h3-card-column-title {
    text-align: center;
    padding-left: 10px;
  }

  .cards-img-columns {
    object-fit: cover;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 70px;
    margin-bottom: 10px;
  }

  .sticky-menu-links {
    width: 100%;
  }

  .sticky-menu-list.directorio-secretarias {
    height: 640px;
  }

  .sticky-menu-list.reglamentos {
    height: 610px;
  }

  .sticky-menu-list.solicitudes {
    height: 240px;
  }

  .sticky-menu-list.egidas {
    height: 1990px;
  }

  .sticky-menu-list.centro-urbano {
    height: 690px;
  }

  .sticky-menu-list.ayuda-materiales {
    height: 200px;
  }

  .sticky-menu-list.adq-ventas {
    height: 270px;
  }

  .sticky-menu-list.planificacion-estrategica {
    height: 150px;
  }

  .sticky-menu-content-wrapper {
    position: relative;
  }

  .tab-horizontal {
    flex-direction: column;
  }

  .tabs-menu-list {
    margin-bottom: 56px;
    position: static;
  }

  .tabs-menu-list.proyectos {
    height: 590px;
  }

  .tabs-menu-links {
    width: 100%;
  }

  .menu-content-wrapper, .content-wrapper {
    position: relative;
  }

  .link-solares {
    overflow-wrap: break-word;
  }

  .collection-item.historias, .collection-item.noticias {
    margin-left: 0;
    margin-right: 0;
  }

  .list-item.accesos {
    min-width: 300px;
  }

  .h3-collection-item-title-main {
    text-align: left;
    padding-left: 10px;
  }

  .collection-item-main-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .h3-collection-item-title {
    text-align: center;
  }

  .h2-collection-title, .h2-collection-title-otras {
    font-size: 28px;
  }

  .sticky-menu-links-2, .sticky-menu-links-oficinas, .sticky-menu-links-4, .tabs-menu-links-2 {
    width: 100%;
  }

  .contact-wrapper {
    position: relative;
  }

  .tabs-menu-links-3, .table_component-3 {
    width: 100%;
  }

  .input-wrapper.one-column.postal-dir-no-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ms-column._50 {
    width: 100%;
  }

  .checkbox-label-contact {
    flex-flow: wrap;
    display: block;
  }

  .slider-home {
    margin-top: 40px;
  }

  .wb-container-slider {
    height: 140px;
  }

  .four-column {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .two-column {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .caption {
    padding-left: 0;
    padding-right: 0;
  }

  .back-to-top-cta-2, .back-to-top-cta-3 {
    float: right;
    align-self: flex-end;
    display: block;
    position: sticky;
    inset: auto 0% 36px auto;
  }
}

#w-node-cbe63e28-9648-15c4-2324-eb06856dc4b1-4f586291, #w-node-_665beda0-b2ea-0697-4668-9f437a6d589c-7a6d5888, #w-node-_665beda0-b2ea-0697-4668-9f437a6d58a4-7a6d5888, #w-node-f39d3c26-ee31-cc60-8b28-c51b7909b071-7a6d5888, #w-node-f39d3c26-ee31-cc60-8b28-c51b7909b081-7a6d5888, #w-node-_3e4e4b7b-56de-4411-0541-909e392b9e08-4f586320, #w-node-_1fb9ed7e-0512-9c5d-6a23-c5f602e66df4-4f586340, #w-node-c4c13869-d332-985e-b4ac-97e1dd0a7930-4f586341, #w-node-_58e43a92-52b3-9fc1-0b3b-ae8335aa1964-4f586371, #w-node-_58e43a92-52b3-9fc1-0b3b-ae8335aa1964-4f58639b, #w-node-_948bc630-83c2-ed74-c3b2-325d5f25f190-4f5863fe, #w-node-_948bc630-83c2-ed74-c3b2-325d5f25f199-4f5863fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_948bc630-83c2-ed74-c3b2-325d5f25f19c-4f5863fe, #w-node-_948bc630-83c2-ed74-c3b2-325d5f25f1a1-4f5863fe {
  justify-self: start;
}

#w-node-_948bc630-83c2-ed74-c3b2-325d5f25f557-4f5863fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_948bc630-83c2-ed74-c3b2-325d5f25f5ac-4f5863fe {
  justify-self: start;
}

#w-node-_58e43a92-52b3-9fc1-0b3b-ae8335aa1964-4d4db50e, #w-node-e6eb908b-1c19-1a6f-71eb-b222ab0838db-87e29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

/* ================================
   MOBILE RESPONSIVE TABLE (<=768px)
   ================================ */
@media (max-width: 768px) {

    /* Hide table header */
    table#accordionExample thead {
        display: none;
    }

    /* Main rows become "cards" */
    table#accordionExample tr.odd {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 12px;
        background: #fff;
    }

    /* Table cells become label + value rows */
    table#accordionExample tr.odd td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border: none !important;
        font-size: 14px;
    }

    /* Labels from data-label="" */
    table#accordionExample tr.odd td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #333;
        margin-right: 10px;
        text-align: left;
        flex: 1;
    }

    /* Value text */
    table#accordionExample tr.odd td span,
    table#accordionExample tr.odd td strong,
    table#accordionExample tr.odd td div,
    table#accordionExample tr.odd td {
        text-align: right;
        flex: 1;
    }

    /* ===============================
       COLLAPSE ROW (MOBILE FIX ONLY)
       =============================== */

    /* Even rows should NOT behave like cards */
    table#accordionExample tr.even {
        display: block;
        padding: 0;
        border: none;
        background: transparent;
    }

    /* The collapse cell itself becomes a block */
    table#accordionExample tr.even td[colspan] {
        display: none; /* hidden by default */
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #ccc;
        margin-top: -5px;
    }

    /* When expanded, show it normally */
    table#accordionExample tr.even td.collapse.show {
        display: block !important;
    }

    /* INNER CONTENT */
    table#accordionExample tr.even h6 {
        font-size: 15px;
        margin-bottom: 6px;
        font-weight: 600;
    }

    table#accordionExample tr.even p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    /* Buttons */
    .btn-group-vertical .btn {
        width: 100%;
        margin-bottom: 10px !important;
        border-radius: 8px !important;
    }
    .longBidName:before{
        white-space: nowrap;
    }

}