:root {
    --SIS_FONTE: 'Spartan', sans-serif;
    --SIS_FONTE_TITULO: 'Abril Fatface', serif;
    --SIS_COR_BACKGROUND: #e5e5e5;
    --SIS_COR_THEME: #8a143a;
    --SIS_COR_TEXTO: #7b7b7b;
    --SIS_COR_HOVER: #e2b63a;
    --fonteTit: 'Abril Fatface', serif;
    --fonte: 'Spartan', sans-serif;
    --fonte2: 'Bebas Neue', sans-serif;
    --fonte3: 'Roboto', sans-serif;
    --fonte4: 'Lato', sans-serif;
    --corInfo: #004ce6;
    --corAlerta: #e0a800;
    --corErro: #b10000;
    --corOk: #82c91e;
    --corVinho1: #881935;
    --corVinho2: #881935;
    --corVinho3: #881935;
    --corVinho4: #881935;
    --corVinho5: #881935;
    --corCinza1: #e5e5e5;
    --corCinza2: #7b7b7b;
    --corCinza3: #f6f6f6;
    --corCinza4: #7b7b7b;
    --corCinza5: #686868;
    --corCinza6: #b7b1b1;
    --corCinza7: #001f1bbd;
    --corCinza8: #eee;
    --corAmarelo: #ffeac1;
    --corBranco: #fff;
    --corPreto: #000;
    --corBtnVerde: #009414;
    --margemLarga: 45px;
    --margemFina: 20px;
    --margem: var(--margemLarga);
    --maxLarguraSec: 970px;
    --maxLarguraSessoes: 1220px;
    --maxLarguraPagina: 1920px;
    --maxLarguraPagina: 100vw;
}

html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--SIS_FONTE);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--SIS_COR_TEXTO);
    background: var(--corVinho5);
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body::-webkit-scrollbar-track:vertical:hover {
    border-right: 4px solid trasnparent;
    border-radius: 2px;
}

body::-webkit-scrollbar-thumb:vertical {
    border-right: 2px solid var(--SIS_COR_TEXTO);
    border-radius: 1px;
}

body::-webkit-scrollbar-thumb:vertical:hover {
    border-right: 4px solid var(--SIS_COR_HOVER);
    border-radius: 2px;
}

body img {
    max-width: 90vw;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

body>#backdrop {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--SIS_COR_BACKGROUND);
    z-index: 90;
}

body>#backdrop::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body>#backdrop::-webkit-scrollbar-track:vertical:hover {
    border-right: 4px solid trasnparent;
    border-radius: 2px;
}

body>#backdrop::-webkit-scrollbar-thumb:vertical {
    border-right: 2px solid var(--SIS_COR_TEXTO);
    border-radius: 1px;
}

body>#backdrop::-webkit-scrollbar-thumb:vertical:hover {
    border-right: 4px solid var(--SIS_COR_HOVER);
    border-radius: 2px;
}

body>#backdrop>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body a,
body button {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    display: block;
    transition: all .5s ease-out;
    text-decoration: none;
    color: inherit;
    border: none;
    cursor: pointer;
    background: transparent;
    font-family: inherit;
}

body a ::-moz-focus-inner,
body button ::-moz-focus-inner {
    border: none;
}

body a:focus,
body a:hover,
body button:focus,
body button:hover {
    color: inherit;
}

body h2 {
    margin: 0;
    padding: 0 font-family:var(--SIS_FONTE_TITULO);
    font-weight: 700;
    text-transform: uppercase;
    text-align: inherit;
    color: var(--corPreto);
    font-size: 30.4598px;
    line-height: 33px;
}

body p {
    margin: 0;
    padding: 0;
    font-size: 16px !important;
    line-height: 150% !important;
}

body form {
    --formMargem: 20px;
    padding: calc(2 * var(--formMargem)) var(--formMargem);
    text-align: left;
}

body form .aviso {
    color: red;
    opacity: 0;
    height: 0;
    display: block;
    transition: opacity 0.3s, height 0.4s;
}

body form .aviso.exibe {
    opacity: 1;
    height: 50px;
}

body form .bloco {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    margin: 0 auto;
    place-items: center;
}

body form .bloco label {
    display: inline-block;
    width: 350px;
    max-width: 100%;
}

body form .bloco label:after {
    margin-top: -24px;
}

body form .periodo {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: var(--formMargem);
}

body form label.radio {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body form label.radio.manha:before {
    content: url('/site/img/ico_meioSol.svg');
}

body form label.radio.tarde:before {
    content: url('/site/img/ico_sol.svg');
}

body form label.radio.noite:before {
    content: url('/site/img/ico_lua.svg');
}

body form label:not(.radio) {
    border: 2px solid #b7b1b1;
    margin-bottom: var(--formMargem);
    padding: calc(var(--formMargem) / 2) var(--formMargem);
    position: relative;
    display: block;
}

body form label:not(.radio).valido:after {
    content: '✔';
    color: green;
}

body form label:not(.radio).invalido:after {
    content: '✘';
    color: red;
}

body form label:not(.radio):after {
    right: 0.25em;
    position: absolute;
    font-size: 200%;
}

body form label:not(.radio).select:before {
    display: block;
    content: '▾';
    right: 1.4em;
    position: absolute;
    bottom: 1.2em;
    color: black;
}

body form label:not(.radio).select .input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

body form label:not(.radio).foco {
    border: 2px solid #763349;
}

body form label:not(.radio) span {
    font-family: var(--SIS_FONTE);
    font-weight: normal;
    font-size: 13px;
    line-height: 135%;
    color: #763349;
    width: 100%;
    display: block;
}

body form label:not(.radio) .input {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box;
    background: white;
    width: 100%;
    border: none;
    font-family: var(--SIS_FONTE);
    font-size: 13px;
    line-height: 30px;
    resize: vertical;
}

body form label:not(.radio) .input ::-moz-focus-inner {
    border: none;
}

body form label:not(.radio) .input:not(textarea) {
    height: 30px;
    resize: unset;
}

body form label:not(.radio) .input.upper {
    text-transform: uppercase;
}

body form button.botao {
    margin-top: 38px;
}

body .curso {
    box-sizing: border-box;
    display: flex;
    padding: 18px;
    grid-gap: 18px;
    max-width: 470px;
    background: #f7f7f7;
    box-shadow: 3px 4px 16px -3px rgba(0, 0, 0, 0.25);
}

body .curso>img {
    object-fit: cover;
    overflow: hidden;
    /* height: 183px; */
    width: 206px;
}

body .curso>div>div {
    color: #686868;
    float: right;
    gap:  15px;
}

body .curso>div>div p {
    font-size: 14px;
    line-height: 16px;
    color: #b7b1b1;
    display: flex;
    grid-gap: 0.5em;
    justify-content: left;
    align-items: center;
    margin-top: 25px;
}


body .curso a,
body .curso button {
    box-sizing: border-box;
    font-family: var(--fonte3);
    font-weight: 500;
    font-size: 10.1701px;
    line-height: 12px;
    color: #f7f7f7;
    width: 97px;
    height: 29px;
    background: var(--corBtnVerde);
    display: grid;
    place-items: center;
    float: left;
    /* margin-top: 10px; */
}

body .curso p {
    font-size: 14px;
    color: #686868;
    margin: 0;
}

body .curso h3 {
    font-family: var(--fonte);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 31, 27, 0.74);
    margin: 10px 0 0 0;
}

body .curso h4 {
    font-family: var(--fonte2);
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #90143c;
    margin: 0;
}

body .curso h4 span {
    font-size: 28px;
}

body>header.header {
    position: relative;
    min-height: calc(8 * 69px);
    background: var(--corVinho2);
    color: var(--corCinza3);
    background-repeat: no-repeat;
    background-position: right top;
}

body>header.header:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    width: 350px;
    max-width: 100vw;
    background: linear-gradient(90deg, #8f143cd6 75%, transparent);
}

body>header.header .direita {
    position: absolute;
    right: 100px;
    bottom: -50px;
    
    /* right:0;
    bottom: 0; */
}

body>header.header .direita h1 {
    font-family: var(--SIS_FONTE_TITULO);
    font-size: 108.068px;
    line-height: 90%;
    color: white;
    margin: 0 0 50px 0;
}

body>header.header .direita a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    font-family: var(--SIS_FONTE_TITULO);
    width: 196px;
    height: 42px;
    box-sizing: border-box;
}

body>header.header .direita a:before {
    content: url('/site/img/ico_user.svg');
    margin-right: 0.5em;
}

body>header.header.home {
    background-image: url('/site/img/banner_home.jpg');
}


body>header.header.estaduais{
    background-image: url('/site/img/header_estaduais.jpg')!important;
}

/* body>header.header.cursos {
    background-image: url('/site/img/banner_curso.jpg')!important;
} */
body>header.info-header{
    background-image: url('/site/img/banner_quemsomos.jpg')!important;
}
body>header.header.brasil,
body>header.header.form {
    background-image: url('/site/img/banner_cursos.jpg');
    background-size: contain;
}

body>header.header.asi {
    background-image: url('/site/img/banner_asi.jpg');
    background-size: contain;
}

body>header.header.cursoItem,
body>header.header.cursoDetalhes,
body>header.header.estadual {
    background-image: url('/site/img/banner_curso.jpg');
}

