/* ==== Tailwind CSS (estrutura e colunas) ==== */
.\!w-\[31\.33\%\]{width: 31.33% !important}
.-mx-\[15px\]{margin-left: -15px;margin-right: -15px}
.box-border{box-sizing: border-box}
.float-left{float: left}
.max-w-\[1220px\]{max-width: 1220px}
.mb-\[40px\]{margin-bottom: 40px}
.min-h-px{min-height: 1px}
.mx-\[1\%\]{margin-left: 1%;margin-right: 1%}
.mx-auto{margin-left: auto;margin-right: auto}
.px-0{padding-left: 0px;padding-right: 0px}
.px-\[15px\]{padding-left: 15px;padding-right: 15px}
.relative{position: relative}
.w-\[18\%\]{width: 18%}
.w-\[31\.33\%\]{width: 31.33%}
.w-\[31\.333\%\]{width: 31.333%}
.w-\[38\%\]{width: 38%}
.w-\[98\%\]{width: 98%}
.w-full{width: 100%}
@media (min-width: 768px){
.md\:float-left{float: left}
.md\:w-1\/2{width: 50%}
.md\:w-\[33\.33333333\%\]{width: 33.33333333%}
.md\:w-full{width: 100%}
}
@media (min-width: 768px) and (max-width: 959px){
.tab\:max-w-\[708px\]{max-width: 708px}
}
@media (min-width: 960px) and (max-width: 1239px){
.lap\:max-w-\[940px\]{max-width: 940px}
}
@media (min-width: 1240px){
.xl\:max-w-\[1220px\]{max-width: 1220px}
}
@media (max-width: 767px){
.mob\:\!h-auto{height: auto !important}
.mob\:\!max-w-\[480px\]{max-width: 480px !important}
.mob\:\!px-\[33px\]{padding-left: 33px !important;padding-right: 33px !important}
.mob\:\!w-full{width: 100% !important}
.mob\:clear-both{clear: both}
.mob\:m-0{margin: 0px}
.mob\:mb-\[20px\]{margin-bottom: 20px}
}