/* Cintillo continuo y contador de la portada en pantallas de escritorio. */
.public-site .ribbon-track {
  width: max-content;
  max-width: none;
  justify-content: flex-start;
  animation: community-marquee 42s linear infinite;
  will-change: transform;
}
.ribbon-group {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 0 0 auto;
  min-width: 100vw;
}
.ribbon-group > span {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 30px;
  padding-right: 30px;
  white-space: nowrap;
  color: #f2fffc;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
  letter-spacing: .2px;
}
.ribbon-group > span::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a3edcf;
  flex: 0 0 auto;
}
@keyframes community-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.directory-countdown { display: none; }
@media (min-width: 1100px) {
  .directory-feature-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 296px;
    align-items: stretch;
    gap: 22px;
    margin-top: 22px;
  }
  .public-site .directory-feature-row .municipal-carousel { margin-top: 0; }
  .directory-countdown {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 21px 0;
    border: 1px solid #ffffff30;
    border-radius: 18px;
    background: radial-gradient(ellipse at 100% 0, #4b3d7d66, transparent 65%), linear-gradient(140deg, #132d49, #101f38);
    box-shadow: 0 12px 32px #0e24351c;
  }
  .directory-countdown .countdown-top { font-size: 10px; letter-spacing: 1px; gap: 9px; }
  .directory-countdown h2 { margin: 23px 0 0; font-size: 24px; line-height: 1.28; letter-spacing: -.5px; color: #fff; }
  .directory-countdown .clock { padding: 22px 0 25px; gap: 8px; }
  .directory-countdown .clock strong { font-size: 30px; color: #fff; }
  .directory-countdown .clock small { font-size: 10px; letter-spacing: .9px; }
  .directory-countdown .clock .unit:not(:last-child)::after { top: 3px; }
  .directory-countdown .countdown-foot { margin-inline: -21px; padding: 14px 17px; font-size: 11px; line-height: 1.5; gap: 10px; align-items: center; }
  .directory-countdown .countdown-foot span { font-size: 10px; }
}

/* Conserva la preferencia de movimiento reducido del sitio, sin controles extra. */
@media (prefers-reduced-motion: reduce) {
  .public-site .ribbon-track { width: 100%; animation: none; transform: none; will-change: auto; }
  .ribbon-group { flex-wrap: wrap; justify-content: center; min-width: 0; width: 100%; row-gap: 5px; }
  .ribbon-group > span { white-space: normal; padding: 0 14px; gap: 8px; max-width: 100%; font-size: 12px; }
  .ribbon-group[aria-hidden="true"] { display: none; }
}