section#form {
	position: relative;
	z-index: 1;
    margin-top: 11vh;
}

form .error{ border:4px solid #d53650 !important; }

.parte[hidden]{ display:none !important; }

#contact-form *{ text-align:left !important; }

#form form{
	margin-top:-260px;          
	background:#FFFFFF;         
	box-shadow:10px -7px 46.4px rgba(0,0,0,0.15);
	border-radius:20px;
	position:relative;
	z-index:9;
	padding:60px 60px;          
}
	
#form .captcha{ color:#0a2a55; }

#form form label{
	margin:auto;
	margin-top:30px;
	color:#ffffff;
	white-space: nowrap;
    text-align: left;
    width: 100%;
}

#form .white{ font-size:small; }

#form form button {
    height: 47px !important;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}	

#form form h1{
	font-family:'Poppins';
	font-style:normal;
	font-weight:700;
	font-size:48px;
	line-height:100%;
	letter-spacing:.02em;
	text-transform:uppercase;
	color:#0B2C57;
	display:flex;
	flex-direction:row;
	gap:20px;
	align-items:center;
	margin:0;
}
#form h1 span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    color: #0B2C57;
}
	
#form form h1.ucase{
	line-height:0;
	font-size:100px;
	text-transform:uppercase;
}

#form .title{
	font-style:normal;
	font-weight:700;
	font-size:48px;
	line-height:100%;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#3D3C3B;
	display:flex;
	flex-direction:column;
}
#form .title span{
	font-style:normal;
	font-weight:500;
	font-size:40px;
	line-height:100%;
	letter-spacing:.05em;
	text-transform:lowercase;
	color:#3D3C3B;
}

#step1 div p span{ color:#31adb9 !important; }

div#step1 .flex.textInto{
	display:flex;
	align-items:center;
}

.flex.int{
	display:flex;
	flex-direction:row;
	gap:30px;
	align-items:flex-end;
}
.flex.int div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
	flex: auto;
}
		
.flex.int select{ max-width:460px; }
	

@media(max-width: 1300px){
	#form form button.voltar {
		width:fit-content;
	}
	#form form h1.ucase{ font-size:70px; line-height:0; }
	div#step1 .flex.textInto {
		display: flex;
		align-items: center;
		flex-direction: column;
	}	
	.flex.int {
		display: flex;
		flex-direction: column;
		gap: 0px;
		align-items: flex-start;
	}
	#form div{
		width: 100%;
	}
	.flex.int select{ width:100% !important; max-width:unset; }
	
	#form form h1 {
		display: flex;
		font-size: 33px;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	
    section#form.container, section#form .container {
        max-width: 100vw !important;
    }	

	#form h1 span {
    	font-size: 20px;
	}
	
	#form p:last-child, p:last-child span {
		font-size:12px;
	}
 
    section#form form {
        max-width: 76vw !important;
        padding: 30px;
        margin: auto;
        margin-top: -300px;
    }
	
	button.go.continue, button#submitForm{
		margin-top:30px;
	}
 

	
}

@media(max-width:480px){
	#form form h1.ucase{ font-size:50px; }
}

:root{
  --stepper-width: 100%;
  --track: #e8f7f7;
  --fill:  #67e8f9;
  --thumb: #a5f3fc;
  --text:  #0f172a;
  --btn-bg: #fff;
  --btn-br: #d1d5db;
  --btn-bg-disabled: #f3f4f6;
}

.stepper{
  width: var(--stepper-width);
  
  align-items: center;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
}

.stepper__top{ grid-column: 1 / 2; width: 100%; }
.stepper__label{
  display: inline-block;
  font-size: .95rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.stepper__progress{
  --p: 0; 
  position: relative;
  height: 8px;
  background: var(--track);
  border-radius: 999px;
  overflow: hidden;
}
.stepper__bar{
  width: calc(var(--p) * 1%);
  height: 100%;
  background: linear-gradient(90deg, var(--fill), #86eefc);
  border-radius: 999px;
  transition: width .25s ease;
}

.stepper__progress::after{
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--p) * 1%);
  transform: translate(-50%, -50%);
  width: 14px; height: 14px;
  background: var(--thumb);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(103,232,249,.25);
  transition: left .25s ease;
}

.stepper__actions{
  grid-column: 2 / 4;
  justify-self: end;
  display: flex;
  gap: 10px;
}

.stepper__prev{ width: 44px; padding: 0; }
.stepper__prev:disabled{
  cursor: not-allowed;
  background: var(--btn-bg-disabled);
  color: #9ca3af;
}
 
 
.stepper__prev:disabled .chev{ border-color: #cbd5e1; }

.step-pane{ display:none; }
.step-pane.is-active{ display:block; }

 
div#controle {
    display: flex;
    width: 100%;
	gap:30px;
}
 
button.stepper__prev[disabled], button.stepper__prev[disabled]:hover {
	animation:unset !important;
}
 

