@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap");
:root {
  --corporativos-primario-azul-100: #EAF8FF;
  --corporativos-primario-azul-200: #AAE2FF;
  --corporativos-primario-azul-500: #069;
  --corporativos-primario-azul-600: #005179;
  --corporativos-primario-azul-700: #003955;
  --neutros-claros-blanco: #FCFCFC;
  --neutros-claros-gris-000: #F3F5F5;
  --neutros-claros-gris-100: #E9EBEC;
  --neutros-claros-gris-200: #D3D7D9;
  --neutros-claros-gris-400: #A7B0B4;
  --neutros-claros-gris-500: #919CA1;
  --neutros-oscuros-gris-700: #545E63;
  --neutros-oscuros-gris-800: #42494D;
  --neutros-oscuros-gris-1000: #1C1F21;
  --neutros-oscuros-negro: #050505;
  --semnticos-accesibilidad-focus: #FFB800;
  --semnticos-mensajes-error-negativo-rojo-200: #FFEDEE;
  --semnticos-mensajes-error-negativo-rojo-600: #D22333;
  --semnticos-mensajes-error-negativo-rojo-700: #8E0613;
  --semnticos-mensajes-xito-positivo-verde-200: #F3FFF3;
  --semnticos-mensajes-xito-positivo-verde-600: #2E7F30;
  --semnticos-mensajes-xito-positivo-verde-700: #154C16;
  --semnticos-texto-base-gris-600: #677379;
  --semnticos-texto-base-negro: #050505;
  --semnticos-texto-enlace-defecto-negro: #050505;
}

/* BEGIN GENERAL*/
.wrapper-button {
  font-family: Source Sans 3;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 4px;
  text-decoration: none !important;
  cursor: pointer;
}

.wrapper-button.big {
  height: 52px;
  padding: 14px 16px;
}

.wrapper-button.normal {
  height: 44px;
  padding: 10px 24px;
}

