/* Banda de la promoción con las mismas medidas que la landing (landing/dist/css/landing.css). Los selectores con
   #offer-banner / #offer-message-mobile ganan a los ajustes .dental-page de dental.css y styles.css. */
#offer-banner{padding:9px 24px}
#offer-banner .offer-inner{gap:28px}
#offer-banner .offer-message{font-size:14px;line-height:1.4}
#offer-banner .offer-countdown{gap:7px}
#offer-banner .offer-unit{min-width:29px}
#offer-banner .offer-badge{min-height:36px;padding:7px 15px;font-size:14px}
#offer-message-mobile{display:none;margin:0;background:#0a1b2c;color:#fff;padding:7px 14px 0;font-size:12px;line-height:1.35;text-align:center}
#offer-message-mobile strong{font-weight:800}
#offer-message-mobile>span{display:block}
@media(max-width:760px){
 #offer-banner{padding:5px 14px}
 #offer-banner .offer-inner{flex-wrap:wrap;gap:5px 18px}
 #offer-banner .offer-message{display:none}
 #offer-banner .offer-countdown{gap:5px}
 #offer-banner .offer-unit{min-width:26px}
 #offer-banner .offer-unit>strong{font-size:15px}
 #offer-banner .offer-unit>span{font-size:9px}
 #offer-banner .offer-badge{min-height:32px;padding:6px 12px;font-size:12px}
 #offer-message-mobile:not([hidden]){display:block}
}