/* aviso de "gire o celular": aparece só em celular/tablet na vertical; tocar na tela ativa tela cheia */
#orientWarn { display: none; position: fixed; inset: 0; z-index: 2147483000; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
    padding: 24px; text-align: center; color: #fff; background: rgba(5, 5, 6, .97); font-family: 'Poppins', Arial, sans-serif; cursor: pointer;
    -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; touch-action: manipulation; }
#orientWarn .owPhone { width: 54px; height: 92px; border: 4px solid var(--ac2); border-radius: 12px; position: relative; animation: owTurn 2.4s ease-in-out infinite; }
#orientWarn .owPhone::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 14px; height: 4px; margin-left: -7px; border-radius: 3px; background: var(--ac2); }
#orientWarn h2 { margin: 0; font-size: 22px; font-weight: 800; color: var(--ac1); }
#orientWarn p { margin: 0; max-width: 320px; font-size: 15px; line-height: 1.4; color: #e9e9e9; }
#orientWarn .owTap { margin-top: 6px; padding: 12px 22px; border-radius: 14px; font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: .5px;
    background: linear-gradient(180deg, #5ee34a, #2fb21f); border: 2px solid #14570c; box-shadow: 0 4px 0 #1b7a10; }
@keyframes owTurn { 0%, 15% { transform: rotate(0); } 55%, 85% { transform: rotate(-90deg); } 100% { transform: rotate(0); } }
@media (orientation: portrait) and (pointer: coarse) { #orientWarn { display: flex; } }