@media (max-width: 520px){
  .stepper{ grid-template-columns: 1fr; }
  .stepper__actions{ justify-self: stretch; }
  .stepper__next{ flex: 1; }
}

section#jornada {
  background-image: url("/skins/128/x-arrow-jornada.svg"),
				    url("/skins/128/x-bg-jornada.jpg");

  background-position: 4vw 0px;   
  background-repeat: no-repeat, repeat;            
  background-size: auto, auto;                 
  margin-top: -135px;
}
section#jornada div.flex > div{
	flex:1;
}
section#jornada div.flex{
	gap:60px;
}
section#jornada #text .tag{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	gap: 10px;
	background: #A5F6FD;
	border-radius: 10px;
	width: fit-content;
}
section#jornada #text p, h2{
	margin: 40px 0px;
}
section#jornada h2,section#jornada p{
	margin:0px;
}
		
#jornada .title {
    display: flex;
    gap: 20px;
}

@media (max-width: 1024px){
	section#jornada div.flex {
    	display: flex;
    	flex-direction: column;
    	margin-top: 70px;
	}
	
	section#jornada {
  	background-image: url(""),
					  url("/skins/128/x-bg-jornada.jpg");
	}
	section#jornada button{
		font-size: 0.8em;
	}
	
}

.xray{
  position:relative;
  display:inline-block;          
  overflow:hidden;
  border-radius:14px;
}

.xray img{
  display:block;
  width:100%;
  height:auto;                   
}

.xray .fx{
  position:absolute; inset:0;    
  pointer-events:none;
  filter: invert(1) grayscale(1) contrast(1.1);

  opacity:0; transition:opacity .15s ease;
  -webkit-mask-image: radial-gradient(circle var(--r,0px) at var(--x,50%) var(--y,50%), #000 98%, transparent 100%);
          mask-image: radial-gradient(circle var(--r,0px) at var(--x,50%) var(--y,50%), #000 98%, transparent 100%);
}

.xray::after{
  content:""; position:absolute; pointer-events:none;
  opacity:0; transition:opacity .15s ease;
  width:calc(var(--r,0px)*2); height:calc(var(--r,0px)*2);
  left:calc(var(--x,50%) - var(--r,0px));
  top:calc(var(--y,50%) - var(--r,0px));
  border:2px solid rgba(255,255,255,.9); border-radius:50%;
}

.xray.on .fx, .xray.on::after{ opacity:1; }
	

:root {
	--radiusGlobal:0px;
	
	
	--bt-success-color:#000000;
	--bt-success-background:#C0CE39;
	--bt-success-border:0px solid #d6e9c6;
	
	--bt-info-color:#ffffff;
	--bt-info-background:#2F83BF;
	--bt-info-border:0px solid #bce8f1;
	
	--bt-warning-color:#ffffff;
	--bt-warning-background:#D0A43F;
	--bt-warning-border:2px solid #faebcc;
	
	--bt-danger-color:#ffffff;
	--bt-danger-background:#CC324E;
	--bt-danger-border:0px solid #ebccd1;
	
	--bt-go-color:#ffffff;
	--bt-go-background:#82D554;
	--bt-go-border:0px solid #703B88;
	
}

.alert {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid transparent;
  border-radius: var(--radiusGlobal);
  font-family:sans-serif; font-size:14px;letter-spacing: 1px;
    border: 0px !important;
    border-radius: 10px;
    box-shadow: -6px 15px 17px #00000061;	
  
  cursor: url(cursor.svg?a), auto !important
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert i {
  font-size:26px;
  float:left;
  margin-right:10px;
  margin-top:-5px;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-top: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success, .alert-success * {
  color: var(--bt-success-color);
  background-color: var(--bt-success-background);

}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info,.alert-info * {
  color: var(--bt-info-color);
  background-color: var(--bt-info-background);
  
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning,.alert-warning * {
  color: var(--bt-warning-color);
  background-color: var(--bt-warning-background);
  
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger,.alert-danger * {
  color: var(--bt-danger-color);
  background-color: var(--bt-danger-background);
  
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close i{
	color:#fff;
	margin-top: -7px !important;
    margin-right: 0px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

@media screen and (min-width: 1025px){#mainAlert{position:fixed; z-index:99999; display:table; width:20%; top:10px; left:80px}}
@media screen and (max-width: 1024px){#mainAlert{position:fixed; z-index:99999; display:table; width:80%; top:10px; left:10%}}

#mainAlert .close{margin-left:10px;}
#mainAlert strong{margin-right:14px; text-align:left;}
#dvAlertArea .alert{display:none;}

@media (max-width: 768px) {
    div.max-table {
        display: block;
        max-width: 90vw;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap;
        float: left;
        border: solid 1px #7a7a7a;
    }
    .max-table::before {
        font-size: 14px;
        color: #545454;
        content: "Arraste para ver as colunas da tabela";
    }	
}	
	
	

	.search-field{margin-right: 20px;}