/* Zoom de monitor grande: amplia texto, imagens e medidas em px por igual.
   Com zoom no <html> o navegador multiplica vw/vh/dvh, por isso as medidas de
   tela abaixo são divididas por var(--zoom). A altura mínima evita ampliar
   telas largas e baixas (ultrawide). */
:root{--zoom:1}
@media (min-width:1680px) and (min-height:850px){:root{--zoom:1.1}}
@media (min-width:1900px) and (min-height:950px){:root{--zoom:1.2}}
@media (min-width:2200px) and (min-height:1100px){:root{--zoom:1.35}}
@media (min-width:2500px) and (min-height:1300px){:root{--zoom:1.5}}
@media (min-width:3000px) and (min-height:1600px){:root{--zoom:1.75}}
@media (min-width:3600px) and (min-height:1900px){:root{--zoom:2}}
@media (min-width:4400px) and (min-height:2300px){:root{--zoom:2.5}}
@media (min-width:5000px) and (min-height:2700px){:root{--zoom:3}}
html{zoom:var(--zoom)}
.h-\[70vh\]{height:calc(70vh / var(--zoom))}
.min-h-\[70vh\]{min-height:calc(70vh / var(--zoom))}
.max-h-\[80vh\]{max-height:calc(80vh / var(--zoom))}
.pt-\[18vh\]{padding-top:calc(18vh / var(--zoom))}
.popup-evento-caixa{width:min(480px,calc(92vw / var(--zoom)));max-height:calc(92vh / var(--zoom))}
.popup-evento img{max-height:calc(92vh / var(--zoom))}