/* Monitoração eletrônica: foco nas mãos ajustando a tornozeleira no tênis e esfumaçado atrás do título (nov/2026) */
@media (min-width: 821px) {
  .hero-mon .hero-full-bg { aspect-ratio: auto; width: 58%; height: 100%; top: 0; bottom: auto; object-fit: cover; object-position: 6% center; transform: scale(1.35); transform-origin: 100% 165%; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 93%, transparent 100%), linear-gradient(180deg, #000 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 93%, transparent 100%), linear-gradient(180deg, #000 90%, transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; }
  .hero-mon::before { background: linear-gradient(90deg, rgba(18,18,18,.94) 0%, rgba(18,18,18,.86) 34%, rgba(18,18,18,.55) 50%, rgba(18,18,18,.12) 66%, rgba(18,18,18,0) 78%); }
}
@media (max-width: 820px) {
  .hero-mon .hero-full-bg { object-position: 46% center; transform: scale(1.6); transform-origin: 39% 114%; }
}
.hero-mon h1, .hero-mon .lead, .hero-mon .eyebrow, .hero-mon .crumbs { text-shadow: 0 2px 14px rgba(0,0,0,.65), 0 1px 3px rgba(0,0,0,.5); }


/* Monitoração eletrônica: guia visual dos alertas da tornozeleira (nov/2026) */
.prose ul.alertas { list-style: none; padding: 0; margin: 24px 0 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.prose ul.alertas li { margin: 0; padding: 0; }
.alerta { display: flex; gap: 14px; align-items: center; background: var(--dark); color: #E9E6DF; border-radius: 10px; padding: 14px 18px 14px 12px; border-left: 4px solid var(--gold); }
.alerta .tz { width: 78px; height: auto; flex: 0 0 78px; overflow: visible; }
.alerta-txt { min-width: 0; flex: 1; }
.alerta-txt p { margin: 0; line-height: 1.35; }
.alerta-sinal { font-weight: 700; color: #fff; font-size: 0.95rem; }
.alerta-sig { color: #CFC9BD; font-size: 0.9rem; margin-top: 2px !important; }
.alerta-acao { margin-top: 8px !important; display: inline-block; font-size: 0.85rem; font-weight: 700; color: var(--dark); background: var(--gold-soft); border-radius: 999px; padding: 3px 10px; }
.alerta-roxo { border-left-color: #B24BD6; } .alerta-vermelho { border-left-color: #E0302F; } .alerta-azul { border-left-color: #2E7BEA; } .alerta-verde { border-left-color: #2FBF5B; } .alerta-som { border-left-color: var(--gold-soft); }
.alerta-verde .alerta-acao { background: #2FBF5B; color: #fff; }
.alertas-cme { background: var(--gold-pale); border: 1px solid var(--line); border-radius: 8px; padding: 10px 14px; }
.alertas-cme a { color: var(--ink); }
@keyframes tzPisca { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes tzVib { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } }
@keyframes tzSom { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
.alerta .pisca { animation: tzPisca 1.1s ease-in-out infinite; }
.alerta .vib { animation: tzVib .25s linear infinite; transform-box: fill-box; }
.alerta .som { animation: tzSom 1s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .alerta .pisca, .alerta .vib, .alerta .som { animation: none; } }