:root {
  --red: #990033;
  --gray: #504e4a;
}

/* CLASSES ESTRUTURAIS */

p {
  color: var(--dark-blue);
}
.p-white p {
  color: #fff;
}
.bg-white, .bg-hover-white:hover {
  background-color: white;
}
.bg-black, .bg-hover-black:hover {
  background-color: black;
}
.bg-red, .bg-hover-red:hover {
  background-color: var(--red);
}
.bg-gray, .bg-hover-gray:hover {
  background-color: var(--gray);
}
.bg-transparent {
  background-color: transparent;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.text-white, .text-hover-white:hover {
  color: #fff;
}
.text-black, .text-hover-black:hover {
  color: #000;
}
.text-red, .text-hover-red:hover {
  color: var(--red);
}
.text-gray, .text-hover-gray:hover {
  color: var(--gray);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.italic {
  font-style: italic;
}
.normal {
  font-style: normal;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.hover-underline:hover {
  text-decoration: underline;
}
.font-light {
  font-weight: 300;
}
.font-regular {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
.font-italic {
  font-style: italic;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.inline-block {
  display: inline-block;
}
.align-middle {
  vertical-align: middle;
}
.hidden {
  display: none;
}
.hover-rotate:hover {
  transform: rotate(6deg);
}
.opacity-100 {
  opacity: 1;
}
.opacity-80 {
  opacity: .8;
}
.opacity-70 {
  opacity: .7;
}
.opacity-60 {
  opacity: .6;
}
.opacity-50 {
  opacity: .5;
}
.opacity-40 {
  opacity: .4;
}
.opacity-30 {
  opacity: .3;
}
.opacity-hover-100:hover {
  opacity: 1;
}
.opacity-hover-80:hover {
  opacity: .8;
}
.opacity-hover-70:hover {
  opacity: .7;
}
.opacity-hover-60:hover {
  opacity: .5;
}
.opacity-0 {
  opacity: 0;
}
.m-0 {
  margin: 0;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.p-0 {
  padding: 0;
}
.rounded-full {
  border-radius: 999px;
}
.border-none {
border: none;
}
.transition, .x-brand {
  -ms-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}
.flex {
  display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.flex-row {
  -webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.flex-col {
  -webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-end {
  -webkit-justify-content: end;
  justify-content: end;
}
.items-center {
  -webkit-align-items: center;
  align-items: center;
}
.items-start {
  -webkit-align-items: start;
  align-items: start;
}
.items-end {
  -webkit-align-items: end;
  align-items: end;
}
.items-stretch {
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.grid {
  display: grid;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-auto {
  overflow: auto;
}
.text-shadow-none, .text-shadow-none:hover {
text-shadow: none;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.appearance-none {
appearance: none;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.list-style-none {
  list-style: none;
}