:root{
  --cor-layout-1: #1A213D; /* antes -> #01592D */
  --cor-layout-2: #199bd7; /* antes -> #A8CC1E */
  --cor-layout-3: #168AC2; /* antes -> #96B716 */
  
  /* SOMENTE COMPLEMENTOS */
  --cor-layout-4: #91c63e; /* Verde Claro */
  --cor-layout-5: #86a50b; /* Verde Escuro */
  --cor-layout-6: #fdb415; /* Amarelo Claro */
  --cor-layout-7: #e4b019; /* Amarelo Escuro */
}

/* FONT COLOR */
.font-cor-layout-1{color: var(--cor-layout-1) !important;}
.font-cor-layout-2{color: var(--cor-layout-2) !important;}
.font-cor-layout-3{color: var(--cor-layout-3) !important;}
.font-cor-layout-4{color: var(--cor-layout-4) !important;}
.font-cor-layout-5{color: var(--cor-layout-5) !important;}
.font-cor-layout-6{color: var(--cor-layout-6) !important;}
.font-cor-layout-7{color: var(--cor-layout-7) !important;}

/* BACKGROUND COLOR */
.background-cor-layout-1{background: var(--cor-layout-1) !important;}
.background-cor-layout-2{background: var(--cor-layout-2) !important;}
.background-cor-layout-3{background: var(--cor-layout-3) !important;}
.background-cor-layout-4{background: var(--cor-layout-4) !important;}
.background-cor-layout-5{background: var(--cor-layout-5) !important;}
.background-cor-layout-6{background: var(--cor-layout-6) !important;}
.background-cor-layout-7{background: var(--cor-layout-7) !important;}

/* BORDER COLOR */
.border-cor-layout-1{border-color: var(--cor-layout-1) !important;}
.border-cor-layout-2{border-color: var(--cor-layout-2) !important;}
.border-cor-layout-3{border-color: var(--cor-layout-3) !important;}
.border-cor-layout-4{border-color: var(--cor-layout-4) !important;}
.border-cor-layout-5{border-color: var(--cor-layout-5) !important;}
.border-cor-layout-6{border-color: var(--cor-layout-6) !important;}
.border-cor-layout-7{border-color: var(--cor-layout-7) !important;}

body { background: #199BD7 !important}
footer { background: #fff  !important}

.bgColorLight { background: #eaeaea !important}
.bgColorWhite { background: url(../img/cool-background.png) right repeat; background-size:cover}
.bgColorGradiente1 { background: url(../img/pattern-1.html) !important; }

.bg-pattern-1 { background: url(../img/pattern-1.webp) var(--cor-layout-3) !important; }
.bg-pattern-1-1 { background-size: contain; !important}

.bg-pattern-2 {background: linear-gradient(to top right, var(--cor-layout-6) 40%, transparent 40%), linear-gradient(to top left, var(--cor-layout-5) 60%, var(--cor-layout-2) 60%);background-repeat: no-repeat; background-size: cover; position: relative;}
	
.curve {position: absolute; width: 100%; height: 100%; background: var(--cor-layout-5); clip-path: polygon(100% 100%, 100% 100%, 100% 0%);}
.curve::before { content: ''; position: absolute; width: 100%; height: 100%; background: var(--cor-layout-6); clip-path: polygon(0% 100%, 60% 100%, 60% 0%, 0% 0%);
}

.bgColor2 { background: rgba(0,0,0,.2) !important }

.bgcolorAlert { background: #FAEBC7 !important }

.colorBranca { color: #fff !important }
.colorDefault { color: #4D4D4D !important}
.color1 { color: var(--cor-layout-1) !important}
.colorCTA1 { color: var(--cor-layout-1) !important}
.colorCinza { color: #6D7278 !important}
.colorBlack { color: #000 !important}

@media ( max-width: 768px ) {
.bg-pattern-1 { background-size: contain !important; }
}