/*
Folha de Estilos para tudoeacessibilidade.com.br
Autor: Marcelo Sales
*/

/* ------------- CSS RESET ------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* config */
*, *:after, *:before { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
body { margin: 0; font-family: 'Work Sans', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.6rem; /*background-color: var(--cor-bg-primaria);*/ color: var(--cor-texto-primaria); background-color: #240e20;
    /*background-image: linear-gradient(180deg, #240e20 0%, #0c030a 60%);*/ }
body.all { background-image: none; }

body#turbine { margin: 0; font-family: 'Work Sans', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.6rem; color: var(--cor-texto-primaria); background: linear-gradient(to right, #8e44ad, #cb0256); }




/* ------------- VARS ------------- */
:root {
    /* Cores */
    --cor-primaria: #fbfae6;
    --cor-secundaria: #240E20;

    --cor-destaque-primaria: #DC0364;
    --cor-destaque-secundaria: #9580ff;

    --cor-bg-primaria: #240E20;
    --cor-bg-secundaria: #fbfae6;
    --cor-bg-terciaria: #DC0364;
    --cor-bg-destaque: #8e44ad;

    --cor-outline-primaria: #240E20;
    --cor-outline-secundaria: #DC0364;
    --cor-outline-terciaria: #fbfae6;

    --cor-borda-primaria: #240E20;
    --cor-borda-secundaria: #fbfae6;
    --cor-borda-destaque: #DC0364;

    --cor-texto-primaria: #fbfae6;
    --cor-texto-secundaria: #240E20;
    --cor-texto-terciaria: #260933;
    --cor-texto-destaque: #DC0364;
    --cor-texto-destaque-secundario: #e8c95b;
    --cor-texto-destaque-foco: #fbfae6;

    --cor-link-primaria: #DC0364;
    --cor-link-secundaria: #fbfae6;
    --cor-link-destaque: #240E20;
    --cor-link-white: #ffffff;
    --cor-link-yellow: #fbfae6;

    /* Fontes - base 16px = 1em */
    --medida-padrao: 1rem;
    --medida-1: .25rem;
    --medida-2: .5rem;
    --medida-3: 1rem;
    --medida-4: 1.5rem;
    --medida-5: 3rem;
    --medida-6: 4.5rem;
    --medida-7: 6rem;
    --medida-8: 7.5rem;
    --medida-9: 9rem;
    
    --fonte-peso-light: 300;
    --fonte-peso-regular: 400;
    --fonte-peso-medium: 500;
    --fonte-peso-semibold: 600;
    --fonte-peso-bold: 700;
    --fonte-peso-extrabold: 800;
}

/* ------------- HELPERS ------------- */

/* visibilidade */
.sr-only, .a11y, .visually-hidden, .sem-leitor-telas { position: absolute; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(0 0 99.9% 99.9%); clip-path: inset(0 0 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }
[hidden], .hide { display: none!important; }
.info-small, .info-medium { display: none!important; }
.info-large { }
.info-no-mobile { }

/* preenchimento */
.clearfix::after { display: block; clear: both; content: ""; }
.img-fluid { max-width: 100%!important; height: auto!important; }
.img-rotate { rotate: -4deg; }
.comp-relativo { position: relative; }
.comp-absolute { position: absolute; }

.h-100 { height: 100%!important; }
.w-100 { width: 100%!important; }

/* margem */
.m-0 { margin: 0!important; }
.m-1 { margin: var(--medida-1)!important; }
.m-2 { margin: var(--medida-2)!important; }
.m-3 { margin: var(--medida-3)!important; }
.m-4 { margin: var(--medida-4)!important; }
.m-5 { margin: var(--medida-5)!important; }

.mt-0 { margin-top: 0!important; }
.mt-1 { margin-top: var(--medida-1)!important; }
.mt-2 { margin-top: var(--medida-2)!important; }
.mt-3 { margin-top: var(--medida-3)!important; }
.mt-4 { margin-top: var(--medida-4)!important; }
.mt-5 { margin-top: var(--medida-5)!important; }
.mt-6 { margin-top: var(--medida-6)!important; }
.mt-7 { margin-top: var(--medida-7)!important; }
.mt-8 { margin-top: var(--medida-8)!important; }
.mt-9 { margin-top: var(--medida-9)!important; }

.mb-0 { margin-bottom: 0!important; }
.mb-1 { margin-bottom: var(--medida-1)!important; }
.mb-2 { margin-bottom: var(--medida-2)!important; }
.mb-3 { margin-bottom: var(--medida-3)!important; }
.mb-4 { margin-bottom: var(--medida-4)!important; }
.mb-5 { margin-bottom: var(--medida-5)!important; }

.mx-auto { margin-right: auto!important; margin-left: auto!important; }
.mx-0 { margin-right: 0!important; margin-left: 0!important; }
.mx-1 { margin-right: var(--medida-1)!important; margin-left: var(--medida-1)!important; }
.mx-2 { margin-right: var(--medida-2)!important; margin-left: var(--medida-2)!important; }
.mx-3 { margin-right: var(--medida-3)!important; margin-left: var(--medida-3)!important; }
.mx-4 { margin-right: var(--medida-4)!important; margin-left: var(--medida-4)!important; }
.mx-5 { margin-right: var(--medida-5)!important; margin-left: var(--medida-5)!important; }

.my-auto { margin-top: auto!important; margin-bottom: auto!important; }
.my-0 { margin-top: 0!important; margin-bottom: 0!important; }
.my-1 { margin-top: var(--medida-1)!important; margin-bottom: var(--medida-1)!important; }
.my-2 { margin-top: var(--medida-2)!important; margin-bottom: var(--medida-2)!important; }
.my-3 { margin-top: var(--medida-3)!important; margin-bottom: var(--medida-3)!important; }
.my-4 { margin-top: var(--medida-4)!important; margin-bottom: var(--medida-4)!important; }
.my-5 { margin-top: var(--medida-5)!important; margin-bottom: var(--medida-5)!important; }

/* espaçamento */
.p-0 { padding: 0!important; }
.p-1 { padding: var(--medida-1)!important; }
.p-2 { padding: var(--medida-2)!important; }
.p-3 { padding: var(--medida-3)!important; }
.p-4 { padding: var(--medida-4)!important; }
.p-5 { padding: var(--medida-5)!important; }

.pt-0 { padding-top: 0!important; }
.pt-1 { padding-top: var(--medida-1)!important; }
.pt-2 { padding-top: var(--medida-2)!important; }
.pt-3 { padding-top: var(--medida-3)!important; }
.pt-4 { padding-top: var(--medida-4)!important; }
.pt-5 { padding-top: var(--medida-5)!important; }

.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: var(--medida-1)!important; }
.pb-2 { padding-bottom: var(--medida-2)!important; }
.pb-3 { padding-bottom: var(--medida-3)!important; }
.pb-4 { padding-bottom: var(--medida-4)!important; }
.pb-5 { padding-bottom: var(--medida-5)!important; }

.px-auto { padding-right: auto!important; padding-left: auto!important; }
.px-0 { padding-right: 0!important; padding-left: 0!important; }
.px-1 { padding-right: var(--medida-1)!important; padding-left: var(--medida-1)!important; }
.px-2 { padding-right: var(--medida-2)!important; padding-left: var(--medida-2)!important; }
.px-3 { padding-right: var(--medida-3)!important; padding-left: var(--medida-3)!important; }
.px-4 { padding-right: var(--medida-4)!important; padding-left: var(--medida-4)!important; }
.px-5 { padding-right: var(--medida-5)!important; padding-left: var(--medida-5)!important; }

.py-auto { padding-top: auto!important; padding-bottom: auto!important; }
.py-0 { padding-top: 0!important; padding-bottom: 0!important; }
.py-1 { padding-top: var(--medida-1)!important; padding-bottom: var(--medida-1)!important; }
.py-2 { padding-top: var(--medida-2)!important; padding-bottom: var(--medida-2)!important; }
.py-3 { padding-top: var(--medida-3)!important; padding-bottom: var(--medida-3)!important; }
.py-4 { padding-top: var(--medida-4)!important; padding-bottom: var(--medida-4)!important; }
.py-5 { padding-top: var(--medida-5)!important; padding-bottom: var(--medida-5)!important; }

/* orientação / posição */
.float-start { float: left!important; }
.float-end { float: right!important; }
.float-none { float: none!important; }
.txt-center { text-align: center!important; }
.txt-right { text-align: right!important; }
.txt-left { text-align: left!important; }

/* video ratio */
.video-ratio-1x1 { position: relative; width: 100%; padding-bottom: 100%; }
.video-ratio-4x3 { position: relative; width: 100%; padding-bottom: calc(3 / 4 * 100%); }
.video-ratio-16x9 { position: relative; width: 100%; padding-bottom: calc(9 / 16 * 100%); }
.video-ratio-21x9 { position: relative; width: 100%; padding-bottom: calc(9 / 21 * 100%); }
.video-ratio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; z-index: 101; }

