.container-home {background: var(--color-p); justify-content: center; margin-Top: 95px; padding: 1.7rem 1.7rem 1.9rem 1.7rem;}
.s_sessao {width: 100%; background: var(--color-q); border-radius: 5px; margin-Top: 27px; padding: 1.5rem 2rem 2rem 2rem;}

.col35 {width: 35%;} .col40 {width: 40%;} .col50 {width: 50%;}
.col60 {width: 60%;} .col65 {width: 65%;} .col100 {width: 100%;}

.col12_100 {width: 12%;} .col13_40 {width: 13%;} 
.col23_100 {width: 23%;} .col25_100 {width: 25%;}
.col30_100 {width: 30%;} .col35_100 {width: 35%;} 
.col40_100 {width: 40%;} .col70_100 {width: 70%;}

.s_paRight {padding-right: 7px;}
.s_paTop39 {padding-top: 39px;}

.s_maTop {margin-Top: 7px;}
.s_maRight {margin-right: 7px;}
.s_maRight27 {margin-right: 27px;}
.s_maRight60 {margin-right: 60px;}

.s_color1{background: #C00;} .s_color2{background: #0C0;}
.s_color3{background: #2F4F4F;} .s_color4{background: #FFF;}

.s_flex {display: flex;}
.s_flexBetween {display: flex; justify-content: space-between;}
.s_blockFlex {width: 100%; display: flex; justify-content: space-between;}

.s_flex section.boxShadow {transition: all 0.3s; opacity: 0.9;}
.s_flex section.boxShadow:hover {transform: scale(1.015); border: 1px solid var(--color-c); opacity: 1;}

.s_icon {display: flex; font-size: 24px; padding: 2px;}
.s_fontTexto {font: 400 16px Oswald; font-weight: bold;}
.s_tagLabel{font: 400 16px Oswald; font-weight: bold; color: #528B9E;}
.s_fontLabel {font: 400 16px Oswald; font-weight: bold; color: var(--color-r);}
.sjustify {font-family: 'Outfit', sans-serif; font-size: 12pt; font-weight: bold; text-align: justify; color: var(--color-r);}

.s_footer {background: var(--color-o); width: 100%; padding: 25px 0; display: block; color: var(--color-r); text-align: center;}
.s_footer p.s_fontCopyright {font: 500 12pt Oswald; font-weight: bold;}
.s_footer p.s_fontAdministrador {font: 500 10pt Oswald; font-weight: bold;}

.s_fontSpan {font: 400 25px Oswald; font-weight: bold;}
.row span, .s_justify p, p.s_tabTexto, .s_tabAnexos, .s_footer {letter-spacing: 0.4px;}

/* CSS CONTAINER-FLEXROW E FLEXCOLUMN ************************************************************ */
/* *********************************************************************************************** */
.container-flexRow {display: flex; flex-direction: row; margin: 0 auto; width: 100%;}
.container-flexRow div.flexRow1, .container-flexRow div.flexRow2 {border-radius: 5px; background: var(--color-q); width: 100%; padding: 1.7rem 2rem 2rem 2rem;}
.container-flexRow div.flexRow1 {margin-right: 27px;}

.flexColumnRow {width: 50%; margin-right: 60px;}
.container-flexColumn {display: flex; flex-direction: column; margin: 0 auto; width: 100%;}
.container-flexColumn div.flexColumn1, .container-flexColumn div.flexColumn2 {background: var(--color-q); padding-top: 7px; width: 100%;}

.container-flexRow div.boxShadow {transition: all 0.3s; opacity: 0.9;}
.container-flexRow div.boxShadow:hover {transform: scale(1.015); border: 1px solid var(--color-c); opacity: 1;}

.s_flex section div.boxShadow {transition: all 0.3s; opacity: 0.9;}
.s_flex section div.boxShadow:hover {transform: scale(1.025); border: 1px solid var(--color-c); opacity: 1;}

/* CSS PARA ESTILIZAR TAGS INPUT-SELECT-TEXTAREA ************************************************* */
/* *********************************************************************************************** */
.form-control {position: relative; padding-top: 15px;}

.form-control label{margin: auto; width: 100%;}
.form-control input.tagInput, .form-control select.tagSelect, .form-control textarea.tagTextarea{width: 100%; font: 400 16px Oswald; color: #2F4F4F; border: 1px solid #A5A5A5; border-radius: 7px;}

.form-control input{height: 32px; padding: 0.21rem 0.75rem;}
.form-control select{height: 32px; padding: 0.15rem 0.75rem; line-height: 1;}
.form-control textarea{height: 100px; padding: 10px;}

.form-control input:focus, .form-control select:focus, .form-control textarea:focus{box-shadow: 0 0 0 0; outline: 0;}
.form-control input.tagInput.tagColor{background: #F5DEB3;}

.form-control.error input.tagInput, .form-control.error select.tagSelect, .form-control.error textarea.tagTextarea{border: 1px solid #DB5A5A;}
.form-control.success input.tagInput, .form-control.success select.tagSelect, .form-control.success textarea.tagTextarea{border: 1px solid #4ECA64;}
.form-control.optional input.tagInput, .form-control.optional select.tagSelect, .form-control.optional textarea.tagTextarea{border: 1px solid #483D8B;}

/* CSS INPUTCHECKBOX ***************************************************************************** */
/* *********************************************************************************************** */
.s_h32 {height: 32px;} .s_h42 {height: 42px; padding-left: 8px;}
.s_border {display: flex; align-items: center; border: 1px solid #888; border-radius: 7px;}
.cboxLabel {font: 400 16px Oswald; font-weight: bold; color: #528B9E;}
.hidden-checkbox {position: absolute; opacity: 0; width: 0; height: 0;}
.checkbox-box {width: 24px; height: 24px; border: 2px solid #888; border-radius: 4px; cursor: pointer; transition: border-color 0.3s ease;}
.checkbox-check {fill: none; stroke: #4CAF50; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; transition: stroke-dashoffset 0.3s ease;}
.hidden-checkbox:checked + .checkbox-box {border-color: #4CAF50;}
.hidden-checkbox:checked + .checkbox-box .checkbox-check {stroke-dashoffset: 0;}

/* CSS DA SESSAO ANEXOS ************************************************************************** */
/* *********************************************************************************************** */
table {width: 100%;}
.s_tabAnexos {display: inline-block; font: 600 14px Oswald;}
.s_tabRowBordas {font: 400 14px Oswald; color: var(--color-r);}
.s_tabTexto {display: inline-block; font-weight: bold; text-align: left;}

.shAnx{margin: 0; padding: 0;}
.shBtn{margin: 5px 0 0; padding: 0 8px; border-radius: 7px;}

i.shIcon {margin-right: 3px;}
span.shSpan {margin-right: 3px;}

/* CSS PARA DIV DO RECAPTCHA E BUTTON ************************************************************ */
/* *********************************************************************************************** */
.container-recaptcha {display: flex; flex-direction: column; align-items: center; gap: 15px; margin: 0 auto; width: fit-content;}
.s_btnEnviar1 {background-color: var(--color-c); border: none;}
.s_btnEnviar2 {background-color: var(--color-b); border: none;}

.container-recaptcha input {width: 100%; padding: 10px 30px; font: 700 16px Oswald; color: var(--color-j); border-radius: 10px; cursor: pointer;}
.container-recaptcha input.s_btnEnviar1:hover {background-color: var(--color-f);}
.container-recaptcha input.s_btnEnviar2:hover {background-color: var(--color-e);}

/* APLICANDO MEDIA QUERY PARA SITES RESPONSIVOS ************************************************** */
/* *********************************************************************************************** */
@media all and (max-width: 661px){
	.container-home {margin-Top: 90px;}
	i.shIcon {margin-right: 0;}
	span.shSpan {margin-right: 0;}
}
@media all and (max-width: 1281px){
	.col13_40 {width: 40%;} 
	.col12_100, .col23_100, .col25_100, .col30_100, .col35_100, .col40_100, .col70_100 {width: 100%;}

	.container-flexRow {display: block;}
	.container-flexRow div.flexRow1 {margin-bottom: 27px; padding: 1.5rem 2rem 2rem 2rem;} 
	.container-flexRow div.flexRow2 {padding: 1.5rem 2rem 2rem 2rem;}
	.s_blockFlex {display: block; justify-content: space-between;}

	.flexColumnRow {width: 50%; margin-right: 40px;}

	.s_icon {font-size: 22px; font-weight: bold;}	
	.s_fontSpan {font: 400 22px Oswald; font-weight: bold;}
	.s_fontTexto {font: 400 11px Oswald; font-weight: bold;}
	.s_fontLabel, .s_tabTexto {font: 400 12px Oswald; font-weight: bold;}
	.s_tagLabel{font: 500 14px Oswald;}
	.s_tabAnexos {display: inline-block; font: 600 14px Oswald;}

	.s_justify {font-family: 'Outfit', sans-serif; font-size: 10pt; font-weight: bold;}

	.s_footer p.s_fontCopyright {font: 500 10pt Oswald;}
	.s_footer p.s_fontAdministrador {font: 500 8pt Oswald;}

	.row span, .s_justify p, p.s_tabTexto, .s_tabAnexos, .s_footer {letter-spacing: 0.2px;}
}