.wrapper-button.primary {
  color: var(--neutros-claros-blanco, #FCFCFC);
  border: 1px solid var(--corporativos-primario-azul-700);
  background: #069;
}

.wrapper-button.primary:hover {
  background: var(--corporativos-primario-azul-600);
}

.wrapper-button.primary:active, .wrapper-button.primary:focus {
  background: var(--corporativos-primario-azul-700);
}

.wrapper-button.primary:focus-visible {
  border-radius: 5px;
  border: 4px solid var(--semnticos-accesibilidad-focus);
  box-shadow: 0px 0px 0px 2px var(--corporativos-primario-azul-700) inset;
  background: var(--corporativos-primario-azul-600);
  outline: none;
}

.wrapper-button.primary.disable, .wrapper-button.primary.disable:active, .wrapper-button.primary.disable:focus {
  color: var(--neutros-claros-gris-500);
  background: var(--neutros-claros-gris-100);
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}

.wrapper-button.primary.error {
  border: 1px solid var(--semnticos-mensajes-error-negativo-rojo-700);
  background: var(--semnticos-mensajes-error-negativo-rojo-600);
  box-shadow: none;
}

.wrapper-button.primary.success {
  border: 1px solid var(--semnticos-mensajes-xito-positivo-verde-700);
  background: var(--semnticos-mensajes-xito-positivo-verde-600);
  box-shadow: none;
}

.wrapper-button.secondary {
  color: var(--neutros-oscuros-gris-800);
  border: 1px solid var(--neutros-claros-gris-400);
  background: var(--neutros-claros-blanco);
}

.wrapper-button.secondary:hover {
  border: 1px solid var(--neutros-oscuros-gris-800);
  background: var(--neutros-claros-gris-000);
}

.wrapper-button.secondary:active, .wrapper-button.secondary:focus {
  color: var(--neutros-oscuros-gris-1000);
  border: 2px solid var(--neutros-oscuros-gris-1000);
  background: var(--neutros-claros-gris-000);
}

.wrapper-button.secondary:focus-visible {
  border-radius: 5px;
  border: 4px solid var(--semnticos-accesibilidad-focus);
  box-shadow: 0px 0px 0px 2px var(--neutros-oscuros-gris-1000) inset;
  background: var(--neutros-claros-gris-000);
  outline: none;
}

.wrapper-button.secondary.disable, .wrapper-button.secondary.disable:active, .wrapper-button.secondary.disable:focus {
  color: var(--neutros-claros-gris-500);
  background: var(--neutros-claros-gris-100);
  border: 1px solid var(--neutros-claros-gris-100);
  box-shadow: none;
  cursor: not-allowed;
}

.wrapper-button.secondary.error {
  color: var(--semnticos-mensajes-error-negativo-rojo-600);
  border: 1px solid var(--semnticos-mensajes-error-negativo-rojo-600);
  background: var(--semnticos-mensajes-error-negativo-rojo-200);
  box-shadow: none;
}

.wrapper-button.secondary.success {
  color: var(--semnticos-mensajes-xito-positivo-verde-600);
  border: 1px solid var(--semnticos-mensajes-xito-positivo-verde-600);
  background: var(--semnticos-mensajes-xito-positivo-verde-200);
  box-shadow: none;
}

.wrapper-button.tertiary {
  color: var(--neutros-oscuros-gris-800);
  background: var(--neutros-claros-blanco);
  border: none;
}

.wrapper-button.tertiary:hover {
  background: var(--neutros-claros-gris-000);
}

.wrapper-button.tertiary:active, .wrapper-button.tertiary:focus {
  color: var(--neutros-oscuros-gris-1000);
  background: var(--neutros-claros-gris-000);
}

.wrapper-button.tertiary:focus-visible {
  border: 4px solid var(--semnticos-accesibilidad-focus);
  background: var(--neutros-claros-gris-000);
  outline: none;
}

.wrapper-button.tertiary.disable, .wrapper-button.tertiary.disable:active, .wrapper-button.tertiary.disable:focus {
  color: var(--neutros-claros-gris-500);
  background: var(--neutros-claros-gris-100);
  border: 1px solid var(--neutros-claros-gris-100);
  box-shadow: none;
  cursor: not-allowed;
}

.wrapper-button.tertiary.error {
  color: var(--semnticos-mensajes-error-negativo-rojo-600);
  background: var(--neutros-claros-blanco);
  box-shadow: none;
}

.wrapper-button.tertiary.success {
  color: var(--semnticos-mensajes-xito-positivo-verde-600);
  background: var(--neutros-claros-blanco);
  box-shadow: none;
}

.wrapper-button a {
  font-family: Source Sans 3;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

a {
  text-underline-offset: unset;
}

.municipality-button {
  min-width: 50px;
  min-height: 50px;
}

/* END GENERAL*/
body {
  font-family: "Source Sans 3", sans-serif;
}

.no-margin {
  margin: 0px !important;
}

/*-----------------PAGINADO----------------------*/
.paginacion {
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 16px 0px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  grid-row: 6/7;
  grid-column: 2/3;
}

.wrapper-group-pages {
  display: flex;
  align-items: center;
  gap: 4px;
}

.wrapper-group-pages-mobile {
  display: none;
}

.listado-paginas,
.listado-paginas-complejo {
  width: 44px;
  height: 44px;
  padding: 14px 16px;
  border-radius: 4px;
  border: 1px solid #A7B0B4;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.listado-paginas.selected,
.listado-paginas-complejo.selected {
  border: 2px #1C1F21 solid;
  background: #F3F5F5;
}

.paginacion a {
  cursor: pointer;
  text-decoration: none;
}

.paginacion a div {
  color: #42494D;
  line-height: 24px;
  padding: 14px 16px;
}

.paginacion a div.disabled {
  color: #919CA1;
}

.boton-borrar {
  position: absolute;
  top: 12px;
  right: 16px;
  border: none;
  background: transparent;
  text-decoration: underline;
  color: var(--semnticos-texto-base-negro);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.wrapper-pages-mobile {
  display: none;
  color: var(--neutros-oscuros-gris-800);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}

@media (max-width: 914px) {
  .barra-busqueda {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .wrapper-frame146 {
    width: 100%;
  }
  .sin-resultado {
    grid-column: 1/2;
    grid-row: 6/7;
  }
  .paginacion {
    grid-column: 1/2;
    grid-row: 7/8;
  }
  .barra-busqueda,
  .wrapper-frame250,
  .wrapper-frame190,
  .sin-resultado,
  .paginacion {
    margin-left: 0;
  }
  .wrapper-frame250 {
    margin-bottom: 0;
    padding-bottom: 24px;
  }
  .paginacion {
    justify-content: center;
  }
  .boton-borrar {
    right: 150px;
  }
}
@media (max-width: 672px) {
  .wrapper-input-buscador {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 565px) {
  .wrapper-group-pages {
    display: none;
  }
  .wrapper-group-pages-mobile {
    display: block;
  }
  .boton-borrar {
    right: 50px;
    top: 120px;
  }
}
@media (max-width: 320px) {
  .boton-borrar {
    right: 25px;
  }
}
.barra-busqueda {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  color: var(--semnticos-texto-base-negro);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 41.6px */
}

.barra-busqueda h3 {
  color: var(--semnticos-texto-base-negro);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 41.6px */
}

.barra-busqueda p {
  color: var(--semnticos-texto-base-gris-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}

.buscar-button {
  display: flex;
  height: 52px;
  padding: 14px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid var(--corporativos-primario-azul-700);
  background: var(--corporativos-primario-azul-500);
  color: var(--neutros-claros-blanco);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}

.wrapper-input-buscador, #wrapper-search-text {
  width: 100%;
  position: relative;
}

.barra-busqueda input[type=text] {
  max-height: 52px;
  display: flex;
  padding: 14px 16px;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  color: var(--semnticos-texto-base-negro);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  border: 1px solid var(--neutros-claros-gris-400);
  border-radius: 4px;
  padding-right: 90px;
}

.barra-busqueda h3, .barra-busqueda p {
  margin: 0;
}

.barra-busqueda {
  margin-bottom: 40px;
}

.wrapper-frame75 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 24px;
}

.wrapper-frame75 h3 {
  color: #000;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 29.9px */
}

.wrapper-frame75 p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}

.wrapper-faqs {
  max-width: 688px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.wrapper-faq {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  margin-top: 8px;
  margin-bottom: 8px;
}

.wrapper-faq-title, .wrapper-faq-title a {
  color: var(--semnticos-texto-enlace-defecto-negro);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  text-decoration-line: underline;
}

.wrapper-faq-text {
  color: var(--semnticos-texto-base-gris-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (min-width: 321px) and (max-width: 672px) {
  .barra-busqueda input[type=text] {
    max-height: 44px;
  }
  .barra-busqueda {
    margin-bottom: 64px;
  }
}
@media (max-width: 320px) {
  .barra-busqueda input[type=text] {
    max-height: 44px;
  }
  .barra-busqueda {
    margin-bottom: 48px;
  }
}