/* Arklos · Cuenta atrás campaña Renta 2025 */
.renta-banner--countdown{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  justify-content:center;
  gap:clamp(.75rem,2vw,1.35rem);
  padding:clamp(.65rem,1.6vw,1rem) clamp(.85rem,3vw,1.6rem);
  min-height:104px;
}
.renta-banner--countdown .renta-banner__copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-width:0;
}
.renta-banner--countdown .renta-banner__note{
  color:rgba(255,255,255,.96);
}
.renta-countdown{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.55rem .65rem;
  border-radius:18px;
  background:rgba(12,12,13,.16);
  border:1px solid rgba(255,255,255,.32);
  box-shadow:0 10px 25px rgba(12,12,13,.08);
  color:#fff;
  text-decoration:none;
  flex:0 0 auto;
}
.renta-countdown__label{
  font-size:.72rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  color:rgba(255,255,255,.9);
  white-space:nowrap;
}
.renta-countdown__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(42px,1fr));
  gap:.35rem;
}
.renta-countdown__item{
  display:grid;
  place-items:center;
  min-width:42px;
  padding:.42rem .38rem;
  border-radius:13px;
  background:rgba(255,255,255,.96);
  color:#111;
}
.renta-countdown__item strong{
  display:block;
  font-family:var(--ark-display, Georgia, serif);
  font-size:clamp(1.05rem,2vw,1.38rem);
  line-height:.95;
  font-weight:400;
  letter-spacing:-.03em;
}
.renta-countdown__item em{
  display:block;
  margin-top:.16rem;
  font-size:.58rem;
  line-height:1;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#5c5c5c;
}
.renta-countdown.is-finished .renta-countdown__grid{
  display:none;
}
.renta-countdown.is-finished .renta-countdown__label{
  font-size:.8rem;
  letter-spacing:.08em;
}
@media (max-width:820px){
  .renta-banner--countdown{
    grid-template-columns:1fr;
    gap:.65rem;
    min-height:auto;
    padding:.72rem .8rem .85rem;
  }
  .renta-banner--countdown .renta-banner__pre{font-size:.78rem;line-height:1.05;}
  .renta-banner--countdown .renta-banner__big{font-size:clamp(1.35rem,7.2vw,2rem);line-height:.96;}
  .renta-banner--countdown .renta-banner__post{font-size:.76rem;line-height:1.1;}
  .renta-banner--countdown .renta-banner__note{font-size:.68rem;margin-top:.12rem;}
  .renta-countdown{
    width:min(100%,360px);
    justify-content:center;
    gap:.45rem;
    padding:.45rem;
    border-radius:16px;
  }
  .renta-countdown__label{font-size:.64rem;letter-spacing:.1em;}
  .renta-countdown__grid{grid-template-columns:repeat(4,1fr);gap:.28rem;width:100%;}
  .renta-countdown__item{min-width:0;padding:.36rem .22rem;border-radius:11px;}
  .renta-countdown__item strong{font-size:1.05rem;}
  .renta-countdown__item em{font-size:.52rem;letter-spacing:.05em;}
}
@media (max-width:390px){
  .renta-banner--countdown .renta-banner__big{font-size:1.28rem;}
  .renta-countdown{width:100%;}
  .renta-countdown__label{display:none;}
}