body>header.header.cursoItem .direita,
body>header.header.cursoDetalhes .direita,
body>header.header.estadual .direita {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

body>header.header.cursoItem .direita .cursoHeadDet img,
body>header.header.cursoDetalhes .direita .cursoHeadDet img,
body>header.header.estadual .direita .cursoHeadDet img {
    display: block;
}

body>header.header.cursoItem .direita .cursoHeadDet h1,
body>header.header.cursoDetalhes .direita .cursoHeadDet h1,
body>header.header.estadual .direita .cursoHeadDet h1 {
    font-family: var(--fonte);
    font-style: normal;
    font-weight: 500;
    font-size: 24.5797px;
    line-height: 28px;
    color: #eee;
    max-width: 254px;
}

body>header.header.cursoItem .direita .cursoHeadDet h4,
body>header.header.cursoDetalhes .direita .cursoHeadDet h4,
body>header.header.estadual .direita .cursoHeadDet h4 {
    font-family: var(--fonte);
    font-style: normal;
    font-weight: 500;
    font-size: 15.7922px;
    line-height: 18px;
    color: #fff;
}

body>header.header.cursoItem .direita .cursoHeadDet h2,
body>header.header.cursoDetalhes .direita .cursoHeadDet h2,
body>header.header.estadual .direita .cursoHeadDet h2 {
    font-family: var(--fonte2);
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 48px;
    color: #e2b63a;
}

body>header.header.cursoItem .direita .cursoHeadDet h2 span,
body>header.header.cursoDetalhes .direita .cursoHeadDet h2 span,
body>header.header.estadual .direita .cursoHeadDet h2 span {
    font-size: 25px;
    line-height: 33px;
}

body>header.header.cursoItem .direita .cursoHead,
body>header.header.cursoDetalhes .direita .cursoHead,
body>header.header.estadual .direita .cursoHead {
    max-width: 380px;
    margin-right: 30px;
}

body>header.header.cursoItem .direita .cursoHead h1,
body>header.header.cursoItem .direita .cursoHead h2,
body>header.header.cursoDetalhes .direita .cursoHead h1,
body>header.header.cursoDetalhes .direita .cursoHead h2,
body>header.header.estadual .direita .cursoHead h1,
body>header.header.estadual .direita .cursoHead h2 {
    font-family: var(--fonte);
    font-size: 24.5797px;
    line-height: 28px;
    max-width: 360px;
    margin: 0 0 20px 0;
}

body>header.header.cursoItem .direita .cursoHead h2,
body>header.header.cursoDetalhes .direita .cursoHead h2,
body>header.header.estadual .direita .cursoHead h2 {
    font-weight: 600;
}

body>header.header.cursoItem .direita .cursoHead h4,
body>header.header.cursoDetalhes .direita .cursoHead h4,
body>header.header.estadual .direita .cursoHead h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

body>header.header.cursoItem .direita .cursoHead h4 span,
body>header.header.cursoDetalhes .direita .cursoHead h4 span,
body>header.header.estadual .direita .cursoHead h4 span {
    font-family: var(--fonte);
    font-weight: 500;
    font-size: 11.1802px;
    line-height: 13px;
    display: inline-flex;
    align-items: center;
    filter: brightness(99);
}

body>header.header.cursoItem .direita .cursoHead h4 span:nth-child(1):before,
body>header.header.cursoDetalhes .direita .cursoHead h4 span:nth-child(1):before,
body>header.header.estadual .direita .cursoHead h4 span:nth-child(1):before {
    content: url('/site/img/ico_calendar.svg');
    margin-right: 0.5em;
}

body>header.header.cursoItem .direita .cursoHead h4 span:nth-child(2):before,
body>header.header.cursoDetalhes .direita .cursoHead h4 span:nth-child(2):before,
body>header.header.estadual .direita .cursoHead h4 span:nth-child(2):before {
    content: url('/site/img/ico_alarm.svg');
    margin-right: 0.5em;
}

body>header.header.cursoItem .direita .cursoHead h4 span:nth-child(3):before,
body>header.header.cursoDetalhes .direita .cursoHead h4 span:nth-child(3):before,
body>header.header.estadual .direita .cursoHead h4 span:nth-child(3):before {
    content: url('/site/img/ico_user.svg');
    margin-right: 0.5em;
}

body>header.header h1 {
    display: inline-block;
    vertical-align: top;
    margin: 41px 17px;
    font-family: var(--fonteTit);
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
}

body>header.header .asi {
    /* float: right; */
}

body>header.header nav.sobe .menuLateral {
    height: 69px;
    overflow: hidden;
}

body>header.header nav.sobe .menuLateral a,
body>header.header nav.sobe .menuLateral button {
    background: transparent;
}

body>header.header nav .menuLateral {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: calc((100vw - var(--maxLarguraPagina)) / 2);
    height: calc(8 * 69px);
    max-height: 100vh;
    transition: height .5s ease-out;
    z-index: 9;
}

body>header.header nav .menuLateral::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

body>header.header nav .menuLateral::-webkit-scrollbar-track:vertical:hover {
    border-right: 0px solid trasnparent;
    border-radius: 0px;
}

body>header.header nav .menuLateral::-webkit-scrollbar-thumb:vertical {
    border-right: 0px solid var(--SIS_COR_TEXTO);
    border-radius: 0px;
}

body>header.header nav .menuLateral::-webkit-scrollbar-thumb:vertical:hover {
    border-right: 0px solid var(--SIS_COR_HOVER);
    border-radius: 0px;
}

body>header.header nav .menuLateral a,
body>header.header nav .menuLateral button {
    width: calc(var(--margem) + 33px);
    height: 69px;
    display: grid;
    place-items: center;
    background: rgba(138, 20, 58, 0.8);
}

body>header.header nav .menuLateral a:nth-child(n+5),
body>header.header nav .menuLateral button:nth-child(n+5) {
    background: rgba(255, 255, 255, 0.8);
}

body>header.header nav .menuLateral a:nth-child(n+5) img,
body>header.header nav .menuLateral button:nth-child(n+5) img {
    filter: brightness(0.3);
}

body>header.header nav .menuLateral a:focus,
body>header.header nav .menuLateral a:hover,
body>header.header nav .menuLateral a.ativo,
body>header.header nav .menuLateral button:focus,
body>header.header nav .menuLateral button:hover,
body>header.header nav .menuLateral button.ativo {
    background: var(--corAmarelo);
}

body>header.header nav .menuLateral a:focus img,
body>header.header nav .menuLateral a:hover img,
body>header.header nav .menuLateral a.ativo img,
body>header.header nav .menuLateral button:focus img,
body>header.header nav .menuLateral button:hover img,
body>header.header nav .menuLateral button.ativo img {
    filter: brightness(0);
}

body>header.header nav .menuLateral a img,
body>header.header nav .menuLateral button img {
    transition: all 0.3s;
}

body>header.header nav .menuHeader {
    font-size: 16px;
    line-height: 18px;
    width: 200px;
    margin-top: 50px;
}

body>header.header nav .menuHeader a {
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 33px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body>header.header nav .menuHeader a:focus,
body>header.header nav .menuHeader a:hover,
body>header.header nav .menuHeader a.ativo {
    color: var(--corAmarelo);
    font-weight: 700;
}

body>header.header nav .menuHeader a:focus:after,
body>header.header nav .menuHeader a:hover:after,
body>header.header nav .menuHeader a.ativo:after {
    content: '';
    background: var(--SIS_COR_TEXTO);
    height: 1px;
    width: -webkit-fill-available;
    width: -moz-available;
    display: block;
    margin-left: 2em;
}

body>header.header>section {
    position: relative;
}

body>header.header>section:first-child {
    margin-top: var(--margem);
}

body>header.header>section.logos {
    max-width: 1348px;
}

body>header.header>section.logos>a {
    display: inline-block;
}

body>header.header>section.logos>a>img {
    height: auto;
    max-width: 27vw;
}

body>header.header>section.add h2 {
    font-family: var(--SIS_FONTE_TITULO);
    font-weight: 400;
    color: inherit;
    text-transform: none;
    font-size: 50px;
    line-height: 100%;
    width: 330px;
    max-width: calc(100vw - (2 * var(--margem)));
    margin-top: 20px;
}

body>header.header>section.add>p {
    font-size: 16px;
    text-transform: lowercase;
    width: 240px;
    margin: 17px 0 0 0;
}

body>header.header>section.add .nums {
    position: absolute;
    bottom: -33px;
    right: -347px;
    height: 142px;
    width: 252px;
    background: var(--corVinho2);
    border-top: 1px solid var(--corCinza3);
    padding: 23px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

body>header.header>section.add .nums:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    width: 131px;
    background: var(--corVinho3);
}

body>header.header>section.add .nums:after {
    content: url('/site/img/ico_setaAmarela.svg');
    display: block;
    position: absolute;
    bottom: 12px;
    right: 23px;
}

body>header.header>section.add .nums a {
    display: inline-block;
    vertical-align: top;
}

body>header.header>section.add .nums h3 {
    display: inline-block;
    font-family: var(--fonte2);
    font-weight: 400;
    font-size: 34.2857px;
    line-height: 45px;
    color: var(--corAmarelo);
    margin: 0;
    vertical-align: inherit;
}

body>header.header>section.add .nums p {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    vertical-align: inherit;
    max-width: 165px;
    margin-top: 6px;
}

body>header.header>section.add .curso {
    position: absolute;
    left: 36%;
    top: 10%;
}

body.form>main.main {
    min-height: 100vh;
}

body>main.main {
    background: var(--SIS_COR_BACKGROUND);
}

body>main.main hr {
    border: 1px solid var(--corAmarelo);
    margin: 0;
}

body>main.main h1 {
    font-family: var(--fonteTit);
    font-size: 74.4223px;
    line-height: 100px;
    color: #000;
    max-width: 680px;
    display: block;
    margin: 2rem auto 7rem;
    text-align: center;
}

body>main.main h1>span {
    display: block;
    margin: 3rem auto 6rem;
    font-weight: bold;
    font-size: 16px;
    line-height: 200%;
    text-align: center;
    color: var(--corVinho4);
}

body>main.main h2 {
    font-family: var(--SIS_FONTE_TITULO);
    font-weight: 400;
    font-size: 30.4598px;
    line-height: 33px;
    color: var(--corPreto);
    margin-bottom: 33px;
    margin-top: 33px;
    text-transform: none;
}

body>main.main h2.traco:before {
    content: '';
    display: block;
    height: 2px;
    width: 67px;
    background: linear-gradient(269.99deg, #e81f60 7.8%, #90143c 83.67%);
    margin-bottom: 10px;
}

body>main.main>section.separador {
    display: flow-root;
}

body>main.main>section.slider .sliderBtn {
    display: flex;
    float: right;
    z-index: 2;
}

body>main.main>section.slider .sliderBtn button {
    transition: all .5s ease-out;
    opacity: 0.5;
}

body>main.main>section.slider .sliderBtn button:hover,
body>main.main>section.slider .sliderBtn button:focus {
    opacity: 1;
    transform: scale(1.1);
}

body>main.main>section.slider .sliderBtn button img {
    filter: brightness(0);
}

body>main.main>section.slider .sliderPreCorpo {
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    width: 100%;
    overflow-y: hidden;
    overflow-x: overflow;
    scroll-snap-type: x mandatory;
}

body>main.main>section.slider .sliderPreCorpo::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body>main.main>section.slider .sliderPreCorpo::-webkit-scrollbar-track:horizontal:hover {
    border-bottom: 0 solid trasnparent;
    border-radius: 0;
}

body>main.main>section.slider .sliderPreCorpo::-webkit-scrollbar-thumb:horizontal {
    border-bottom: 0 solid var(--SIS_COR_HOVER);
    border-radius: 0;
}

body>main.main>section.slider .sliderPreCorpo::-webkit-scrollbar-thumb:horizontal:hover {
    border-bottom: 0 solid var(--SIS_COR_HOVER);
    border-radius: 0;
}

body>main.main>section.slider .sliderPreCorpo .sliderCorpo {
    margin: 00;
    padding: 0;
    box-sizing: border-box;
    width: min-content;
    display: flex;
    clear: both;
    width: 100%;
}

body>main.main>section.slider .sliderPreCorpo .sliderCorpo .sliderItem {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    scroll-snap-align: center;
    overflow: hidden;
    position: relative;
}

body>main.main>section.slider .sliderPreCorpo .sliderCorpo .sliderItem:not(:first-child) {
    margin-left: 10px;
}

body>main.main>section .gradeBlog {
    display: flex;
    justify-content: space-between;
}

body>main.main>section .gradeBlog>.sliderItem {
    position: relative;
    width: 390px;
    max-width: 100%;
    max-width: 390px;
    min-width: 280px;
    max-height: 100%;
    height: 432px;
    background: white;
    text-align: left;
    box-shadow: 3px 4px 16px -3px rgba(0, 0, 0, 0.25);
}

a.blogItem {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.5rem;
}

body>main.main>section .gradeBlog>.sliderItem>p.texto a{
    font-size: 12.5px;
    display: -webkit-box;        
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;      
    overflow: hidden;           
    text-overflow: ellipsis; 
}

body>main.main>section .gradeBlog>.sliderItem.magro {
    min-width: 200px;
    max-width: 200px;
    box-shadow: none;
}

body>main.main>section .gradeBlog>.sliderItem.magro>h3,
body>main.main>section .gradeBlog>.sliderItem.magro>p.texto {
    padding: 0;
}

body>main.main>section .gradeBlog>.sliderItem.magro>a>img {
    box-shadow: 1.74658px 2.32877px 9.31507px -1.74658px rgba(0, 0, 0, 0.25);
}

body>main.main>section .gradeBlog>.sliderItem.magro .info {
    right: 0;
    top: 106px;
}

body>main.main>section .gradeBlog>.sliderItem.magro .tag {
    margin: 10px 0;
}

body>main.main>section .gradeBlog>.sliderItem>h3,
body>main.main>section .gradeBlog>.sliderItem>p.texto {
    margin: 0 0 10px 0;
    padding: 0 30px;
    text-align: inherit;
}

body>main.main>section .gradeBlog>.sliderItem .info {
    position: absolute;
    right: 30px;
    top: 130px;
    font-family: var(--SIS_FONTE_TITULO);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81px;
    height: 85px;
    background: white;
    flex-direction: column;
    font-family: Spartan;
    font-size: 13px!important;
    line-height: 16px;
    text-align: center;
    color: #e81f60;
    box-shadow: 1.74658px 2.32877px 9.31507px -1.74658px rgba(0, 0, 0, 0.25);
}

body>main.main>section .gradeBlog>.sliderItem .info>img {
    margin-bottom: 0.5em;
}

body>main.main>section .gradeBlog>.sliderItem .tag {
    background: var(--corVinho3);
    font-family: var(--fonte4);
    font-weight: normal;
    font-size: 8.8421px;
    line-height: 11px;
    padding: 2px 7px;
    display: inline-block;
    margin: 10px 30px;
    color: white;
}

body>main.main>section .gradeBlog>.sliderItem .tag:focus,
body>main.main>section .gradeBlog>.sliderItem .tag:hover {
    color: inherit;
}

body>main.main>section .gradeBlog>.sliderItem>a>img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 191px;
    object-fit: cover;
}

body>main.main>section .botao {
    background: var(--corAmarelo);
    height: 40px;
    font-family: Spartan;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #674c00;
    border: 1px solid #674c00;
    padding: 1.5em 2em;
    text-align: left;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body>main.main>section .botao:after {
    content: url('/site/img/ico_setaAmarela.svg');
    filter: brightness(0.4);
    margin-left: 0.5em;
}

body>main.main>section .cidades a {
    display: flex;
    align-items: center;
    line-height: 32px;
    /* margin-bottom: 20px; */
    font-size: 16px;
}

/* body>main.main>section .cidades a:before {
    width: 32px;
    height: 32px;
    content: url('/site/img/ico_mapPin.svg');
} */

/* body>main.main>section .cidades a:after {
    content: url('/site/img/ico_setaDir.svg');
    margin-left: 0.5em;
    width: 32px;
    height: 32px;
    transition: all 0.3s;
    filter: brightness(0.5) sepia(1) saturate(10000%) brightness(0.5) sepia(1) saturate(10000%) hue-rotate(137deg);
} */


body>main.main>section div div.cidades {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 2rem;
    margin-top: 1rem;
}

body>main.main>section div div.cidades .box-estadual {
    border-bottom: 1px solid var(--corAmarelo);
    box-shadow: 3px 4px 16px -3px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    margin-bottom: 4rem;
}

body>main.main>section div div.cidades .box-estadual img {
    max-height: 200px;
    height: 100%;
    object-fit: cover;
    
}

body>main.main>section div div.cidades .box-estadual .content {
    padding: 2rem 1.5rem;
}

body>main.main>section .cidades h4 {
    font-family: Spartan;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: var(--corVinho4);
    text-align: left;
}

body>main.main>section .zigzag:not(.diretoria) {
    display: flex;
    flex-direction: column;
}

body>main.main>section .zigzag:not(.diretoria)>div {
    background: white;
    margin-bottom: var(--margem);
    box-shadow: 3px 4px 16px -3px rgba(0, 0, 0, 0.25);
    display: flex;
}

body>main.main>section .zigzag:not(.diretoria)>div:nth-child(even) {
    justify-content: space-between;
    flex-direction: row-reverse;
}

body>main.main>section .zigzag:not(.diretoria)>div>img {
    border-radius: 0;
    max-width: 50%;
    object-fit: cover;
}

body>main.main>section .zigzag:not(.diretoria)>div>div {
    width: 100%;
    height: 342px;
    box-sizing: border-box;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-evenly;
}

body>main.main>section .zigzag:not(.diretoria)>div h5 {
    margin: 0 0 0.5rem;
}

body>main.main>section .zigzag:not(.diretoria)>div h5:first-child{
    margin: 1.5rem 0 0.5rem;
}

body>main.main>section .zigzag:not(.diretoria)>div h3 {
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    color: rgba(0, 31, 27, 0.74);
}

body>main.main>section .zigzag:not(.diretoria)>div p {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 200%;
    color: #686868;
    margin: 10px 0;
}

body>main.main>section .zigzag:not(.diretoria)>div p::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body>main.main>section .zigzag:not(.diretoria)>div p::-webkit-scrollbar-track:vertical:hover {
    border-right: 4px solid trasnparent;
    border-radius: 2px;
}

body>main.main>section .zigzag:not(.diretoria)>div p::-webkit-scrollbar-thumb:vertical {
    border-right: 2px solid var(--SIS_COR_TEXTO);
    border-radius: 1px;
}

body>main.main>section .zigzag:not(.diretoria)>div p::-webkit-scrollbar-thumb:vertical:hover {
    border-right: 4px solid var(--SIS_COR_HOVER);
    border-radius: 2px;
}

body>main.main>section .cursosNA:not(.sliderCorpo) {
    display: flex;
    max-width: 100%;
justify-content: space-around;
    margin-bottom: 100px;
}

body>main.main>section .cursosNA>div {    
    width: 400px;
    max-width: 90vw;
    position: relative;
    padding: 20px;
    background: #fff;
    box-shadow: 3px 4px 16px -2px rgba(0, 0, 0, 0.25);
}

body>main.main>section .cursosNA>div>img {
    margin-bottom: 1rem;
    border-radius: 0;
    object-fit: cover;
    width: 100%;
}

body>main.main>section .cursosNA>div h2 {
    font-family: var(--fonte);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #686868;
}

body>main.main>section .cursosNA>div h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body>main.main>section .cursosNA>div h4 span {
    font-family: var(--fonte);
    font-weight: 500;
    font-size: 11.1802px;
    line-height: 13px;
    display: inline-flex;
    align-items: center;
}

body>main.main>section .cursosNA>div h4 span:nth-child(1) {
    filter: brightness(0.5) sepia(1) saturate(10000%) hue-rotate(296deg) brightness(0.5);
}

body>main.main>section .cursosNA>div h4 span:nth-child(1):before {
    content: url('/site/img/ico_calendar.svg');
    margin-right: 0.5em;
}

body>main.main>section .cursosNA>div h4 span:nth-child(2) {
    filter: brightness(99) sepia(1) saturate(100000%) hue-rotate(320deg) brightness(0.8);
}

body>main.main>section .cursosNA>div h4 span:nth-child(2):before {
    content: url('/site/img/ico_alarm.svg');
    margin-right: 0.5em;
}

body>main.main>section .cursosNA>div h4 span:nth-child(3) {
    filter: brightness(5) sepia(1) saturate(10000%) hue-rotate(280deg) brightness(0.7) contrast(2);
}

body>main.main>section .cursosNA>div h4 span:nth-child(3):before {
    content: url('/site/img/ico_user.svg');
    margin-right: 0.5em;
}

body>main.main>section .cursosNA>div p {
    margin-bottom: 50px;
}

body>main.main>section .cursosNA>div a {
    /* position: absolute; */
    margin: 0 auto;
    bottom: 20px;
    width: 200px;
    height: 40px;
    display: grid;
    place-items: center;
    background: var(--corBtnVerde);
    font-weight: 500;
    font-size: 15px;
    line-height: 11px;
    color: #f7f7f7;
}

body>main.main>section#agenda {
    position: relative;
    margin-top: 78px;
    margin-bottom: 80px;
}

body>main.main>section#agenda:before {
    content: '';
    position: absolute;
    background: url('/site/img/banner_agenda.jpg');
    background-size: 100%;
    display: block;
    width: 600px !important;
    height: 606px;
}

body>main.main>section#agenda .linha {
    position: absolute;
    width: 1px;
    background: black;
    height: calc(100% + 90px);
    left: 50%;
    top: -65px;
}