/* Ícones */
.material-icons {
    font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1;
    letter-spacing: normal; text-transform: none; display: inline-block;
    white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased;
}
span.icons { vertical-align: -.2rem; text-rendering: optimizeLegibility; }
i.small { font-size: 2rem; }
i.medium { font-size: 3rem; }
i.large { font-size: 4rem; }
i.large-big { font-size: 10rem; }
a.externo:after { position: absolute; font-family: "Material Icons"; content: "\e89e"; }

/* ------------- CONTAINERS ------------- */

/* grid */
.d-grid { display: grid!important; }
.container-fluid { width: 100%; margin: 0 auto; padding: 0.5rem; }
.container { max-width: calc(1440px - 3rem*2); margin: 0 auto; padding: 0.5rem; }
.row { width: 100%; margin: 2rem 0 .5rem 0; }

.grid-container {
    display: grid; grid-column-gap: 24px; grid-row-gap: 8px;
    grid-template-columns: repeat(12,minmax(0,1fr));
    padding: 0.25rem 1.5rem; margin: 0 auto;
    max-width: calc(1440px - 1.5rem*2);
}
.grid-item { padding: 1.5rem; }

.grid-container.justify-content-start { justify-content: start!important; }
.grid-container.justify-content-end { justify-content: end!important; }
.grid-container.justify-content-center { justify-content: center!important; }
.grid-container.justify-content-stretch { justify-content: stretch!important; }
.grid-container.justify-content-between { justify-content: space-between!important; }
.grid-container.justify-content-around { justify-content: space-around!important; }
.grid-container.justify-content-evenly { justify-content: space-evenly!important; }
.grid-container.align-items-start { align-items: start!important; }
.grid-container.align-items-end { align-items: end!important; }
.grid-container.align-items-center { align-items: center!important; }
.grid-container.align-items-stretch { align-items: stretch!important; }
.grid-container.align-content-start { align-content: start!important; }
.grid-container.align-content-end { align-content: end!important; }
.grid-container.align-content-center { align-content: center!important; }
.grid-container.align-content-stretch { align-content: stretch!important; }
.grid-container.align-content-between { align-content: space-between!important; }
.grid-container.align-content-around { align-content: space-around!important; }
.grid-container.align-content-stretch { align-content: stretch!important; }
.grid-container.align-self-start { align-self: start!important; }
.grid-container.align-self-end { align-self: end!important; }
.grid-container.align-self-center { align-self: center!important; }
.grid-container.align-self-stretch { align-self: stretch!important; }

