/* Modo desarrollo: conserva el contador y su lógica listos para reactivarse. */
body.development-mode .countdown-section,
body.development-mode .countdown-cover-section { display: none !important; }
body.development-mode .hero { padding-top: 112px !important; }
.development-kicker { grid-column: 1 / -1 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; display: inline-flex !important; align-items: center; gap: 8px; max-width: calc(100% - 24px); margin: 0 auto 34px !important; color: #9a451f !important; background: #fff4e9 !important; border-color: #efb68e !important; box-shadow: 0 5px 16px rgba(154,69,31,.1); text-align: center; }
.development-kicker i { color: #e66f3f; }
.development-kicker::after { content: "ACTIVO"; margin-left: 3px; padding: 3px 6px; border-radius: 999px; background: #e66f3f; color: #fff; font-size: .48rem; letter-spacing: .08em; }
body:not(.development-mode) .development-kicker { color: #b64e29 !important; background: #fff8f3 !important; }
body:not(.development-mode) .development-kicker i,
body:not(.development-mode) .development-kicker::after { display: none; }
@media(max-width:760px) { body.development-mode .hero { padding-top: 92px !important; } .development-kicker { margin-bottom: 18px !important; } }
@media(max-width:600px) { .development-kicker { font-size: .64rem !important; letter-spacing: .1em !important; } .development-kicker::after { display: none; } }