body>main.main>section#agenda .meses {
    position: absolute;
    width: 100%;
    height: 595px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    top: -45px;
}

body>main.main>section#agenda .mes {
    position: relative;
    background: white;
    width: 106px;
    height: 25px;
    color: var(--corVinho3);
    box-sizing: border-box;
    box-shadow: 3px 4px 16px -3px #000;
}

body>main.main>section#agenda .mes:after {
    position: absolute;
    content: '';
    background: var(--corVinho3);
    border: 5px solid #686868;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
}

body>main.main>section#agenda .mes:before {
    width: 0;
    height: 0;
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px;
}

body>main.main>section#agenda .mes:nth-child(even) {
    margin-right: 155px;
}

body>main.main>section#agenda .mes:nth-child(even):after {
    right: -32px;
}

body>main.main>section#agenda .mes:nth-child(even):before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--corVinho3);
    right: -10px;
}

body>main.main>section#agenda .mes:nth-child(odd) {
    margin-left: 155px;
}

body>main.main>section#agenda .mes:nth-child(odd):after {
    left: -32px;
}

body>main.main>section#agenda .mes:nth-child(odd):before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--corVinho3);
    left: -10px;
}

body>main.main>section#agenda .btn {
    position: relative;
    box-sizing: border-box;
    border: 1px solid var(--corVinho3);
    border-radius: 9.70124px;
    font-family: var(--fonte3);
    font-weight: 500;
    font-size: 14.0946px;
    line-height: 17px;
    color: var(--corVinho3);
    width: 190px;
    height: 40px;
    margin: 30px auto;
    display: grid;
    place-items: center;
}

body>main.main>section#agenda .cursos {
    margin-top: 60px;
    position: relative;
    display: grid;
    grid-gap: 60px 30px;
    grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
}

