/* =========================================================
   SITI — landing · 11. después del día: el trofeo de la cuenta
   regresiva y el despertador de mañana en el llamado final
   ========================================================= */
.clock{position:relative}
.clock__trofeo{
  position:absolute;top:-64px;right:-34px;width:clamp(96px,10vw,140px);height:auto;pointer-events:none;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.35));animation:flotar 6s ease-in-out infinite;
}

.manana__reloj,.manana__cel{position:absolute;height:auto;pointer-events:none;filter:drop-shadow(0 26px 30px rgba(60,20,0,.45))}
.manana__reloj{left:clamp(14px,4vw,64px);bottom:clamp(16px,4vw,56px);width:clamp(110px,13vw,170px);transform-origin:50% 90%;animation:ring 2.6s ease-in-out infinite}
.manana__cel{right:clamp(10px,3vw,48px);bottom:clamp(10px,3vw,36px);width:clamp(100px,13vw,180px);animation:flotar 6s ease-in-out infinite;animation-delay:-2s}

/* el despertador suena un ratito y descansa */
@keyframes ring{
  0%,40%,100%{transform:rotate(0)}
  4%{transform:rotate(-12deg)} 8%{transform:rotate(11deg)} 12%{transform:rotate(-10deg)}
  16%{transform:rotate(9deg)}  20%{transform:rotate(-6deg)} 24%{transform:rotate(4deg)} 28%{transform:rotate(0)}
}

@media (max-width:860px){
  .clock__trofeo{top:-48px;right:-8px}
}
@media (max-width:560px){
  .manana .cta__card{padding-top:120px}
  .manana__reloj{width:92px;top:16px;bottom:auto;left:50%;margin-left:-46px}
  .manana__cel{display:none}
}