/* Filtro fotográfico: la imagen puede sustituirse sin cambiar las encuestas. */
.public-site .filter-disclosure {
  position: relative;
  overflow: hidden;
  border-color: #ffffff35;
  border-radius: 13px;
  background-color: #0b3551;
  background-image: linear-gradient(105deg, #06213de8, #075675c4 60%, #0a2943bf), url('assets/municipalidades/filtro.jpg');
  background-position: center, center 43%;
  background-size: cover;
  color: #fff;
  box-shadow: 0 7px 22px #0b29461a;
}
.public-site .filter-disclosure > summary {
  color: #fff;
  font-size: 15px;
  text-shadow: 0 1px 3px #061d3866;
}
.public-site .filter-disclosure > summary::marker { color: #e2f4ff; }
.public-site .filter-disclosure[open] > summary { border-bottom-color: #ffffff30; }
.public-site .filter-disclosure .location-filters label { color: #fff; }
.public-site .filter-disclosure .location-filters select {
  color-scheme: light;
  color: #172c44;
  background: #f8fcffff;
  border-color: #ffffff7a;
  box-shadow: 0 2px 6px #001a3217;
}
.public-site .filter-disclosure .location-filters .secondary-button {
  background: #087ad4;
  border-color: #59b9ff7a;
  color: #fff;
  box-shadow: 0 3px 10px #001c3829;
}
.public-site .filter-disclosure .location-filters .secondary-button:hover { background: #0964b0; }
.public-site .filter-disclosure :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* Solo las encuestas activas reciben el tratamiento de cristal del carrusel. */
.public-site .locality-card-glass {
  position: relative;
  isolation: isolate;
  color: #fff;
  background: #143450;
  border-color: #ffffff38;
  box-shadow: 0 8px 24px #0a28451c;
}
.public-site .locality-card-glass .locality-card-backdrop img {
  filter: blur(17px);
  transform: scale(1.15);
  opacity: .78;
}
.public-site .locality-card-glass .locality-card-backdrop::after {
  background: linear-gradient(165deg, #12364a85 0%, #092844c9 42%, #081e38ed 100%);
}
.public-site .locality-card-glass .locality-photo {
  width: calc(100% - 36px);
  max-width: 254px;
  height: 142px;
  margin: 18px auto 0;
  border: 1px solid #ffffff69;
  border-radius: 9px;
  background: #ffffff14;
  color: #e5f1fa;
  box-shadow: 0 7px 20px #001a3652;
}
.public-site .locality-card-glass .locality-photo::before { border-color: #ffffff40; }
.public-site .locality-card-glass .photo-caption { padding: 12px; line-height: 1.45; }
.public-site .locality-card-glass .locality-card-body { padding-top: 17px; }
.public-site .locality-card-glass .locality-kind { color: #d1e1ee; }
.public-site .locality-card-glass h3,
.public-site .locality-card-glass h3 a { color: #fff; }
.public-site .locality-card-glass .locality-card-body > p { color: #dce8f3; }
.public-site .locality-card-glass .locality-status { color: #e0e9f4; }
.public-site .locality-card-glass .locality-status.is-open { color: #adffd0; }
.public-site .locality-card-glass .locality-cta {
  color: #17324d;
  background: #fff;
  border-color: #fff;
  box-shadow: 0 2px 7px #001a321a;
}
.public-site .locality-card-glass .locality-cta:hover { color: #102b47; background: #e2f1fb; border-color: #e2f1fb; }
.public-site .locality-card-glass :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
html[data-theme="dark"] .public-site .filter-disclosure,
html[data-theme="dark"] .public-site .locality-card-glass { border-color: #54768f; box-shadow: 0 10px 26px #00000029; }

@media(max-width:767px) {
  .public-site .filter-disclosure { border-radius: 10px; background-position: center, center 40%; }
  .public-site .filter-disclosure > summary { font-size: 14px; }
  .public-site .locality-card-glass .locality-photo {
    width: calc(100% - 24px);
    height: 92px;
    margin-top: 12px;
    border-radius: 7px;
  }
  .public-site .locality-card-glass .photo-caption { padding: 8px; font-size: 11px; }
  .public-site .locality-card-glass .locality-card-body { padding-top: 12px; }
  .public-site .locality-card-glass .locality-kind { letter-spacing: .3px; }
}

.public-site .filter-disclosure .location-filters {
  grid-template-columns: minmax(0, 1fr) auto;
}
@media(max-width:767px) {
  .public-site .filter-disclosure .location-filters {
    grid-template-columns: 1fr;
  }
}