body>main.main>section#agenda .cursos .curso {
    position: relative;
}

body>main.main>section#agenda .cursos .curso.branco {
    opacity: 0;
    margin-left: -8px;
}

body>main.main>section#agenda .taca {
    position: relative;
    margin-left: 47px;
    margin-top: 100px;
}

body>main.main>section#agenda h2 {
    font-family: var(--SIS_FONTE_TITULO);
    font-weight: 400;
    font-size: 30.4598px;
    line-height: 33px;
    color: var(--corPreto);
    margin-bottom: 33px;
    margin-top: 33px;
    text-transform: none;
}

body>main.main>section#agenda h2:before {
    content: '';
    display: block;
    height: 2px;
    width: 67px;
    background: linear-gradient(269.99deg, #e81f60 7.8%, #90143c 83.67%);
    margin-bottom: 10px;
}

body>main.main>section#agenda .intro {
    max-width: 357px;
    float: right;
}

body>main.main>section#quem-somos {
    background: var(--corCinza3);
    max-width: var(--maxLarguraPagina);
    padding: 120px 0;
}

body>main.main>section#quem-somos>div.grid.about {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

body>main.main>section#quem-somos>div.grid.about .intro {
    max-width: 600px;
    width: 100%;
}

body>main.main>section#quem-somos>div.grid {
    position: relative;
    max-width: var(--maxLarguraSessoes);
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

body>main.main>section#quem-somos>div.grid:after {
    background-image: url('/site/img/taca.png');
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    bottom: -58px;
    left: 27%;
    width: 170px;
    height: 140px;
    object-fit: none;
    content: '';
    box-shadow: 3px 4px 16px -3px rgb(0 0 0 / 25%);
}

body>main.main>section#quem-somos>div.grid>img {
    max-width: 400px;
    width: 100%;
    height: auto;
    /* margin-top: -30px; */
}

body>main.main>section#quem-somos>div.grid button,
body>main.main>section#quem-somos>div.grid a {
    width: 190px;
    height: 40px;
    background: var(--corVinho4);
    box-sizing: border-box;
    font-family: var(--fonte3);
    font-style: normal;
    font-weight: 500;
    font-size: 14.0946px;
    line-height: 17px;
    color: var(--corCinza4);
    margin-top: 10px;
    display: grid;
    place-items: center;
}

body>main.main>section#blogHome {
    max-width: var(--maxLarguraPagina);
    background: white;
    padding: 80px 20px;
}

body>main.main>section#blogHome div.base {
    position: relative;
    min-height: 500px;
    width: 100%;
    max-width: var(--maxLarguraSessoes);
}

body>main.main>section#blogHome div.base>div {
    /* width: calc(100% - var(--margem) * 2); */
}

/* body>main.main>section#blogHome div.base:before {
    content: '';
    position: absolute;
    top: 30px;
    background: url('/site/img/banner_blog.jpg');
    display: block;
    width: 404px;
    height: 474px;
    max-width: 90vw;
} */

body>main.main>section#apoio {
    display: grid;
    place-items: center;
    background: white;
    max-width: var(--maxLarguraPagina);
    margin: 0;
}

body>main.main>section#apoio nav {
    display: grid;
    grid-gap: var(--margem);
    grid-template-columns: repeat(auto-fit, minmax(117px, 1fr));
    width: calc(100vw - (2 * var(--margem)));
    max-width: calc((3 * var(--margem)) + (4 * 117px));
    place-items: center;
    margin: var(--margem) 0;
}

body>main.main>section#apoio .curso {
    position: absolute;
}

body>main.main>section#numeros {
    position: relative;
    min-height: 560px;
    padding: 80px 0 80px;
    /* padding-left: 125px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body>main.main>section#numeros>.banner {
    /* position: absolute; */
    /* right: -420px; */
    height: 467px;
    width: auto;
    vertical-align: top;
}

body>main.main>section#numeros .botao {
    margin-bottom: 50px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

body>main.main>section#numeros .intro {
    position: relative;
    width: 280px;
    padding-top: 52px;
    padding-right: 40px;
    vertical-align: top;
    display: inline-block;
}

body>main.main>section#numeros .direita {
    padding-top: 85px;
    position: relative;
    display: inline-block;
    max-width: 550px;
}

body>main.main>section#numeros .direita h2 {
    text-shadow: 0 0 5px white;
}

body>main.main>section#numeros .direita .caixas {
    text-align: center;
}

body>main.main>section#numeros .direita .caixas>div {
    background: #801235;
    width: 170px;
    height: 194px;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 10px;
}

body>main.main>section#numeros .direita .caixas>div img {
    margin-bottom: 5px;
}

body>main.main>section#numeros .direita .caixas>div p {
    font-family: Roboto;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: white;
}

body>main.main>section#numeros .direita .caixas>div p span {
    display: block;
    font-size: 34px;
    line-height: 59px;
    text-align: center;
    color: var(--corAmarelo);
}

body>main.main>section#sommelierHome {
    max-width: var(--maxLarguraPagina);
    background: white;
}

body>main.main>section#sommelierHome>div {
    box-sizing: border-box;
    /* min-height: 650px; */
    padding: 80px 0;
    /* padding-left: 90px; */
    position: relative;
    max-width: 100%;
    width: var(--maxLarguraSessoes);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

body>main.main>section#sommelierHome>div:before {
    /* content: ''; */
    position: absolute;
    right: -110px;
    background-image: url('/site/img/banner_sommelier.jpg');
    width: 405px;
    height: 467px;
    top: 100px;
    max-width: 90vw;
}

body>main.main>section#sommelierHome>div>div {
    max-width: 100%;
    display: inline-block;
    position: relative;
}

body>main.main>section#sommelierHome .botao {
    margin-top: 100px;
}

body>main.main>section#sommelierHome .botao:after {
    content: url('/site/img/ico_setaLonga.svg');
}

body>main.main>section#sommelierHome .conheca {
    width: 500px;
    vertical-align: top;
    margin-top: 25px;
    margin-right: 30px;
}

body>main.main>section#sommelierHome .deonde {
    width: 280px;
    height: 100%;
    background: #fff;
    box-shadow: 3px 4px 16px -3px rgba(0, 0, 0, 0.25);
    text-align: center;
    padding: 30px;
}

body>main.main>section#sommelierHome .deonde h3{
    font-weight: 600;
}

body>main.main>section#sommelierHome img {
    height: min-content;
}

body>main.main>section#onde {
    max-width: var(--maxLarguraPagina);
    background: white;
    display: flow-root;
    padding-bottom: 100px;
}

body>main.main>section#onde>div {
    box-sizing: border-box;
    min-height: 850px;
    padding-top: 50px;
    position: relative;
    max-width: 100%;
    width: var(--maxLarguraSessoes);
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body>main.main>section#onde>div .postal {
    display: inline-block;
}

body>main.main>section#onde>div .cidades {
    display: inline-block;
    /* float: right; */
    max-width: 100%;
    /* margin-top: 70px; */
    position: relative;
}

body>main.main>section#onde>div .cidades h4 {
    color: var(--corVinho4);
}

body>main.main>section#estaduais {
    max-width: var(--maxLarguraPagina);
    background: white;
    display: flow-root;
    /* padding-bottom: 100px; */
}

body>main.main>section#estaduais>div {
    box-sizing: border-box;
    min-height: 850px;
    padding-top: 50px;
    position: relative;
    max-width: 100%;
    width: var(--maxLarguraSessoes);
}

body>main.main>section#estaduais>div>.banner {
    position: absolute;
    content: url('/site/img/banner_estaduais.jpg');
    top: 300px;
    left: -110px;
}

body>main.main>section#estaduais>div .cidades {
    float: right;
    width: 610px;
    max-width: 100%;
    margin-top: 30px;
    position: relative;
}

body>main.main>section#estaduais>div .cidades h4 {
    color: var(--corAmarelo);
}

body>main.main>section#estaduais>div h1 {
    text-align: left;
}

body>main.main>section#menuBrasil>a,
body>main.main>section#menuCurso>a,
body>main.main>section#categoriasBlog>a {
    margin: 10px 0;
    display: flex;
    align-items: center;
}

body>main.main>section#menuBrasil>a:before,
body>main.main>section#menuCurso>a:before,
body>main.main>section#categoriasBlog>a:before {
    content: url('/site/img/ico_setaVolta.svg');
    filter: brightness(0);
}

body>main.main>section#menuBrasil nav,
body>main.main>section#menuCurso nav,
body>main.main>section#categoriasBlog nav {
    margin-top: 52px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(183, 177, 177, 0.5);
    text-align: center;
}

body>main.main>section#menuBrasil nav a,
body>main.main>section#menuCurso nav a,
body>main.main>section#categoriasBlog nav a {
    display: inline-block;
    font-family: Spartan;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    color: #686868;
    padding: 0 1vw;
    line-height: 200%;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
}

body>main.main>section#menuBrasil nav a>img,
body>main.main>section#menuCurso nav a>img,
body>main.main>section#categoriasBlog nav a>img {
    display: block;
    margin: 0 auto;
    filter: brightness(99) sepia(1) saturate(100000%) hue-rotate(320deg) brightness(0.8);
}

body>main.main>section#menuBrasil nav a:focus,
body>main.main>section#menuBrasil nav a:hover,
body>main.main>section#menuBrasil nav a.ativo,
body>main.main>section#menuCurso nav a:focus,
body>main.main>section#menuCurso nav a:hover,
body>main.main>section#menuCurso nav a.ativo,
body>main.main>section#categoriasBlog nav a:focus,
body>main.main>section#categoriasBlog nav a:hover,
body>main.main>section#categoriasBlog nav a.ativo {
    border-bottom: 2px solid var(--corVinho1);
}

body>main.main>section#menuBrasil nav a:focus>img,
body>main.main>section#menuBrasil nav a:hover>img,
body>main.main>section#menuBrasil nav a.ativo>img,
body>main.main>section#menuCurso nav a:focus>img,
body>main.main>section#menuCurso nav a:hover>img,
body>main.main>section#menuCurso nav a.ativo>img,
body>main.main>section#categoriasBlog nav a:focus>img,
body>main.main>section#categoriasBlog nav a:hover>img,
body>main.main>section#categoriasBlog nav a.ativo>img {
    filter: brightness(0.5) sepia(1) saturate(10000%) hue-rotate(296deg) brightness(0.5);
}

body>main.main>section#menuBrasil nav a:not(:last-child),
body>main.main>section#menuCurso nav a:not(:last-child),
body>main.main>section#categoriasBlog nav a:not(:last-child) {
    margin-right: 5vw;
}

body>main.main>section#menuBrasil>img,
body>main.main>section#menuCurso>img,
body>main.main>section#categoriasBlog>img {
    display: block;
    margin: 5rem auto 1rem;
}

body>main.main>section#quemSomos{
    padding: 6rem 0 2rem;
}