.large-span-0 { grid-column:span 0; }
.large-span-1 { grid-column:span 1; }
.large-span-2 { grid-column:span 2; }
.large-span-3 { grid-column:span 3; }
.large-span-4 { grid-column:span 4; }
.large-span-5 { grid-column:span 5; }
.large-span-6 { grid-column:span 6; }
.large-span-7 { grid-column:span 7; }
.large-span-8 { grid-column:span 8; }
.large-span-9 { grid-column:span 9; }
.large-span-10 { grid-column:span 10; }
.large-span-11 { grid-column:span 11; }
.large-span-12 { grid-column:span 12; }
/* medium-span e small-span localizados em Media Queries */

/* flex  */
.d-flex { display: flex!important; }
.d-inline-flex { display: inline-flex!important; }
.flex-row { flex-direction: row!important; }
.flex-row-reverse { flex-direction: row-reverse!important; }
.flex-column { flex-direction: column!important; }
.flex-column-reverse { flex-direction: column-reverse!important; }
.flex-fill { flex: 1 1 auto!important; }
.flex-nowrap { flex-wrap: nowrap!important; }
.flex-wrap { flex-wrap: wrap!important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse!important; }
.justify-content-start { justify-content: flex-start!important; }
.justify-content-end { justify-content: flex-end!important; }
.justify-content-center { justify-content: center!important; }
.justify-content-between { justify-content: space-between!important; }
.justify-content-around { justify-content: space-around!important; }
.justify-content-evenly { justify-content: space-evenly!important; }
.align-items-start { align-items: flex-start!important; }
.align-items-end { align-items: flex-end!important; }
.align-items-center { align-items: center!important; }
.align-items-baseline { align-items: baseline!important; }
.align-items-stretch { align-items: stretch!important; }
.align-content-start { align-content: flex-start!important; }
.align-content-end { align-content: flex-end!important; }
.align-content-center { align-content: center!important; }
.align-content-between { align-content: space-between!important; }
.align-content-around { align-content: space-around!important; }
.align-content-stretch { align-content: stretch!important; }
.align-self-start { align-self: flex-start!important; }
.align-self-end { align-self: flex-end!important; }
.align-self-center { align-self: center!important; }
.align-self-baseline { align-self: baseline!important; }
.align-self-stretch { align-self: stretch!important; }

/* ------ Cover Temp ------ */
.cover-margem-logo { margin-top: 5rem; color: var(--cor-texto-destaque); }
.foot-text { font-size: 1.1rem; }
.foot-sace { margin-top: 1rem; }
.head-space { margin: 2rem 0; }

