.tb-nota { display: none; }
@media (max-width: 767px) {
  .hero-media .hs-nota { display: none !important; }
  .hero-media .tb-nota { display: block; position: static; order: 2; margin: 5px var(--gutter, 1.5rem) 14px; max-width: none; font-size: 11px; line-height: 1.3; color: #55555a; text-align: right; }
  .hero-media .hero-poster { position: relative; }
  .hero-media .hero-poster .tb-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; background: transparent; }
  .hero-media .hero-poster.tb-on .tb-video { opacity: 1; }
}