body>main.main>section#quemSomos h1,
body>main.main>section#quemSomos .colunas,
body>main.main>section#examesAsi .colunas {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

body>main.main>section#quemSomos .colunas,
body>main.main>section#examesAsi .colunas {
    /* columns: 2; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
    line-height: 18px;
    text-align: justify;
    /* column-gap: 40px; */
}

body>main.main>section#quemSomos .colunas p,
body>main.main>section#examesAsi .colunas p {
    width: 45%;
}

body>main.main>section#outrosBrasil {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    padding: 7.5rem 0;
    justify-content: space-between;
    /* max-width: var(--maxLarguraSec); */
    margin: 0 auto;
    border-top: 1px solid #b0b0b093;
}

body>main.main>section#outrosBrasil>div {
    width: 45%;
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    max-width: 100%;
}

body>main.main>section#outrosBrasil>div h3 {
    font-size: 20px;
    margin-bottom: 1rem;
}
body>main.main>section#outrosBrasil>div p {
    text-align: justify;
    font-size: 16px;
    line-height: 18px;
    color: #4a5f5c;
    margin: 0 0 2rem 0;
}

body>main.main>section#outrosBrasil>div a {
    border: 1px solid #fff;
    background-color: #801235;
    height: 40px;
    font-family: Spartan;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    padding: 1.5em 2em;
    text-align: left;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body>main.main>section#associeSe {
    position: relative;
}

body>main.main>section#associeSe .banner {
    position: absolute;
    top: 40%;
}

body>main.main>section#associeSe .texto {
    max-width: 470px;
    display: block;
    margin: 0 auto;
}

body>main.main>section#associeSe .serve {
    margin: 96px 0;
}

body>main.main>section#associeSe .valores {
    max-width: 280px;
    display: inline;
    float: right;
    margin: 140px -160px 0 0;
}

body>main.main>section#associeSe .valores .botao {
    font-family: var(--fonte3);
    font-weight: 500;
    font-size: 10.1701px;
    line-height: 12px;
    color: var(--corCinza4);
    margin-top: 20px;
}

body>main.main>section#associeSe .valores p {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: var(--corVinho4);
}

body>main.main>section#associeSe .valores .precos>div {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
}

body>main.main>section#associeSe .valores .precos h2 {
    font-family: var(--fonte2);
    font-size: 25px;
    line-height: 30px;
    color: var(--corAmarelo);
    margin: 0;
}

body>main.main>section#associeSe .valores .precos h2 span {
    font-size: 20px;
    line-height: 25px;
}

body>main.main>section#associeSe .valores .precos p {
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: justify;
    color: var(--corCinza2);
}

body>main.main>section#sommelier {
    position: relative;
}

body>main.main>section#sommelier .fino {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    text-align: justify;
    margin-bottom: 50px;
}

body>main.main>section#sommelier .fino.divided {
    display: flex;
    justify-content: space-between;
}

body>main.main>section#sommelier .fino.fino.divided .left {
    max-width: 60%;
}

body>main.main>section#sommelier .fino h3 {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: var(--corVinho4);
    margin-top: 4rem;
    margin-bottom: 1.5rem;
}

body>main.main>section#sommelier .fino h3:before {
    /* content: url('/site/img/ico_setaBaixo.svg'); */
    margin-left: -2.1em;
    vertical-align: sub;
    margin-right: 0.5em;
}

body>main.main>section#sommelier .detalhe {
    padding: 0 44px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: var(--corCinza8);
    width: 367px;
    height: 414px;
    background-image: url('/site/img/roxo.jpg');
    position: absolute;
    right: -110px;
    top: 50%;
}

body>main.main>section#diretoria {
    display: flow-root;
    margin-bottom: 100px;
}

body>main.main>section#diretoria h2 {
    color: var(--SIS_COR_THEME);
}

body>main.main>section#diretoria h3 {
    line-height: 200%;
}

body>main.main>section#diretoria a {
    display: inline;
    display: inline-flex;
}

body>main.main>section#diretoria a.endereco:before {
    content: url('/site/img/ico_mapPin.svg');
    filter: brightness(0);
    margin-right: 0.5em;
}

body>main.main>section#diretoria a.fone:before {
    content: url('/site/img/ico_fone.svg');
    filter: brightness(0.2);
    margin-right: 0.5em;
}

body>main.main>section#diretoria a.site:before {
    content: url('/site/img/ico_home.svg');
    filter: brightness(0);
    margin-right: 0.5em;
}

body>main.main>section#diretoria a.email:before {
    content: url('/site/img/ico_envelope.svg');
    filter: brightness(0);
    margin-right: 0.5em;
}

body>main.main>section#diretoria a.face:before {
    content: url('/site/img/ico_face.svg');
    filter: brightness(0);
    margin-right: 0.5em;
}

body>main.main>section#diretoria a.insta:before {
    content: url('/site/img/ico_insta.svg');
    filter: brightness(0);
    margin-right: 0.5em;
}

body>main.main>section#diretoria a.youtube:before {
    content: url('/site/img/ico_youtube.svg');
    filter: brightness(0);
    margin-right: 0.5em;
}

body>main.main>section#diretoria a.whatsapp:before {
    content: url('/site/img/ico_whats.svg');
    filter: brightness(0);
    margin-right: 0.5em;
}

body>main.main>section#diretoria .contato {
    display: inline-block;
}

body>main.main>section#diretoria .postal {
    float: left;
    margin-right: var(--margem);
    width: auto;
    height: 250px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
}

body>main.main>section#diretoria .zigzag.diretoria>div h3{
    font-size: 16px !important;
    font-weight: bold !important;
    color: #323232;
}
body>main.main>section#diretoria .zigzag.diretoria>div h3,
body>main.main>section#diretoria .zigzag.diretoria>div h4 {
    display: inline-flex;
    margin: 10px 0px;
    line-height: 35px;
}

body>main.main>section#diretoria .zigzag.diretoria>div h4 {
    width: 225px;
}

body>main.main>section#diretoria .zigzag>div h4 {
    font-size: 12px;
    line-height: 13px;
    color: #90143c;
    margin: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

body>main.main>section#diretoria .zigzag>div h4:before {
    content: url('/site/img/ico_medalha.svg');
    margin-right: 0.5em;
}

body>main.main>section#destaquesBlog {
    margin-top: 50px;
    margin-bottom: 50px;
}

body>main.main>section#destaquesBlog .sliderItem {
    position: relative;
    max-width: 100%;
    width: 405px;
    height: 532px;
}

body>main.main>section#destaquesBlog .sliderItem:not(:first-child) {
    margin: 0;
}

body>main.main>section#destaquesBlog .sliderItem>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body>main.main>section#destaquesBlog .sliderItem>div {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, black);
}

body>main.main>section#destaquesBlog .sliderItem>div>div {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

body>main.main>section#destaquesBlog .sliderItem>div>div h3 {
    font-family: var(--fonteTit);
    font-size: 30.4598px;
    line-height: 33px;
    color: rgba(255, 255, 255, 0.74);
}

body>main.main>section#destaquesBlog .sliderItem>div>div .blogCat {
    font-size: 12px;
    line-height: 13px;
    color: #fff;
}

body>main.main>section#destaquesBlog .sliderItem>div>div .blogItem {
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    color: #fff;
    float: left;
    clear: both;
    display: block;
    margin-top: 20px;
}

body>main.main>section#destaquesBlog .sliderItem>div>div .blogItem:after {
    content: url('/site/img/ico_setaAmarela.svg');
    filter: brightness(99);
    margin-left: 5em;
}

body>main.main>section#blog {
    margin-top: 50px;
    margin-bottom: 50px;
}

body>main.main>section#blog .zigzag .blogCat {
    display: block;
    font-weight: bold;
    margin: 1.33em 0;
}

body>main.main>section#blog .zigzag .blogItem {
    display: contents;
}

body>main.main>section#blog .zigzag .blogItem img {
    max-width: 100%;
}
body>main.main>section#blog .zigzag>div>div>div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    position: relative;
}

body>main.main>section#blog .zigzag>div>div>div>.seta {
    position: absolute;
    left: 0;
    filter: brightness(0);
}

body>main.main>section#blog .zigzag>div>div>div p {
    display: flex;
    align-items: center;
    margin-left: 1em;
}

body>main.main>section#blog .zigzag>div>div>div p:first-of-type:before {
    content: url('/site/img/ico_calendar.svg');
    margin-right: 0.5em;
}

body>main.main>section#blog .zigzag>div>div>div p:last-child:before {
    content: url('/site/img/ico_alarm.svg');
    margin-right: 0.5em;
}

body>main.main>section#blogItem header>h2 {
    margin-top: 100px;
    font-family: var(--fonteTit);
    font-size: 30.4598px;
    line-height: 33px;
    text-align: center;
    color: #000;
}

body>main.main>section#blogItem header>img {
    margin: 40px auto;
    display: block;
    /* width: 100%; */
    height: auto;
    object-fit: cover;
    /* min-height: 35vh; */
}

body>main.main>section#blogItem header>hr {
    margin: 40px 0;
    border: 1px solid rgba(183, 177, 177, 0.5);
}

body>main.main>section#blogItem nav address {
    display: inline-block;
}

body>main.main>section#blogItem nav a {
    display: inline-flex;
    align-items: center;
    height: 40px;
}

body>main.main>section#blogItem nav a:not(:first-child) {
    margin-left: 1em;
}

body>main.main>section#blogItem nav a>img {
    width: 27px;
    height: 27px;
    filter: brightness(0.5) sepia(1) saturate(10000%) brightness(0.5) sepia(1) saturate(10000%) hue-rotate(54deg);
}

body>main.main>section#blogItem nav a>span {
    margin-left: 0.5em;
}

body>main.main>section#blogItem nav>.direita {
    float: right;
}

body>main.main>section#blogItem main {
    margin: 100px auto;
    max-width: 900px;
}

body>main.main>section#cursos .texto {
    margin: 50px auto;
    width: 450px;
    max-width: 100%;
}

body>main.main>section#cursos .texto p {
    text-align: center;
}

body>main.main>section#cursoItem {
    display: flow-root;
}

body>main.main>section#cursoItem>div {
    margin: 50px 0;
}

body>main.main>section#cursoItem>div .logos img:first-child {
    margin-right: 60px;
}

body>main.main>section#cursoItem>div .detLogos {
    max-width: 550px;
    float: left;
}

body>main.main>section#cursoItem>div .detalhes {
    margin-top: 50px;
    columns: 2;
    column-gap: 60px;
}

body>main.main>section#cursoItem>div .detalhes>div:before {
    content: url('/site/img/ico_setaDir.svg');
    filter: brightness(0.5) sepia(1) saturate(10000%) hue-rotate(296deg) brightness(0.5);
}

body>main.main>section#cursoItem>div .detalhes:after {
    content: '';
    height: 300px;
    display: block;
}

body>main.main>section#cursoItem>div .detalhes h4 {
    font-family: var(--fonte);
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
    color: #90143c;
    margin: 5px 0 2px 0;
}