/* --------------------------------------- ALL --------------------------------------- */
p { font-size: 1.5rem; line-height: 1.8rem; }
p::selection, strong::selection, strong.destaque::selection, .destaque-texto::selection { color: #333; background: #ffff00; }
.grid-item p { font-size: 1.5rem; margin-bottom: 1.5rem; }
.grid-item p:last-child { margin-bottom: 0; }

h1 { font-size: 5rem; font-weight: 700; line-height: 5.2rem; padding-bottom: 1rem; color: var(--cor-texto-destaque-foco); }
h2 { font-size: 3rem; font-weight: 700; line-height: 3.3rem; padding-bottom: 1rem; color: var(--cor-texto-destaque-foco); }
h3 { font-size: 2rem; font-weight: 700; line-height: 2.2rem; padding: 1rem 0; color: var(--cor-texto-destaque-foco); }

small { font-weight: 400!important; }

p.destaque { font-weight: 700; font-size: 2.2rem; color: var(--cor-texto-destaque); }
p.destaque-foco, .destaque-texto { color: var(--cor-texto-destaque-foco); }

strong { font-weight: 700; }
strong.destaque { font-weight: 700; color: var(--cor-texto-destaque); }

abbr { cursor:help; }

a {
    color: var(--cor-link-secundaria); text-decoration: none; border-bottom: 1px dotted var(--cor-borda-secundaria); cursor: pointer;
    outline: 2px solid transparent; outline-offset: .5rem; transition: outline-offset .2s linear;
}
a:hover {
    color: var(--cor-link-yellow); border-bottom: 1px solid var(--cor-link-white); text-decoration: none;
}
a:focus {
    color: var(--cor-link-white); border-bottom: 0; /*background-color: var(--cor-bg-secundaria);*/
    outline: .125rem dashed var(--cor-outline-terciaria); outline-offset: .1rem;
}

.link a:focus {
    color: var(--cor-link-white); border-bottom: 0; /*background-color: var(--cor-bg-secundaria);*/
    outline: .125rem dashed var(--cor-outline-terciaria); outline-offset: .1rem;
}

a.link-img { border-bottom: none!important; transition: outline-offset .1s linear; }
a.link-img:hover { border-bottom: none; text-decoration: none; }
a.link-img:focus { border-bottom: none; outline: .125rem dashed var(--cor-outline-destaque); outline-offset: .3rem; }
a.no-line { border-bottom: none; }

.btn {
    border-radius: 15px; border: none; font-size: 1rem; font-weight: 700; padding: 0.5rem 1.5rem; line-height: 1.75; cursor: pointer; text-transform: uppercase;
    color: var(--cor-texto-primaria); background-color: var(--cor-bg-terciaria); outline: .1rem; outline-offset: .5rem;
}
.btn:hover, .btn:focus {
    font-size: 1rem; font-weight: 600; padding: 0.5rem 1.5rem; text-decoration: underline;
    color: var(--cor-texto-destaque); border-color: var(--cor-outline-terciaria); background-color: var(--cor-bg-secundaria);
    outline: 2px; outline-offset: .3rem; /*box-shadow: 0 0 0 0.25rem rgba(164,40,76,.25);*/ box-shadow: none; outline: .1500rem dashed var(--cor-outline-secundaria);
}

.btn-voltar {
    border-radius: 15px; border: none; font-size: 1rem; font-weight: 700; padding: 0.5rem 1.5rem; line-height: 1.75; cursor: pointer; text-transform: uppercase;
    color: var(--cor-texto-destaque); background-color: var(--cor-bg-secundaria); outline: .1rem; outline-offset: .5rem;
}
.btn-voltar:hover, .btn-voltar:focus {
    font-size: 1rem; font-weight: 600; padding: 0.5rem 1.5rem; text-decoration: underline;
    color: var(--cor-texto-primaria); border-color: var(--cor-outline-primaria); background-color: var(--cor-bg-primaria);
    outline: 2px; outline-offset: .3rem; /*box-shadow: 0 0 0 0.25rem rgba(164,40,76,.25);*/ box-shadow: none; outline: .1500rem dashed var(--cor-outline-terciaria);
}

/* listas */
ol, ul { padding-left: 1rem!important; list-style: none; }
ul li { background-image: url(../img/seta-rosa.svg); background-repeat: no-repeat; background-size: 13px; background-position-y: 6px!important; background-position: left; padding: 0 0 0 1.3rem; margin-bottom: .3rem; font-size: 1.2rem; line-height: 1.6rem; }

ol { margin: 1rem .4rem 1rem 1rem; counter-reset: my-awesome-counter 0; }
ol li { list-style: none; counter-increment: my-awesome-counter; background-image: none; padding: 0; margin-bottom: .8rem; font-size: 1.2rem;  line-height: 1.5rem; }
ol li:before { content: counter(my-awesome-counter) ". "; color: var(--cor-bg-primaria); font-weight: 700; font-size: 1.2rem; margin: 0 0 0 -1.4rem; }
ol.romanos-max li:before { content: counter(my-awesome-counter, upper-roman) ". "; }
ol.romanos-min li:before { content: counter(my-awesome-counter, lower-roman) ". "; }
ol.maiusculas li:before { content: counter(my-awesome-counter, upper-latin) ". "; }
ol.minusculas li:before { content: counter(my-awesome-counter, lower-latin) ". "; }
ul.no-lista li { background: none!important; }

hr.apoio { border: .01rem dashed var(--cor-borda-destaque); width: 90%; }
hr.rodape { border: .01rem solid var(--cor-borda-secundaria); width: 100%; }

/* FAQ */
/* Accordion */
.accordion { width: 100%; margin-top: 2rem; }
.accordion:focus-within { border-color: var(--cor-outline-primaria); }
.accordion button:-moz-focus-inner { border: 0; }
.accordion h3 { padding: 0; }

.accordion-trigger {
    background-color: #ffffff; color: var(--cor-texto-secundaria); display: block;
    font-size: 1.5rem; line-height: 1.7rem; font-weight: 700; cursor: pointer;
    margin: 0; padding: .5rem 4rem .5rem 1.5rem; position: relative; text-align: left; width: 100%; 
    outline-offset: .5rem; transition: outline-offset .2s linear; outline: none; border-style: none;
}
.accordion-trigger:focus,
.accordion-trigger:hover { outline: .1rem dashed var(--cor-outline-terciaria); outline-offset: .3rem; background: #fddafd; }
.accordion-trigger:focus { outline: .2rem dashed var(--cor-outline-terciaria); outline-offset: .3rem; }

.accordion dl dt { margin-top: 1rem; }
.accordion dl dt .accordion-trigger { border-radius: 10px; }
.accordion dl dt .accordion-trigger[aria-expanded="true"] { border-radius: 10px 10px 0 0; }

.accordion-title { display: block; padding: 0.25em; outline: none; pointer-events: none; border: transparent 2px solid; }
/*.accordion-trigger:focus .accordion-title { outline: .1rem dashed var(--cor-outline-secundaria); }*/

.accordion-icon:after {
    position: absolute; font-family: "Material Icons"; font-size: 3rem; content: "\e5cf"; right: 0; top: 1.1rem; padding-right: 1rem;
    transition: transform .4s ease; transform: rotate(0); transform-origin: center center; color: var(--cor-bg-primaria);
}
.accordion-trigger[aria-expanded="true"] .accordion-icon:after { transform: rotateX(180deg); }
.accordion-trigger:focus .accordion-icon,
.accordion-trigger:hover .accordion-icon { border-color: var(--cor-bg-secundaria); }

.accordion-panel { margin: 0; padding: .5em; background-color: #FFF7F6; border: 1px solid #FFF7F6; border-top: none!important; border-radius: 0 0 10px 10px; }
.accordion-panel[hidden] { display: none;  } /* Edge bug */

.accordion-panel ul li { font-size: 1.3rem; line-height: 1.4rem; color: var(--cor-texto-primaria); margin-bottom: .4rem; }
.accordion-panel ul li > ul { margin-bottom: .8rem; }
.accordion-panel ul li > ul li { font-size: 1.2rem; line-height: 1.4rem; color: var(--cor-texto-destaque); }
.accordion-panel ul li > ul li > ul { margin-top: .2rem; margin-bottom: 0; }
.accordion-panel .content-panel { padding: .5rem 1rem; }

.respostas-faq { padding: .7rem 1.5rem; color: var(--cor-texto-secundaria); }

/* menu principal */
nav.menu-principal { z-index: 9999; position: absolute; top: 0; border: .1rem solid var(--cor-outline-secundaria); border-radius: 0 0 20px 20px; padding: .2rem .5rem!important; margin: -.1rem 0 0 20rem; background-color: rgba(239, 239, 239, 0.2)!important; }

nav.menu-principal ul { display: flex; flex-wrap: wrap; padding: 0 1rem; justify-content: center!important; }
nav.menu-principal ul li { list-style: none!important; background-image: none!important; padding: .5rem .2rem!important; font-size: 1.2rem; }
nav.menu-principal ul li:after { content: " |"; }
nav.menu-principal ul li:last-child:after { content: ""; }
nav.menu-principal ul li a { color: var(--cor-link-secundaria); }
nav.menu-principal ul li a:hover { color: var(--cor-link-destaque); background-color: var(--cor-bg-secundaria); }
nav.menu-principal ul li a:focus { color: var(--cor-link-destaque); background-color: var(--cor-bg-secundaria); border-bottom: 0; outline: .125rem dashed var(--cor-outline-terciaria); outline-offset: .175rem; }
nav.menu-principal ul li.ativo { font-weight: 700; }
nav.menu-principal ul li.ativo::after { font-weight: 400; }

/* Quad Destaque */
.quad-destaque { border: 1px solid var(--cor-outline-terciaria); border-radius: 1rem; padding: 0; margin: -.5rem; font-size: 1.2rem; line-height: 1.6rem; min-height: 390px; }

.bg-pilar-autoconhecimento { background-image: url(../img/pilar-autoconhecimento.jpg); background-position: bottom; background-size: cover; background-repeat: no-repeat; }
.bg-pilar-autogestao { background-image: url(../img/pilar-autogestao.jpg); background-position: bottom; background-size: cover; background-repeat: no-repeat; }
.bg-pilar-autoconsciencia { background-image: url(../img/pilar-autoconsciencia.jpg); background-position: bottom; background-size: cover; background-repeat: no-repeat; }

.quad-info { color: var(--cor-texto-destaque); border-radius: 0 0 1rem 1rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjfLbx2X8pfylGBiiAMzAEYCoxVAAAYN0IBZE26VwAAAAASUVORK5CYII=); background-color: var(--cor-bg-secundaria); padding: 0 0 1rem 0; }
.quad-info p { font-size: 1.3rem; line-height: 1.5rem; }
.quad-info h3 { color: var(--cor-texto-destaque); }

/* Quad Experiencias */
#experiencias .grid-item { padding: .5rem; }
.quad-experiencias { border: 1px dashed var(--cor-outline-terciaria); background-color: var(--cor-bg-destaque); border-radius: 2rem; margin: 0 0 1rem 0; padding: 0; width: 250px; min-height: 300px; }

.quad-experiencias ul { padding-left: .8rem!important; }
.quad-experiencias h3 { font-size: 1.7rem; color: var(--cor-texto-secundaria); }
.quad-experiencias p { font-size: 1.2rem!important; line-height: 1.5rem; color: var(--cor-texto-primaria); margin: .5rem .5rem 1.5rem .5rem; }

.experiencias-all { padding-left: 0!important; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; vertical-align: top; }
.experiencias-all li { list-style: none; margin: 5px auto; background-image: none; padding: 0; }

.img-experiencia { border-radius: 2rem 2rem 0 0; }

/* Galeria de imagens */
.galeria-all { padding-left: 0!important; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2rem; vertical-align: top; }
.galeria-all li { list-style: none; margin: 5px auto; background-image: none; padding: 0; }
.img-galeria { border: .4rem solid #fff; border-radius: .3rem; transition: .1s linear; transform-style: preserve-3d; position: relative; width: 300px; }

.img-galeria:hover { transform: scale(1.8) translateX(2%) translateY(3%) rotateZ(3deg); z-index:1100; box-shadow: 10px 10px 60px -5px rgba(0,0,0,0.75); }
.img-galeria:focus { transform: scale(1.6); z-index:1100; box-shadow: 10px 10px 60px -5px rgba(0,0,0,0.75); outline: .125rem solid #08c; outline-offset: .250rem; }

/* Jornada */
.destaque-info { font-size: 2.7rem; line-height: 2.7rem; font-weight: 700; color: var(--cor-texto-destaque-secundario)!important; }
.jornada-lista .destaque { font-size: 1.8rem; color: var(--cor-texto-destaque-secundario); }
.jornada-lista li { background-image: url(../img/seta-branca.svg)!important; background-position-y: 8px!important; margin: 0 0 1rem 0; }

/* Para quem */
.bg-destaque-claro { outline: .1rem dashed var(--cor-outline-terciaria); outline-offset: .3rem; background: rgba(255, 250, 239, 0.4); margin: 0 -5rem .3rem -5rem; padding: 0 8rem; }
.quad-para-quem { color: var(--cor-texto-terciaria); }
.quad-para-quem ul li { background-image: url(../img/seta-preta.svg)!important; background-position-y: 8px!important; margin: 0 0 1rem 0; font-size: 1.4rem; }

/* Depoimentos */
.quad-depoimento { margin: 0 .7rem; border-right: 1px dashed var(--cor-outline-primaria); padding-right: 3.5rem; }
.quad-depoimento.no-border { border: none; }

blockquote p { font-size: 1.3rem!important; }
blockquote p:before { content: "\0022"; font-family: 'Times New Roman', Times, serif; font-size: 6rem; margin: .5rem 0 0 -2.5rem; position: absolute; opacity: 0.5; }
blockquote p:after { content: "\0022"; font-family: 'Times New Roman', Times, serif; font-size: 6rem; margin: 1.8rem 0 0 .3rem; position: absolute; opacity: 0.5; }
blockquote { color: #FFEDAD; font-family: 'Merriweather', cursive; font-size: 2rem; text-align: center; line-height: 2rem; margin-bottom: 0; padding: 1rem 0; }
blockquote > cite { color: var(--cor-texto-primaria); font-family: 'Open Sans', sans-serif; font-size: 1.4rem; line-height: 1.6rem; display: inline-block; }

/* CTA */
.bg-destaque { outline: .1rem dashed var(--cor-outline-terciaria); outline-offset: .3rem; background: rgba(0, 0, 0, 0.3); margin: 0 -5rem .3rem -5rem; padding: 0 8rem; }

a.btn-cta, .btn-cta {
    text-align: center; font-weight: 700; font-size: 1.6rem;
    padding: .75rem 2.5rem; border: 4px solid var(--cor-outline-primaria); border-radius: 50px; cursor: default;
    color: var(--cor-texto-destaque-foco); background: linear-gradient(-90deg, #F37055 0%, #eb6789 25%, #A166AB 45%, #5073B8 75%, #399ad5 100%);
	background-size: 600% 600%; animation: btn-gradient 4s ease infinite;
    outline: .1rem dashed var(--cor-outline-terciaria); outline-offset: .25rem; box-shadow: none;
}
a.btn-cta:hover, .btn-cta:hover, a.btn-cta:focus, .btn-cta:focus {
    color: var(--cor-texto-destaque); text-decoration: underline; background: var(--cor-bg-secundaria); outline: 3px dashed var(--cor-texto-destaque-secundario); outline-offset: .5rem; transition: outline-offset .2s linear;
}
@keyframes btn-gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } }

.valor p { font-size: 1.2rem; line-height: 1.5rem; margin: 0; }
.valor p.valor-destaque { font-size: 3rem; line-height: 3rem; font-weight: 700; color: var(--cor-texto-destaque-secundario); }

.riscado { position: relative; }
.riscado:before, .riscado:after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; transform: translate(-50%, -50%); height: 1px; background-color: #fff; transform-origin: center; }
.riscado:before { transform: rotate(10deg); }
.riscado:after { transform: rotate(-10deg); }

/* Cronograma */
.cronograma { display: flex; justify-content: center; align-items: start; gap: 2rem; padding: 0; }
.cronograma li { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-image: none; padding: 1rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 2rem; }
.cronograma li .bolinha { width: 2rem; height: 2rem; background-color: var(--cor-texto-destaque-secundario); border-radius: 50%; margin: .5rem 0 0 0; }
.cronograma li .linha { width: .2rem; height: 4rem; background-color: var(--cor-texto-destaque-secundario); }
.cronograma li i { color: var(--cor-texto-destaque-secundario); }
.cronograma .data, .data-geral { font-size: 1.6rem; font-weight: 700; color: var(--cor-texto-primaria); margin: .7rem 0; background-color: var(--cor-bg-terciaria); border-radius: 3rem; padding: .2rem .6rem; }
.cronograma .hora { font-size: 1rem; margin: 0 0 .5rem 0; }
.data-geral { color: var(--cor-texto-destaque-secundario); background-color: var(--cor-bg-destaque); }
.cronograma .data small { font-size: 1.2rem; }
.cronograma p.descricao { font-size: 1.3rem; line-height: 1.5rem; }
.cronograma p.descricao .destaque { font-weight: 700; color: var(--cor-texto-destaque-secundario); }

.riscado-destaque { background-color: rgba(0, 0, 0, 0.4); padding: 0 .5rem; border-radius: 1rem; }

/* Quad Mentores/as */

.quad-mentoria { border: 1px solid var(--cor-outline-secundaria); background-color: var(--cor-bg-terciaria); border-radius: 2rem; margin: 0 0 1rem 0; padding: 0; width: 320px; min-height: 400px; }

.quad-mentoria ul { padding-left: .8rem!important; }
.quad-mentoria h3 { font-size: 1.7rem; color: var(--cor-texto-primaria); padding: 0; }
.quad-mentoria p { font-size: 1.1rem; line-height: 1.3rem; color: var(--cor-texto-primaria); margin: 1rem .8rem 1.5rem .8rem; }

.quad-mentoria .btn {
    border-radius: 15px; border: none; font-size: 1rem; font-weight: 700; padding: 0.5rem 1.5rem; line-height: 1.75; cursor: pointer; text-transform: uppercase;
    color: var(--cor-texto-destaque); background-color: var(--cor-bg-secundaria); outline: .1rem; outline-offset: .5rem;
}
.quad-mentoria .btn:hover, .quad-mentoria .btn:focus {
    font-size: 1rem; font-weight: 600; padding: 0.5rem 1.5rem; text-decoration: underline;
    color: var(--cor-texto-primaria); border-color: var(--cor-outline-terciaria); background-color: var(--cor-bg-destaque);
    outline: 2px; outline-offset: .3rem; /*box-shadow: 0 0 0 0.25rem rgba(164,40,76,.25);*/ box-shadow: none; outline: .1500rem dashed var(--cor-outline-terciaria);
}

.mentoria-all { padding-left: 0!important; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; vertical-align: top; }
.mentoria-all li { list-style: none; margin: 5px auto; background-image: none; padding: 0; }

.img-mentoria { border-radius: 2rem 2rem 0 0; }

span.link { border-left: .7rem solid var(--cor-bg-terciaria); padding: 0 0 0 .8rem; }

span.link a {
    color: var(--cor-link-destaque); text-decoration: none; border-bottom: 1px dotted var(--cor-borda-primaria); cursor: pointer; font-size: 1.4rem;
    outline: 2px solid transparent; outline-offset: .5rem; transition: outline-offset .2s linear;
}
span.link  a:hover {
    color: var(--cor-link-destaque); border-bottom: 1px solid var(--cor-link-primaria); text-decoration: none;
}
span.link  a:focus {
    color: var(--cor-link-destaque); border-bottom: 0; /*background-color: var(--cor-bg-secundaria);*/
    outline: .125rem dashed var(--cor-outline-secundaria); outline-offset: .1rem;
}

/* In Company */
.quad-detalhe-tudo { border: 1px dashed var(--cor-outline-terciaria); background: rgba(0, 0, 0, 0.2); border-radius: 1rem; padding: 1.5rem 2rem; font-size: 1.2rem; line-height: 1.5rem; }


/* HERO Turbine */
#turbine .hero { outline: .2rem dotted var(--cor-outline-secundaria); outline-offset: .3rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjfLbx2X8pfylGBiiAMzAEYCoxVAAAYN0IBZE26VwAAAAASUVORK5CYII=); background-color: var(--cor-bg-secundaria); margin: .5rem -5rem 0 -5rem; padding: .5rem 8rem; transform: rotateZ(-1deg); }
#turbine .hero img.destaque { position: absolute; transform: rotateZ(4deg); top: -1.3rem; box-shadow: 4px 4px 10px 1px rgba(0, 0, 255, .2); }

#turbine .hero p, #turbine .hero h1,
#turbine .hero-geral p, #turbine .hero-geral h1,
#turbine .hero-home p, #turbine .hero-home h1 { color: var(--cor-texto-destaque); }

.tag-turma { position: absolute; margin: 15rem 0 0 -4rem; rotate: 5deg; z-index: 1000; }
a.tag-link { text-decoration: none; border-bottom: none; display: block; cursor: pointer; outline: 1px solid transparent; outline-offset: .5rem; transition: outline-offset .2s linear; }
a.tag-link:hover, a.tag-link:focus { background-color: transparent; border-bottom: none; outline: .125rem dashed var(--cor-outline-terciaria); outline-offset: .125rem; }

/* modal */
.modaal-content-container { padding: 2rem; }
.modaal-container { border-radius: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjfLbx2X8pfylGBiiAMzAEYCoxVAAAYN0IBZE26VwAAAAASUVORK5CYII=); background-color: var(--cor-bg-secundaria); }
.modaal-container .quad-destaque { background: linear-gradient(0deg, rgba(255,229,188,1) 13%, rgba(255,248,233,1) 81%); padding: 1rem 2rem; border-radius: 20px; }

.modaal-container ul { padding: .8rem .8rem 0 .8rem; margin-bottom: 0; border-radius: 15px; }
.modaal-container ul li { margin-bottom: .4rem; padding-bottom: .1rem; border-bottom: 1px dashed var(--cor-outline-padrao); font-size: 1.1rem; line-height: 1.4rem; }
.modaal-container ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.modaal-container h3 { padding-top: 0; color: var(--cor-texto-destaque); }
.modaal-container .destaque { color: var(--cor-secundaria); font-size: 1.2rem; }
.modaal-container .destaque-block { border-left: 10px solid var(--cor-bg-primaria); padding: 0 0 0 12px; color: var(--cor-texto-secundaria); }

/* FOOTER */
footer { padding: 1rem; }
footer p { color: #333; margin-bottom: 0; font-size: 1.1rem; line-height: 1.4rem; }

footer a {
    color: var(--cor-link-destaque); text-decoration: none; border-bottom: 1px dotted var(--cor-borda-primaria); cursor: pointer;
    outline: 2px solid transparent; outline-offset: .5rem; transition: outline-offset .2s linear;
}
footer a:hover {
    color: var(--cor-link-primaria); border-bottom: 1px solid var(--cor-link-primaria); text-decoration: none;
}
footer a:focus {
    color: var(--cor-link-primaria); border-bottom: 0; /*background-color: var(--cor-bg-secundaria);*/
    outline: .125rem dashed var(--cor-outline-secundaria); outline-offset: .1rem;
}


footer a.logo { color: var(--cor-link-primaria); text-decoration: none; border-bottom: none; padding: 0; outline: 2px solid transparent; outline-offset: .5rem; transition: outline-offset .2s linear; }
footer a.logo:hover { color: transparent; background-color: transparent; padding: 0; cursor: pointer; }
footer a.logo:focus { color: transparent; background-color: transparent; padding: 0; outline: .125rem dashed #333; outline-offset: .450rem; }

.bg-rodape, .bg-degrade { background-color: #240E20; }
.bg-degrade { background: linear-gradient(90deg, rgb(255, 213, 77) 0%, rgb(255, 173, 89) 100%); }

footer.fixo { margin-top: 3rem; position: fixed; bottom: 0; width: 100%; }


/* ------------- MEDIA QUERIE ------------- */

@media (max-width: 1199.98px) {
    .info-no-tablet { display: none!important; }
    .container { max-width: calc(1160px - 1.5rem*2); }

    .grid-container { grid-column-gap: 16px; }

    .container-closed .medium-span-0 { grid-column:span 0; }
    .container-closed .medium-span-1 { grid-column:span 1; }
    .container-closed .medium-span-2 { grid-column:span 2; }
    .container-closed .medium-span-3 { grid-column:span 3; }
    .container-closed .medium-span-4 { grid-column:span 4; }
    .container-closed .medium-span-5 { grid-column:span 5; }
    .container-closed .medium-span-6 { grid-column:span 6; }
    .container-closed .medium-span-7 { grid-column:span 7; }
    .container-closed .medium-span-8 { grid-column:span 8; }
    .container-closed .medium-span-9 { grid-column:span 9; }
    .container-closed .medium-span-10 { grid-column:span 10; }
    .container-closed .medium-span-11 { grid-column:span 11; }
    .container-closed .medium-span-12 { grid-column:span 12; }

    h1 { font-size: 4.3rem; font-weight: 700; line-height: 4.3rem; }

    a.btn-cta, .btn-cta { font-size: 1.3rem; }

}

@media (max-width: 991.98px) {
    .info-large { display: none!important; }
    .info-medium { display: block!important; }
    .no-mobile { display: none!important; }
    .container { max-width: calc(962px - 1.5rem*2); }

    .grid-container { grid-column-gap: 16px; padding: 0.9rem 2.5rem; margin: 0 auto; }

    .medium-span-0 { grid-column:span 0; }
    .medium-span-1 { grid-column:span 1; }
    .medium-span-2 { grid-column:span 2; }
    .medium-span-3 { grid-column:span 3; }
    .medium-span-4 { grid-column:span 4; }
    .medium-span-5 { grid-column:span 5; }
    .medium-span-6 { grid-column:span 6; }
    .medium-span-7 { grid-column:span 7; }
    .medium-span-8 { grid-column:span 8; }
    .medium-span-9 { grid-column:span 9; }
    .medium-span-10 { grid-column:span 10; }
    .medium-span-11 { grid-column:span 11; }
    .medium-span-12 { grid-column:span 12; }

    .box-destaque { border-radius: 3rem; }

    .quad-depoimento { margin: 0 1rem; padding-right: 0; border-right: none; }

    nav.menu-principal { position: relative!important; margin: 0!important; border-radius: 20px!important; }

    h1 { font-size: 4rem; font-weight: 700; line-height: 4rem; }

}

@media (max-width: 767.98px) {
    .info-large, .info-medium, .info-no-mobile { display: none!important; }
    .info-small { display: block!important; }
    .mobile-center { text-align: center!important; margin: auto!important; }

    .container { max-width: calc(722px - 1.125rem*2); }

    .grid-container { padding: 0.5rem 2.5rem; margin: 0 auto; }

    .container-closed .small-span-0 { grid-column:span 0; }
    .container-closed .small-span-1 { grid-column:span 1; }
    .container-closed .small-span-2 { grid-column:span 2; }
    .container-closed .small-span-3 { grid-column:span 3; }
    .container-closed .small-span-4 { grid-column:span 4; }
    .container-closed .small-span-5 { grid-column:span 5; }
    .container-closed .small-span-6 { grid-column:span 6; }
    .container-closed .small-span-7 { grid-column:span 7; }
    .container-closed .small-span-8 { grid-column:span 8; }
    .container-closed .small-span-9 { grid-column:span 9; }
    .container-closed .small-span-10 { grid-column:span 10; }
    .container-closed .small-span-11 { grid-column:span 11; }
    .container-closed .small-span-12 { grid-column:span 12; }

    .box-destaque { border-radius: 2rem; }

    #turbine .hero { padding: 1.5rem 6rem; }

    h1 { font-size: 3.6rem!important; font-weight: 700; line-height: 3.6rem!important; }
    h2 { font-size: 2.6rem!important; font-weight: 700; line-height: 2.8rem!important; }
    h3, .bg-cursos .quad-destaque h3 { font-size: 1.8rem!important; font-weight: 700; line-height: 1.7rem!important; }
    h4 { font-size: 1.3rem!important; font-weight: 700; line-height: 1.3rem!important; }

    p { font-size: 1.1rem; line-height: 1.4rem; margin-bottom: 1rem; }
    p.destaque { font-weight: 700; font-size: 1.7rem; }

    .riscado-destaque { background-color: transparent; padding: 0; border-radius: 0; }

    .img-galeria:hover { transform: scale(1.4) translateX(2%) translateY(3%) rotateZ(3deg); }
    .img-galeria:focus { transform: scale(1.2); }

    .bg-destaque, .bg-destaque-claro { padding: 0 6rem; }

    a.btn-cta, .btn-cta { font-size: 1.2rem; }

    .head-ponto { width: 140px; height: 140px; }
    .head-space { margin: 1.8rem 0; }

    .cronograma { flex-direction: column; gap: 2rem; }
    .cronograma li { flex-direction: row; text-align: left; }
    .cronograma li .bolinha, .cronograma li .linha { display: none; }
    .cronograma i { padding-right: 1rem; }
    .cronograma .data { font-size: .8rem; text-align: center; line-height: 1rem; font-weight: 700; color: var(--cor-texto-primaria); margin: .7rem 0; background-color: var(--cor-bg-terciaria); border-radius: 1rem; padding: .2rem .6rem; margin-right: .5rem; }
    .cronograma .data small { font-size: .8rem; line-height: 1rem; }
    .cronograma p.descricao { font-size: 1.1rem; line-height: 1.3rem; }
    
}

@media (max-width: 575.98px) {
    .container { max-width: calc(542px - 1rem*2); }
    .grid-container { padding: 0.5rem 1rem; margin: 0 auto; }
    .grid-item { padding: .5rem; }
    .grid-item p { font-size: 1.2rem; margin-bottom: 1.2rem; }

    .small-span-0 { grid-column:span 0; }
    .small-span-1 { grid-column:span 1; }
    .small-span-2 { grid-column:span 2; }
    .small-span-3 { grid-column:span 3; }
    .small-span-4 { grid-column:span 4; }
    .small-span-5 { grid-column:span 5; }
    .small-span-6 { grid-column:span 6; }
    .small-span-7 { grid-column:span 7; }
    .small-span-8 { grid-column:span 8; }
    .small-span-9 { grid-column:span 9; }
    .small-span-10 { grid-column:span 10; }
    .small-span-11 { grid-column:span 11; }
    .small-span-12 { grid-column:span 12; }

    h1 { font-size: 2.8rem!important; font-weight: 700; line-height: 2.9rem!important; }
    h2 { font-size: 2.2rem!important; font-weight: 700; line-height: 2.3rem!important; }
    h3, .quad-destaque h3 { font-size: 1.6rem!important; font-weight: 700; line-height: 1.6rem!important; }
    h4 { font-size: 1.2rem!important; font-weight: 700; line-height: 1.2rem!important; }

}

/* ------------- MEDIA PREFERENCES ------------- */

/* ------------- PRINT ------------- */
@media print {
    *,
    *:before,
    *:after { background: transparent!important; color: #333!important; -webkit-box-shadow: none!important; box-shadow: none!important; text-shadow: none!important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="#"]:after,
    a[href^="javascript:"]:after { content: ""; }
    
    pre { white-space: pre-wrap!important; }
    pre, blockquote { border: 1px solid #888!important; page-break-inside: avoid; }
    
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }

    main p, main ul li, main ol li, footer p { font-size: 0.8rem; }
    cite { font-size: .8rem; font-weight: 700; color:#333!important; }
    h1 { font-size: 2.7rem; }
    h1 span { line-height: .5rem; }
    h1 small { font-size: 1.8rem; }
    h2 { font-size: 1.8rem; }
    h3 { font-size: 1.2rem; }

    .no-print { display: none; }
  }