body>main.main>section#cursoItem>div .detalhes p {
    font-family: var(--fonte);
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
}

body>main.main>section#cursoItem>div .form {
    float: right;
    min-height: 700px;
    background: white;
    width: 367px;
    box-shadow: 3px 4px 16px -3px rgba(0, 0, 0, 0.25);
}

body>main.main>section#cursoItem>div .form header {
    background: url('/site/img/bgRoxo.jpg');
    height: 355px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px;
    box-sizing: border-box;
}

body>main.main>section#cursoItem>div .form header p {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #eee;
}

body>main.main>section#cursoItem>div .form form p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
}

body>main.main>section#cursoItem>div .form form p:before {
    content: url('/site/img/ico_alarm.svg');
    margin-right: 0.5em;
}

body>main.main>section#cursoItem>div .form form button.botao.roxo {
    width: 165px;
    height: 46px;
    background: #763349;
    color: white;
    margin: 0 auto;
    display: block;
    text-align: center;
}

body>main.main>section#cursoItem>div .form form button.botao.roxo:after {
    content: '';
}

body>main.main>section#cursoItem>div:first-child {
    columns: 2;
    column-gap: 301px;
}

body>main.main>section#cursoItem>div:first-child h2 {
    margin: 0;
    font-family: var(--fonteTit);
    font-size: 30.4598px;
    line-height: 33px;
    text-align: left;
    color: rgba(0, 31, 27, 0.74);
}

body>main.main>section#cursoItem>div:first-child p {
    font-size: 16px;
    line-height: 18px;
    color: #7b7b7b;
    padding-top: 25px;
}

body>main.main>section#turmasCurso {
    background: white;
    padding: 60px 0;
    max-width: var(--maxLarguraPagina);
    margin-top: -120px;
}

body>main.main>section#turmasCurso .base {
    width: var(--maxLarguraSessoes);
    margin: 0 auto;
    max-width: 100%;
}

body>main.main>section#turmasCurso .sliderItem {
    min-width: 280px;
    width: 370px;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

body>main.main>section#turmasCurso .sliderItem:not(:first-child) {
    margin-left: 50px;
}

body>main.main>section#turmasCurso .sliderItem:last-child {
    margin-right: 5px;
}

body>main.main>section#turmasCurso .sliderItem:first-child {
    margin-left: 5px;
}

body>main.main>section#form {
    margin-top: 100px;
    margin-bottom: 100px;
}

body>main.main>section#form h2 {
    font-family: var(--fonte);
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #686868;
}

body>main.main>section#form h2.id:before {
    content: url('/site/img/ico_user.svg');
    margin-right: 1em;
    filter: brightness(0);
}

body>main.main>section#form .base {
    box-shadow: 3px 4px 16px -3px black;
    display: flex;
}

body>main.main>section#form .texto {
    font-size: 25px;
    line-height: 28px;
    color: #fff;
    max-width: 400px;
    margin: 60px 0;
}

body>main.main>section#form .logos {
    margin-bottom: 35px;
}

body>main.main>section#form .logos a {
    display: inline-block;
}

body>main.main>section#form .logos a:first-child {
    margin-right: 13px;
}

body>main.main>section#form .logos a img {
    width: 90px;
    height: auto;
}

body>main.main>section#form .roxo {
    flex: 1;
    background: #8a143a;
    max-width: 100%;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    padding: 40px 20px;
}

body>main.main>section#form .dev {
    font-family: var(--fonte4);
    font-size: 12px;
    line-height: 13px;
    margin-top: 50px;
}

body>main.main>section#form .dev a {
    display: inline-block;
    filter: contrast(0) brightness(2);
    opacity: 0.5;
    margin-left: 0.2em;
}

body>main.main>section#form .dev a:hover,
body>main.main>section#form .dev a:focus {
    filter: contrast(1) brightness(1);
    opacity: 1;
}

body>main.main>section#form .voltar {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    border: none;
    background: none;
}

body>main.main>section#form .voltar:before {
    content: url('/site/img/ico_setaVolta.svg');
}

body>main.main>section#form .links a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 250%;
    color: #fff;
}

body>main.main>section#form .links a img {
    width: 27px;
    height: auto;
    margin-right: 0.5em;
}

body>main.main>section#form .form {
    display: grid;
    place-items: center;
    flex: 1;
    background: white;
}

body>main.main>section#form .form form {
    width: calc(100% - 40px);
    max-width: 367px;
}

body>main.main>section#form .form form a:hover,
body>main.main>section#form .form form a:focus {
    text-decoration: underline;
}

body>main.main>section#form .form form .botao {
    float: left;
    color: white;
}

body>main.main>section#form .form form .botao:after {
    filter: brightness(99);
}

body>main.main>section#form .form form .pe {
    float: right;
    margin-top: 50px;
}

body>main.main>section#cursoInstrutores .instrutores {
    text-align: center;
    margin-bottom: 100px;
}

body>main.main>section#cursoInstrutores .instrutores .instrutor {
    --instru_margem: 15px;
    display: inline-flex;
    background: #fff;
    width: 350px;
    max-width: 80%;
    box-shadow: 3px 4px 16px -3px rgba(0, 0, 0, 0.25);
    margin: 12px;
    padding: var(--instru_margem);
}

body>main.main>section#cursoInstrutores .instrutores .instrutor>div {
    text-align: left;
    margin-left: var(--instru_margem);
}

body>main.main>section#cursoInstrutores .instrutores .instrutor>div a {
    color: white;
    background: #e81f60;
    border: 1px solid #90143c;
    box-sizing: border-box;
    width: 116px;
    height: 29px;
    display: grid;
    place-items: center;
}

body>main.main>section#cursoInstrutores h1 {
    margin: 5px 0;
    text-align: left;
    font-family: var(--fonteTit);
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 33px;
    color: #000;
}

body>main.main>section#cursoInstrutores h4 {
    color: #e81f60;
}

body>main.main>section#cursoLocal,
body>main.main>section#cursoProgramacao {
    position: relative;
    min-height: 500px;
}

body>main.main>section#cursoLocal .texto,
body>main.main>section#cursoProgramacao .texto {
    max-width: 315px;
}

body>main.main>section#cursoLocal .texto h1,
body>main.main>section#cursoProgramacao .texto h1 {
    font-family: var(--fonteTit);
    font-style: normal;
    font-weight: normal;
    font-size: 30.4598px;
    line-height: 33px;
    color: #000;
    text-align: left;
}

body>main.main>section#cursoLocal .texto ul>li,
body>main.main>section#cursoProgramacao .texto ul>li {
    font-family: var(--fonte);
    font-size: 14px;
    line-height: 200%;
    color: #000;
}

body>main.main>section#cursoLocal .texto p,
body>main.main>section#cursoProgramacao .texto p {
    font-family: var(--fonte);
    font-size: 14px;
    line-height: 200%;
    color: #000;
}

body>main.main>section#cursoLocal .mapa,
body>main.main>section#cursoProgramacao .mapa {
    position: absolute;
    right: 0;
}

body>main.main>section#cursoDetahes .certi {
    max-width: 338px;
}

body>main.main>section#cursoDetahes .logos {
    margin: 35px 0;
}

body>main.main>section#cursoDetahes .logos a {
    display: inline-block;
}

body>main.main>section#cursoDetahes .logos a:first-child {
    margin-right: 13px;
}

body>main.main>section#cursoDetahes .logos a img {
    width: 90px;
    height: auto;
}

body>main.main>section#cursoDetahes h1 {
    font-family: var(--fonteTit);
    font-style: normal;
    font-weight: normal;
    font-size: 30.4598px;
    line-height: 33px;
    color: #000;
    text-align: left;
}

body>main.main>section#cursoDetahes p {
    font-family: var(--fonte);
    font-size: 14px;
    line-height: 200%;
    color: #000;
}

body>main.main>section#cursoProgramacao {
    min-height: 700px;
}

body>main.main>section#cursoProgramacao .texto {
    margin-left: 100px;
    max-width: 400px;
}

body>main.main>section#s404 {
    margin-top: 50px;
    margin-bottom: 50px;
}

body>main.main>section#s404 h3 {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: var(--corVinho4);
    margin-top: 25px;
    margin-bottom: 5px;
}

body>main.main>section#s404 li,
body>main.main>section#s404 p {
    line-height: 200%;
}

body>main.main>section#s404 a,
body>main.main>section#s404 button {
    display: inline;
    font-weight: bold;
}

body>main.main>section#s404 a:hover,
body>main.main>section#s404 a:focus,
body>main.main>section#s404 button:hover,
body>main.main>section#s404 button:focus {
    text-decoration: underline;
}

body>footer.footer {
    background: var(--corVinho5);
    color: var(--corCinza8);
}

body>footer.footer hr {
    border: 1px solid #680625;
    margin: calc(var(--margem) * 0.66667) 2px;
}

body>footer.footer>section .ancoraLista a {
    font-size: 16px;
    line-height: 18px;
}

body>footer.footer>section .ancoraLista a:focus,
body>footer.footer>section .ancoraLista a:hover,
body>footer.footer>section .ancoraLista a.ativo {
    color: var(--SIS_COR_HOVER);
}

body>footer.footer>section .ancoraLista a:before {
    content: '';
    margin: 0.33em 0.5em 0.33em 0;
    background: white;
    width: 0.33em;
    height: 0.33em;
    display: inline-block;
    border-radius: 0.16em;
}

body>footer.footer>section:last-child {
    /* margin-bottom: var(--margem); */
}

body>footer.footer>section#banner {
    margin-top: var(--margem);
    display: grid;
    grid-gap: var(--margem);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

body>footer.footer>section#banner>div:last-child{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    body>footer.footer>section#banner>div:last-child {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    body>footer.footer>section#banner>div:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    body>footer.footer>section#banner>div:first-child>div {
        width: unset;
    }
}

body>footer.footer>section#banner>div:first-child {
    display: grid;
    grid-gap: 23px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body>footer.footer>section#banner>div:first-child>div {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 225px;
    box-sizing: border-box;
}

body>footer.footer>section#banner>div:first-child>div.social {
    padding: 0 30px;
}

body>footer.footer>section#banner>div:first-child>div.logo img {
    height: 95px;
    width: auto;
}

body>footer.footer>section#banner>div:last-child>div {
    box-sizing: border-box;
    width: 100%;
}

body>footer.footer>section#banner>div:last-child h3 {
    font-family: var(--fonte);
    color: var(--corAmarelo);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 1em 0;
}

body>footer.footer>section#banner>div:last-child .txt {
    max-width: 300px;
    display: inline-block;
}

body>footer.footer>section#banner>div:last-child .btn {
    max-width: 190px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    height: 78px;
    float: right;
}

body>footer.footer>section#banner>div:last-child .btn button,
body>footer.footer>section#banner>div:last-child .btn a {
    font-family: var(--fonte);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    background: var(--corAmarelo);
    color: #674c00;
    width: 190px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

body>footer.footer>section#banner>div:last-child .btn button img,
body>footer.footer>section#banner>div:last-child .btn a img {
    margin-left: 1em;
}

body>footer.footer>section#links>nav {
    /* display: grid; */
    /* grid-gap: var(--margem);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); */
    display: flex;
    justify-content: space-between;
}

@media (max-width: 600px) {
    body>footer.footer>section#links>nav {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    body>footer.footer>section#links h3 {
        text-align: center;
    }
}

body>footer.footer>section#links>nav a {
    /* height: 60px; */
    margin: 0 0 30px!important;
    display: flex;
    align-items: center;
}

body>footer.footer>section#links>nav a.margin-t {
    margin-top: 20px;
}

body>footer.footer>section#links>nav a.margin-t:first-child {
    margin-top: 0;
}

body>footer.footer>section#links>nav a img {
    height: auto;
    width: 27px;
    margin-right: 0.5em;
}

body>footer.footer>section#links>nav a span {
    font-size: 15px;
}

body>footer.footer>section#links>nav a span strong {
    font-size: 15px;
}

body>footer.footer>section#links h3 {
    font-family: var(--fonteTit);
    color: var(--corAmarelo);
    font-weight: 400;
    font-size: 30.4598px;
    line-height: 33px;
    margin: 0 0 25px 0;
}

body>footer.footer>section#copy {
    display: grid;
    grid-gap: var(--margem);
    /* grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 600px) {
    body>footer.footer>section#copy {
        flex-direction: column;
        justify-content: center;
        gap: 1.5rem;
    }
}

body>footer.footer>section#copy>div:first-child {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

body>footer.footer>section#copy>div:last-child p {
    font-size: 12px;
    line-height: 13px;
}

body>footer.footer>section#copy p {
    font-family: var(--fonte4);
    margin-bottom: 29px;
}

body>footer.footer>section#copy>div:last-child a {
    display: inline-block;
    filter: contrast(0) brightness(2);
    opacity: 0.5;
    margin-left: 0.2em;
}

body>footer.footer>section#copy>div:last-child a:focus,
body>footer.footer>section#copy>div:last-child a:hover {
    filter: contrast(1) brightness(1);
    opacity: 1;
}

body>header,
body>main,
body>footer {
    margin: 0 auto;
    box-sizing: border-box;
    display: flow-root;
    max-width: var(--maxLarguraPagina);
}

body>header>section,
body>main>section,
body>footer>section {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: var(--maxLarguraSessoes);
}

body>header>section>.maxSec,
body>main>section>.maxSec,
body>footer>section>.maxSec {
    max-width: var(--maxLarguraSec);
    margin-left: auto;
    margin-right: auto;
}

#_mobiletext{
    display: none;
}



    
#categoriasEstaduais #nav{
    display: flex;
    margin-top: 52px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(183,177,177,0.5);
}

#categoriasEstaduais #nav a{
    width: 100%;
    display: inline-block;
    font-family: Spartan;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #686868;
    padding: 0 1vw;
    line-height: 200%;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
}

.contato {
    display: flow-root;
    margin-bottom: 100px;
}

.zigzag h3{
    color: var(--corAmarelo);
}

.zigzag .estadoimg{
    height: 100% ;
}

.zigzog{
    width: 100% ;
    height: 100% ;
    box-sizing: border-box ;
    padding: 50px ;
    display: flex ;
    flex-direction: column ;
    align-items: baseline ;
    justify-content: center ;
} 

.zogzig{
    width: 100% ;
    height: 100% ;
    box-sizing: border-box  ;
    padding: 25px  ;
    display: flex  ;
    flex-direction: column  ;
    align-items: baseline  ;
    justify-content: center  ;
}

a.ativo{
    border-bottom: 2px solid var(--corVinho1)!important;
}

#saibamais{
    background-color: black;
    float: right;
    height: 40px;
    width: fit-content;
    display: flex;
    font-weight: bold;
    align-items: center;
    background-color: var(--corAmarelo);
    color: #674c00;
}

#saibamais p::before{
    display: none ;
}

.estaduaiscase{
    height: 340px;
    display: flex;
    padding:0;
    align-items: center;
}


@media (min-width: 1441px) {
    body>header>section {
        padding-right: calc(var(--margem) * 2);
    }

    body>header.header.blog,
    body>header.header.s404 {
        min-height: calc(4 * 69px);
    }

    body>header.header.blog .WmenuLateral,
    body>header.header.s404 .WmenuLateral {
        height: calc(4 * 69px);
        overflow-x: unset;
        overflow-y: unset;
    }

    body>header.header.blog .WmenuLateral a:nth-child(n+5),
    body>header.header.s404 .WmenuLateral a:nth-child(n+5) {
        position: absolute;
        bottom: 0;
        background: transparent;
    }

    body>header.header.blog .WmenuLateral a:nth-child(n+5):focus,
    body>header.header.blog .WmenuLateral a:nth-child(n+5):hover,
    body>header.header.s404 .WmenuLateral a:nth-child(n+5):focus,
    body>header.header.s404 .WmenuLateral a:nth-child(n+5):hover {
        background: var(--corAmarelo);
    }

    body>header.header.blog .WmenuLateral a:nth-child(n+5):focus>img,
    body>header.header.blog .WmenuLateral a:nth-child(n+5):hover>img,
    body>header.header.s404 .WmenuLateral a:nth-child(n+5):focus>img,
    body>header.header.s404 .WmenuLateral a:nth-child(n+5):hover>img {
        filter: brightness(0);
    }

    body>header.header.blog .WmenuLateral a:nth-child(n+5)>img,
    body>header.header.s404 .WmenuLateral a:nth-child(n+5)>img {
        filter: brightness(99);
    }

    body>header.header.blog .WmenuLateral a:nth-child(5),
    body>header.header.s404 .WmenuLateral a:nth-child(5) {
        right: calc(78px * 4);
    }

    body>header.header.blog .WmenuLateral a:nth-child(6),
    body>header.header.s404 .WmenuLateral a:nth-child(6) {
        right: calc(78px * 3);
    }

    body>header.header.blog .WmenuLateral a:nth-child(7),
    body>header.header.s404 .WmenuLateral a:nth-child(7) {
        right: calc(78px * 2);
    }

    body>header.header.blog .WmenuLateral a:nth-child(8),
    body>header.header.s404 .WmenuLateral a:nth-child(8) {
        right: calc(78px * 1);
    }

    body>header.header.blog .menuHeader,
    body>header.header.s404 .menuHeader {
        text-align: left;
        width: unset;
    }

    body>header.header.blog .menuHeader a,
    body>header.header.s404 .menuHeader a {
        display: inline-flex;
        flex-direction: column;
        padding: 0;
        margin-bottom: 0;
        width: 184px;
        margin-top: 30px;
    }

    body>header.header.blog .menuHeader a:focus:after,
    body>header.header.blog .menuHeader a:hover:after,
    body>header.header.blog .menuHeader a.ativo:after,
    body>header.header.s404 .menuHeader a:focus:after,
    body>header.header.s404 .menuHeader a:hover:after,
    body>header.header.s404 .menuHeader a.ativo:after {
        background: var(--corAmarelo);
        margin-left: unset;
    }

    .home,
    .cursos,
    .brasil,
    .estaduais {
        background-position: 50vw top !important;
    }

    body>main.main>section#blogHome>.base::before,
    body>main.main>section#onde>.base::before,
    body>main.main>section#estaduais>.base>.banner {
        left: calc(0px - ((100vw - var(--maxLarguraSessoes)) / 2));
        left: -110px;
    }
    body>main.main>section#agenda:before {
        left: calc(0px - ((100vw - var(--maxLarguraSessoes)) / 2));
        left: -420px !important;
    }

    body>header>section:not(.fundo),
    body>header>section.fundo>div,
    body>main>section:not(.fundo),
    body>main>section.fundo>div,
    body>footer>section:not(.fundo),
    body>footer>section.fundo>div {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1440px) {

    body>header>section:not(.fundo),
    body>header>section.fundo>div,
    body>main>section:not(.fundo),
    body>main>section.fundo>div,
    body>footer>section:not(.fundo),
    body>footer>section.fundo>div {
        margin-left: auto;
        margin-right: auto;
    }

    body section.add>div.curso {
        display: none;
    }

    body div.linha,
    body img.taca,
    body div.meses,
    body div.curso.branco,
    body button.mes {
        display: none;
    }

    body>main.main>section#agenda:before,
    body>main.main>section#quem-somos>div.grid:after,
    body>main.main>section#sommelierHome>div:before {
        display: none;
    }

    body>header.header>section.add .nums {
        right: calc((100vw - var(--maxLarguraSessoes)) / -2);
    }

    body>header.header nav .menuLateral {
        right: 0;
    }

    body>header>section {
        padding-right: calc((var(--maxLarguraPagina) - 100vw + 160px) / 2);
        padding-left: calc((var(--maxLarguraPagina) - 100vw) / 2);
    }

    body>main.main>section#agenda:before,
    body>main.main>section#blogHome>.base:before,
    body>main.main>section#onde>.base:before,
    body>main.main>section#estaduais>.base>.banner {
        left: calc(0px - ((100vw - var(--maxLarguraSessoes)) / 2));
    }

    body>main.main>section#numeros>.banner,
    body>main.main>section#sommelierHome>.base:before {
        right: calc(0px - ((100vw - var(--maxLarguraSessoes)) / 2));
    }

    body>main.main>section#estaduais>.base {
        max-width: calc(100vw - (2 * var(--margem)));
    }

    body>main.main>section#estaduais>.base>.banner {
        position: unset;
        display: block;
        margin: 0 auto;
        width: 800px;
        max-width: 100%;
        height: auto;
    }

    body>main.main>section#estaduais>.base .cidades {
        position: unset;
        display: block;
        margin: 0 auto;
        float: none;
    }

    body>main.main>section#sommelier .detalhe {
        position: unset;
        margin: 0 auto 50px auto;
    }
}

@media (max-width: 1310px) {
    
    body>main.main>section .cursosNA:not(.sliderCorpo) {
        justify-content: center;
        align-items: center;
        justify-items: center;
    }
    body .curso {
        max-width: 300px;
    }

    body>main.main>section#blogHome div.base {
        width: unset;
        margin: 0;
    }

    body>header.header>section.add .nums {
        right: calc(0px - var(--margem));
    }

    body>header.header .direita {
        bottom: 0px;
    }

    body>header>section:not(.fundo),
    body>header>section.fundo>div,
    body>main>section:not(.fundo),
    body>main>section.fundo>div,
    body>footer>section:not(.fundo),
    body>footer>section.fundo>div {
        margin-left: var(--margem);
        margin-right: var(--margem);
    }

    body>header>section {
        padding-right: calc(var(--margem) + 33px);
        padding-left: 0;
    }

    body>main.main>section#agenda:before,
    body>main.main>section#blogHome>.base:before,
    body>main.main>section#onde>.base:before,
    body>main.main>section#estaduais>.base:before {
        left: calc(0px - var(--margem));
    }

    body>main.main>section#sommelierHome>div {
        width: unset;
        /* max-width: 84vw; */
        padding-left: unset;
        gap: 6rem;
        flex-direction: row-reverse;
    }

    body>main.main>section#sommelierHome>div .deonde {
        width: unset;
    }

    body>main.main>section#numeros>.banner,
    body>main.main>section#sommelierHome>.base:before {
        right: calc(-1 * var(--margem));
    }

    body>main.main>section#onde>div {
        /* width: 600px; */
        max-width: 100%;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    body>main.main>section#onde>div:before {
        position: unset;
    }

    body>main.main>section#onde>div .cidades {
        float: none;
        justify-content: center;
    }

    body>main.main>section#numeros {
        padding-left: 0;
        margin-top: 30px;
    }

    body>main.main>section#associeSe .banner,
    body>main.main>section#associeSe .valores,
    body>main.main>section#associeSe .serve {
        position: unset;
        display: block;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    body>main.main>section#outrosBrasil {
        justify-content: space-between;
        padding: 0 var(--margem);
    }

    body>main.main>section#outrosBrasil>div:first-child {
        margin-right: 10px;
    }

    body>main.main>section#cursos .itens {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

    body>main.main>section#form .form {
        padding-bottom: 60px;
    }

    body>main.main>section#form .base {
        flex-direction: column-reverse;
        max-width: 610px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .estaduaiscase{
        height: auto;

    }
    #saibamais{
        align-items: center;
        margin: 0 auto;
        margin-top: 3rem!important;
        position: unset!important;
    }
    .zigzog{
        width: auto ;
        padding: 0;
        height: auto !important;
    }

    section#agenda{
        display: flex;
    }
    section#agenda .traco{
        display: none;
    }
    #categoriasEstaduais #nav{
        flex-direction: column;
    }
    #blogItem .sobe{
        display: flex;
        align-content: center;
        flex-direction: column;
    }
    #blogItem .sobe .direita{
        margin: 0 auto;
    }
    #blogItem .author{
        margin: 0 auto;
    }
    #quemSomos .colunas p{
        margin-top: 15px;
    }
    .zigzag.diretoria{
        max-width: 100%;
    }
    body>main.main>section#menuBrasil nav,
    body>main.main>section#menuCurso nav,
    body>main.main>section#categoriasBlog nav {
        display: flex;
        flex-direction: column;
    }
    body>main.main>section#menuBrasil nav a,
    body>main.main>section#menuCurso nav a,
    body>main.main>section#categoriasBlog nav a {
        width: 100%;
    }
    #onde .base {
        display:flex;
        flex-direction: column;
    }

    #onde .base .cidades {
        /* display:flex;
        flex-direction: column; */
        align-self: center;
    }
    
    body .curso {
        flex-direction: column;
    }
    
    body .curso img{
        max-width: 100%;
    }

    body .curso img[src =  "https://abs-brasil.com/site/img/curso1.jpg"]{        
        width: 100%;
    }
    body .curso a, body .curso button{
        margin: 0 auto;
        margin-top:  10px;
    }
    
    body>footer.footer>section#copy>div:last-child p:first-child {
        text-align: left;
    }
    
    #_mobiletext{
        display: flex;
    }
    #_desktoptext{
        display: none;
    }

    #quem-somos img{
        margin-top: 0!important;
    }

    body>header.header .direita {
        position: unset;
    }

    body>header.header .direita h1 {
        font-size: 61px;
    }

    body>main.main>section .zigzag>div {
        width: 470px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    body>main.main>section .zigzag>div:nth-child(even),
    body>main.main>section .zigzag>div:nth-child(odd) {
        flex-direction: column !important;
    }

    body>main.main>section .zigzag>div>img {
        max-width: 100% !important;
        height: auto;
    }

    body>main.main>section#numeros>.banner {
        display: block;
        margin: 0 auto;
        position: unset;
        max-width: 100%;
    }

    body>main.main>section#numeros .intro {
        padding-right: 0;
        /* margin: 0 auto; */
        display: block;
    }

    body>main.main>section#numeros .direita {
        display: block;
        margin: 0 auto;
    }

    body>main.main>section#numeros .botao {
        margin: 0 auto 50px auto;
    }

    body>main.main>section#quemSomos h1,
    body>main.main>section#quemSomos .colunas,
    body>main.main>section#examesAsi .colunas {
        max-width: 470px;
        display: block;
        margin: 0 auto;
        columns: 1;
    }

    body>main.main>section#sommelier h1 {
        font-size: 50px;
        line-height: 120%;
    }

    body>main.main>section#sommelier .fino h3:before {
        margin-left: -20px;
        margin-right: 2px;
    }

    body>main.main>section#sommelier .detalhe {
        zoom: 0.7;
    }

    body>main.main>section#diretoria h1 {
        font-size: 50px;
        line-height: 120%;
    }

    body>main.main>section#outrosBrasil {
        flex-direction: column;
    }
}

@media (max-width: 375px) {
    :root {
        --margem: var(--margemFina);
    }

    body>main.main>section#estaduais>.base .cidades,
    body>main.main>section#estaduais>.base h1 {
        zoom: 0.7;
    }

    body>main.main>section#estaduais>.base .cidades>details[open] {
        height: 110px;
    }
    

}

.modal-header-destaque{
    background-color: var(--corVinho2);
    color: white;
}

.modal-destaque-content{
    font-size: 20px;
}

.close-destaque{
    color: white !important;
}

._intro > p{
    text-align: center !important;
    max-width:  650px;
    color: var(--corVinho2) !important; 
    font-size: 18px!important; 
    margin-bottom: 35px;
}

@media (max-width: 768px){
    section.add {
        margin-top: 65px;
    }
}

section#exame-asi {
    padding: 120px 0;
}

section#exame-asi .grid.about {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7rem;
}

section#exame-asi .grid.about .intro .botao {
    margin-top: 25px;
}

section#exame-asi .grid.about img {
    width: 100%;
}

body>main.main>section#examesAsi {
    padding: 6rem 0 4rem;
}

body>main.main>section#examesAsi .tiny {
    width: 80%;
    text-align: center;
    margin: 0 auto 70px;
}

body>main.main>section#examesAsi .colunas p span {
    font-weight: 600;
    font-size: 19px;
}

body>main.main>section#examesAsi .colunas img {
    width: 100%;
}

body>main.main>section#examesAsi h1 {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 56px;
    line-height: 75px;
}

body>main.main>section#examesAsi h1 span {
    font-size: 15px;
}

section#quoteAsi {
    padding: 4rem 0;
    margin: 0 auto;
    border-top: 1px solid #b0b0b093;
    border-bottom: 1px solid #b0b0b093;
}

section#quoteAsi .box {
    background-color: #ffeac1;
    padding: 2rem 3rem;
}

section#quoteAsi .box .content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

section#quoteAsi .box .quote {
    font-style: italic;
    margin-top: 10px;
}

section#quoteAsi .box .autor {
    margin-top: 15px;
    font-weight: 600;
}

section#infosAsi {
    padding: 2rem 0 5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    flex-direction: column;
}

section#infosAsi.full {
    max-width: 100%;
    background-color: #881935;
}

@media (max-width: 1310px) {
    section#infosAsi.full {
        margin: 0 auto;
        padding-left: var(--margem);
        padding-right: var(--margem);
    }
}

section#infosAsi .boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section#infosAsi .boxes .box {
    width: 70%;
    padding: 0 2.2rem;
    background-color: #881935;
    margin-bottom: 2rem;
    color: white;
}

section#infosAsi .boxes .box .info {
    padding: 1.5rem 0;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

section#infosAsi .boxes .box .info:not(:last-child) {
    border-bottom: 1px solid #b0b0b093;
}


section#infosAsi .boxes .box .info img {
    width: 40px;
    height: 40px;
}

section#infosAsi .boxes .box span {
    color: #ffeac1;
    font-weight: 700;
    font-size: 30px;
    display: block;
    text-align: center;
}

section#infosAsi .boxes .box strong {
    color: #ffeac1;
    font-size: 20px;
}

section#infosAsi .tiny {
    padding: 3rem 0 0;
    margin: 1.5rem 0 0;
    font-size: 20px;
    text-align: center;
    /* border-top: 1px solid #b0b0b093; */
}

section#infosAsi .tiny a img{
    margin-right: 9px;
}


.click-animation {
    display: inline-block;
    animation: clickEffect 1s infinite; /* Executa continuamente */
    transform-origin: center; /* O ponto de transformação é o centro do cursor */
  }
  
  /* Definindo a animação */
  @keyframes clickEffect {
    0% {
      transform: scale(1); /* Estado inicial */
      opacity: 1;
    }
    20% {
      transform: scale(0.9); /* Simula o clique, diminuindo levemente */
      opacity: 0.8;
    }
    50% {
      transform: scale(1); /* Retorna ao estado inicial */
      opacity: 1;
    }
    80% {
      transform: scale(1.1); /* Simula uma leve expansão após o clique */
      opacity: 0.9;
    }
    100% {
      transform: scale(1); /* Volta ao estado inicial */
      opacity: 1;
    }
  }
  

@media (max-width: 1120px) {
    section#exame-asi .grid.about {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    body>main.main>section#quemSomos .colunas p,
    body>main.main>section#examesAsi .colunas p {
        width: 100%;
    }

    section#quoteAsi {
        margin-left: var(--margem);
        margin-right: var(--margem);
    }

    body>main.main>section#outrosBrasil>div {
        padding-top: 4rem;
        padding-bottom: 4rem;
        width: 100%;
        gap: 7rem;

    }

    body>main.main>section#examesAsi h1 {
        font-size: 40px;
        line-height: 47px;
    }

    body>main.main>section#examesAsi .tiny {
        width: 100%;
    }

    body>main.main>section#examesAsi .colunas img {
        margin-bottom: 10rem;
    }

    section#infosAsi .boxes {
        align-items: center;
    }

    section#infosAsi .boxes .box {
        width: 100%;
    }
}

.line-gray {
    border-bottom: 1px solid #b0b0b093;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: var(--maxLarguraSessoes);
}


#popup {
    display: none; /* Inicialmente escondido */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    z-index: 89;
    width: 100%;
    max-width: 600px;
    padding: 3.5rem 3rem;
    border: 2px solid #674c00;

    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
  }
  #popup-overlay {
    display: none; /* Inicialmente escondido */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 89;
  }
  .botoes {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
  }
  #close-popup {
    color: red;
  }
  .button {
    background: var(--corAmarelo);
    color: #674c00;
    border: 1px solid #674c00;
    padding: 1em 2em;
    margin-bottom: 20px;
  }


  section.patreon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    padding: 3rem 0;
    color: white;
    border-top: 1px solid #b0b0b093;
  }

  section.patreon img {
    width: 150px;
  }

  @media (max-width: 768px) {
    section.patreon {
        flex-direction: column;
    }
  }