/*
Folha de Estilos para carreirasemacessibilidade.com
Autor: Marcelo Sales - @msales
*/

/* ------------- VARS ------------- */
:root {
    /* Cores */
    --cor-primaria: #131313;
    --cor-secundaria: #a4284c;
    --cor-destaque: #024975;
    --cor-padrao: #131313;

    --cor-texto-primaria: #131313;
    --cor-texto-secundaria: #A4284C;
    --cor-texto-destaque: #fdc800;
    --cor-texto-lista: #024975;

    --cor-link-primaria: #A4284C;
    --cor-link-secundaria: #131313;
    --cor-link-destaque: #fdc800;

    --cor-bg-primaria: #fdc800;
    --cor-bg-secundaria: #A4284C;
    --cor-bg-destaque: #024975;
    --cor-bg-degrade1: linear-gradient(90deg, rgb(255, 213, 77) 0%, rgb(255, 173, 89) 100%);

    --cor-destaque1: #5baffe;
    --cor-destaque1-suporte: rgba(155, 220, 255, 0.2);
    --cor-destaque2: #02773c;
    --cor-destaque2-suporte: rgba(10, 213, 110, 0.2);
    --cor-destaque3: #3c0342;
    --cor-destaque3-suporte: rgba(116, 20, 124, 0.2);

    --cor-outline-primaria: #fdc800;
    --cor-outline-secundaria: #A4284C;
    --cor-outline-destaque: #024975;
    --cor-outline-padrao: #131313;

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

/* ------------- 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%; }

.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: 0.5rem; }

.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 */

/* grid / 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; }

.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; }

/* ------------- 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; }
.yes-print { 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%; height: auto; }
.comp-relativo { position: relative; }
.comp-absolute { position: absolute; }

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

.espaco-25 { width: 25%; }
.espaco-50 { width: 50%; }
.espaco-75 { width: 75%; }

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

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

.mb-0 { margin-bottom: 0!important; }
.mb-1 { margin-bottom: var(--m-1)!important; }
.mb-2 { margin-bottom: var(--m-2)!important; }
.mb-3 { margin-bottom: var(--m-3)!important; }
.mb-4 { margin-bottom: var(--m-4)!important; }
.mb-5 { margin-bottom: var(--m-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(--m-1)!important; margin-left: var(--m-1)!important; }
.mx-2 { margin-right: var(--m-2)!important; margin-left: var(--m-2)!important; }
.mx-3 { margin-right: var(--m-3)!important; margin-left: var(--m-3)!important; }
.mx-4 { margin-right: var(--m-4)!important; margin-left: var(--m-4)!important; }
.mx-5 { margin-right: var(--m-5)!important; margin-left: var(--m-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(--m-1)!important; margin-bottom: var(--m-1)!important; }
.my-2 { margin-top: var(--m-2)!important; margin-bottom: var(--m-2)!important; }
.my-3 { margin-top: var(--m-3)!important; margin-bottom: var(--m-3)!important; }
.my-4 { margin-top: var(--m-4)!important; margin-bottom: var(--m-4)!important; }
.my-5 { margin-top: var(--m-5)!important; margin-bottom: var(--m-5)!important; }

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

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

.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: var(--m-1)!important; }
.pb-2 { padding-bottom: var(--m-2)!important; }
.pb-3 { padding-bottom: var(--m-3)!important; }
.pb-4 { padding-bottom: var(--m-4)!important; }
.pb-5 { padding-bottom: var(--m-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(--m-1)!important; padding-left: var(--m-1)!important; }
.px-2 { padding-right: var(--m-2)!important; padding-left: var(--m-2)!important; }
.px-3 { padding-right: var(--m-3)!important; padding-left: var(--m-3)!important; }
.px-4 { padding-right: var(--m-4)!important; padding-left: var(--m-4)!important; }
.px-5 { padding-right: var(--m-5)!important; padding-left: var(--m-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(--m-1)!important; padding-bottom: var(--m-1)!important; }
.py-2 { padding-top: var(--m-2)!important; padding-bottom: var(--m-2)!important; }
.py-3 { padding-top: var(--m-3)!important; padding-bottom: var(--m-3)!important; }
.py-4 { padding-top: var(--m-4)!important; padding-bottom: var(--m-4)!important; }
.py-5 { padding-top: var(--m-5)!important; padding-bottom: var(--m-5)!important; }

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

/* video ratio */
.v-ratio-1x1 { position: relative; width: 100%; padding-bottom: 100%; }
.v-ratio-4x3 { position: relative; width: 100%; padding-bottom: calc(3 / 4 * 100%); }
.v-ratio-16x9 { position: relative; width: 100%; padding-bottom: calc(9 / 16 * 100%); }
.v-ratio-21x9 { position: relative; width: 100%; padding-bottom: calc(9 / 21 * 100%); }
.v-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; }
.icon-small { font-size: 1rem; }
.icon-medium { font-size: 2rem; }
.icon-large { font-size: 3rem; }
a.externo:after { position: absolute; font-family: "Material Icons"; content: "\e89e"; }

/* config */
*, *:after, *:before { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
body { margin: 0; font-family: 'Noto Sans', sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.9rem; color: var(--cor-texto-primaria); background-color: #faf9f6; }

/* ------------- ALL ------------- */
h1 { font-family: 'Dancing Script', cursive; color: var(--cor-texto-secundaria); }
h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; color: var(--cor-texto-secundaria); }
h1 { font-size: 5rem; font-weight: 700; line-height: 4.2rem; padding-bottom: 1rem; }
h2 { font-size: 3rem; font-weight: 700; line-height: 3.5rem; padding-bottom: 1rem; }
h3 { font-size: 2.2rem; font-weight: 700; line-height: 2.8rem; margin-top: 2rem!important; padding-bottom: .5rem; }
h4 { font-size: 1.8rem; font-weight: 700; line-height: 2.2rem; margin-top: 1.5rem!important; padding-bottom: .4rem; }
h5 { font-size: 1.4rem; font-weight: 400; line-height: 1.8rem; margin-top: 1rem!important; padding-bottom: .3rem; }
h6 { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; margin-top: .6rem!important; padding-bottom: .3rem; }
h4.separador, h5.separador, h6.separador { /*border-top: 1px solid #c0dcfc;*/ color: var(--cor-destaque); padding: .8rem .5rem; background-color: var(--cor-bg-secundaria); }
.disclaimer-titulo { font-size: 1.2rem; margin-top: -1.8rem; color: var(--cor-texto-secundaria); }
h2.sub-titulo { font-size: 2rem; font-weight: 700; line-height: 2.6rem; padding-bottom: 1rem; }
h3.sub-titulo { font-size: 1.6rem; font-weight: 700; line-height: 1.8rem; padding-bottom: 1rem; }

*::selection:not(img) { color: #333; background: #ffff00; }

.linha-bg { background-image: url(../img/line-texto1.svg); background-repeat: no-repeat; background-position: left bottom; }

.small, small { font-size: .8em; line-height: 1em; }

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

.btn {
    border-radius: 30px; 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-primaria); transition: all 50ms linear; outline: 2px; 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-primaria); border-color: var(--cor-outline-secundaria); background-color: rgba(253,200,0,.10);
    outline: 2px; outline-offset: .4rem; /*box-shadow: 0 0 0 0.25rem rgba(164,40,76,.25);*/ box-shadow: none; outline: .1500rem dashed var(--cor-outline-secundaria);
}
.btn:not(:disabled):not(.disabled) { cursor: default; }

i.icons { font-size: 1.1rem; vertical-align: -.1rem; text-rendering: optimizeLegibility; }
.sr-only { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/*.texto-marcado-destaque { position: relative; display: inline-block; font-style: normal; z-index: 1;}
.texto-marcado-bg { animation: none; stroke-dasharray: 1.1; stroke-dashoffset: 0; animation-duration: 1s; width: 247px; height: 16px; }
.texto-marcado-destaque .texto-marcado-bg { position: absolute; top: 0.5em; left: -1.3em; z-index: -1; width: 100%; height: 0.7em; }
.texto-marcado-bg .texto-marcado-caminho {
    -webkit-clip-path: url(#highlight-clip-path);
    clip-path: url(#highlight-clip-path);
    fill: none;
    stroke: #FCEBB4;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 70px;
}*/

ol, ul { padding-left: 1rem!important; list-style: none; }
ul li {
    background-image: url(../img/seta-azul.svg); background-repeat: no-repeat; background-size: 13px; background-position-y: 8px!important; background-position: left;
    padding: 0 0 0 1.3rem; margin-bottom: .8rem; 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-secundaria); font-weight: 700; font-size: 1.2rem; margin: 0 0 0 -1.4rem; }
ol.positivo li:before { color: var(--cor-secundaria); }
ol.negativo li:before { color: var(--cor-secundaria); }

dl.glossario { padding-left: 1rem!important; list-style: none; }
dl.glossario dt {
    background-image: url(../img/seta-preta.svg); background-repeat: no-repeat; background-size: 13px; background-position-y: 8px!important; background-position: left;
    padding: 0 0 0 1.3rem; margin-bottom: .1rem; font-size: 1.2rem; line-height: 1.6rem; }
dl.glossario dd { padding: 0 0 0 1.3rem; margin-bottom: .8rem; font-size: 1.2rem; line-height: 1.6rem; }

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

.accordion h4 { margin: 0!important; padding-bottom: 0; font-family: 'Noto Sans', sans-serif; font-size: 1.4rem; line-height: 1.8rem; }

.accordion-trigger-off {
    background: #efefef; color: #666666; display: block;
    margin: 0; padding: .4em 1.5em; position: relative; text-align: left; width: 100%; 
    outline-offset: .5rem; transition: outline-offset .2s linear; outline: none; border-style: none;
}
.cargo-off { color: #333333; }

.accordion-trigger {
    background: var(--cor-bg-degrade1); color: var(--cor-texto-primaria); display: block; 
    margin: 0; padding: .4em 1.5em; 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 { color: var(--cor-texto-destaque); background: var(--cor-bg-secundaria); }
.accordion-trigger:focus { outline: .150rem dashed var(--cor-bg-secundaria); outline-offset: .3rem; }

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

.accordion-title { display: block; padding: 0.36em; outline: none; pointer-events: none; border: transparent 2px solid; font-weight: 700; }
.accordion-trigger:focus .accordion-title { outline: .1rem dashed var(--cor-bg-primaria); padding: .5rem; }

.accordion-icon:after {
    position: absolute; font-family: "Material Icons"; font-size: 3rem; content: "\e5cf"; right: 0; padding-right: 2.5rem;
    transition: transform .4s ease; transform: rotate(0); transform-origin: center center; color: var(--cor-outline-black);
}
.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-outline-padrao); }

.accordion-panel { margin: 0; padding: .5em; border: 1px solid var(--cor-outline-secundaria); border-top: none!important; border-radius: 0 0 10px 10px; }
.accordion-panel[hidden] { display: none;  } /* Edge bug */

.accordion-panel ul li {
    background-image: url(../img/seta-azul.svg); background-repeat: no-repeat; background-size: 13px; background-position-y: 7px!important; background-position: left; padding: 0 0 0 1.3rem; margin-bottom: .8rem;
    font-size: 1.3rem!important; line-height: 1.6rem!important; color: var(--cor-texto-secundaria); font-weight: 700; margin-top: 1.5rem; margin-bottom: .4rem; }
.accordion-panel ul li p { font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; color: var(--cor-texto-primaria); margin: .3rem 0 0 0; }
.accordion-panel ul li strong { color: var(--cor-texto-secundaria); font-weight: 400; }
.accordion-panel ul li > ul { margin-top: .3rem; margin-bottom: .8rem; }
.accordion-panel ul li > ul li {
    background-image: url(../img/seta-azul.svg); background-repeat: no-repeat; background-size: 13px; background-position-y: 7px!important; background-position: left;
    padding: 0 0 0 1.3rem; margin-bottom: .4rem; font-size: 1.2rem!important; line-height: 1.5rem!important;
    font-weight: 400; color: var(--cor-texto-primaria); margin-top: .4rem; }
.accordion-panel ul li > ul li > ul { margin-top: .2rem; margin-bottom: 0; }
.accordion-panel .content-panel { padding: .5rem 1rem; }
.accordion-trigger small { font-size: .7em; }

/* ----- HEADER ----- */
.bg-topo { background-image: url("../img/bg-topo-curvas3.png"); background-position: center bottom; background-size: cover; padding: .5rem 0 4rem 0; }
.topo-temp { margin-top: 10rem; }
header h1 { font-size: 6rem; line-height: 5.5rem; }
header p { font-size: 1.3rem; line-height: 1.7rem; }
header p > strong.destaque { color: var(--cor-texto-secundaria); }

header ul li {
    background-image: url(../img/seta-rosa.svg); background-repeat: no-repeat; background-size: 13px; background-position-y: 8px!important; background-position: left;
    padding: 0 0 0 1.3rem; margin-bottom: .8rem; font-size: 1.2rem; line-height: 1.4rem;
}
.box-destaque { background: rgba(256, 256, 256, .1); border-radius: 1rem; padding: .4rem .4rem .4rem .8rem; }
.tag-pdf { position: absolute; margin-top: 5rem; margin-left: 10rem; rotate: 8deg; }
.tag-pdf .tag-pdf-instrucoes { rotate: -8deg; position: relative; left: -3.2rem; width: 300px; background: rgba(254, 239, 240, .3); border: 1px dashed var(--cor-outline-destaque); border-radius: 1rem; margin: .5rem; padding: .8rem; }
.tag-pdf .tag-pdf-instrucoes p { font-size: .9rem; line-height: 1.1rem; margin-bottom: .4rem; text-align: center; }
.tag-pdf .tag-pdf-instrucoes p:last-child { margin-bottom: 0; }

/* ----- MAIN ----- */
p.video { margin-top: -1rem; }
p.video > .icons { color: var(--cor-destaque); font-size: 3rem; vertical-align: -1.2rem; padding-right: .5rem; text-rendering: optimizeLegibility; }

.destaque { color: var(--cor-bg-secundaria); font-weight: 400; }
p.info-ref { font-size: 1.1rem; line-height: 1.3rem; margin-top: -.5rem; }

main blockquote { color: var(--cor-destaque); font-family: 'Courgette', cursive; font-size: 2rem; text-align: center; line-height: 2rem; margin-bottom: 0; padding: 1rem 0; }
main blockquote p { margin-bottom: 0; }
main blockquote p:before { content: "\0022"; font-family: 'Times New Roman', Times, serif; font-size: 10rem; margin: 2rem 0 0 -4.5rem; position: absolute; opacity: 0.3; }
main blockquote p:after { content: "\0022"; font-family: 'Times New Roman', Times, serif; font-size: 10rem; margin: 1.8rem 0 0 1.5rem; position: absolute; opacity: 0.3; }
main blockquote > cite { color: var(--cor-texto-destaque); font-family: 'Noto Sans', sans-serif; font-size: .8rem; border-top: 1px solid var(--cor-padrao); margin-top: -.7rem; }

/* motivações */
.nota-destaque { color: var(--cor-texto-primaria); background: rgba(254, 239, 240, .3); border: 1px dashed var(--cor-outline-destaque); border-radius: 1rem; margin: .5rem -2rem 1rem -2rem!important; padding: 1rem 2rem!important; font-size: 1.2rem; line-height: 1.7rem; }
.nota-destaque ul li, .nota-destaque ol li { margin-bottom: 0.2rem; }

.detalhe-oculto { color: var(--cor-link-primaria); text-decoration: underline; border: 1px dashed var(--cor-destaque3); border-radius: 8px; padding: .5rem; }
.detalhe-oculto:hover, .detalhe-oculto:focus { color: var(--cor-link-secundaria); background-color: var(--cor-destaque3-suporte); border: 1px solid var(--cor-outline-secundaria); }
.detalhe-oculto[open] { text-decoration: none; border: none; }
.detalhe-oculto[open]:hover, .detalhe-oculto[open]:focus { background-color: transparent; }
.detalhe-oculto > summary { color: var(--cor-bg-secundaria); font-weight: 400; }

/* para quem */
.box-para-quem { border: 1px dashed var(--cor-destaque1); border-radius: 2rem; background: var(--cor-destaque1-suporte); margin: 0 0 1rem 0; padding: .5rem; }
.box-para-quem p { margin: 0; font-size: 1.1rem; line-height: 1.5rem; }

/* dicas */
.dica-empresa { border: 2px dashed var(--cor-destaque2); border-radius: 3rem; background: var(--cor-destaque2-suporte); margin: 1rem -8rem 0 -8rem; padding: 1.5rem 8rem; }
.dica-empresa .dica-destaque { font-family: 'Dancing Script', cursive; font-size: 2.5rem; line-height: 3rem; color: var(--cor-destaque2); margin-bottom: 1rem; }
.dica-pessoa { border: 2px dashed var(--cor-destaque3); border-radius: 3rem; background: var(--cor-destaque3-suporte); margin: .5rem -5rem 0 -5rem; padding: 1.5rem 5rem; }
.dica-pessoa .dica-destaque { font-family: 'Dancing Script', cursive; font-size: 2.5rem; line-height: 3rem; color: var(--cor-destaque3); margin-bottom: 1rem; }

.dica-empresa a, .dica-pessoa a { color: var(--cor-link-secundaria); text-decoration: none; border-bottom: 1px dashed var(--cor-outline-padrao); padding: 0 .2rem; outline: 2px solid transparent; outline-offset: .5rem; transition: outline-offset .2s linear; }
.dica-empresa a:hover, .dica-pessoa a:hover { color: var(--cor-link-secundaria); background-color: var(--cor-bg-primaria); padding: 0 .2rem; }
.dica-empresa a:focus, .dica-pessoa a:focus { color: var(--cor-link-secundaria); background-color: var(--cor-bg-primaria); padding: 0 .2rem; outline: .125rem dashed var(--cor-outline-padrao); outline-offset: .125rem; }

.dica-empresa small, .dica-pessoa small { font-size: .9em!important; }
.dica-empresa ul li, .dica-pessoa ul li { background-image: url(../img/seta-preta.svg); }
.dica-empresa p, .dica-pessoa p { color: var(--cor-texto-primaria); }

/* detalhe */
.quad-detalhe { border: 2px dashed var(--cor-outline-secundaria); border-radius: 1rem; padding: 1.5rem 2rem .5rem 2rem; font-size: 1.2rem; line-height: 1.6rem; }
.quad-detalhe ul { padding-left: .3rem!important; }
.quad-detalhe ol li, .quad-detalhe ul li { font-size: 1.1rem; }

.quad-detalhe .destaque { font-weight: 700; }
.quad-detalhe .destaque-topo { position: absolute; margin: -3.5rem 0 0 -4rem; background: var(--cor-bg-primaria); border-radius: 100%; padding: 1.8rem; font-size: 2.8rem; font-weight: 900; }
.quad-detalhe h3 { margin-top: 1rem; }
.destaque-relato { padding-left: 2.5rem; }

/* cargos */
.amm-dimensoes { border: 1px dotted var(--cor-outline-secundaria); border-radius: 1rem; padding: 0.7rem 0.5rem 0 1rem; margin-bottom: .5rem; }
p.amm-dimensoes-tit { color: var(--cor-texto-primaria); margin-top: .3rem; font-size: 1.2rem; font-weight: 700; }
.amm-dimensoes-desc { color: var(--cor-texto-primaria); font-size: 1.1rem; font-weight: 400; }
.amm-dimensoes-desc span { color: var(--cor-texto-primaria)!important; background-color: var(--cor-bg-primaria); padding: .1rem .5rem; border-radius: .5rem; }

.lista-destaque-aberta { background: rgba(254, 239, 240, .3); border: 1px dashed var(--cor-outline-destaque); border-radius: 1rem; margin: 0 -1rem 0 -2.5rem!important; padding: 1rem 2.5rem!important; font-size: 1.2rem; line-height: 1.5rem; }

.lista-destaque { background: rgba(254, 239, 240, .3); border: 1px dashed var(--cor-outline-destaque); border-radius: 1rem; margin: 0 1rem; padding: 1rem 2.5rem!important; font-size: 1.2rem; line-height: 1.5rem; }
.accordion-panel ul li.lista-destaque { background-position-y: 24px!important; background-position-x: 17px; }
.lista-destaque p.lista-destaque-p { font-weight: 700; margin-top: 1rem; }
.lista-destaque .destaque { font-weight: 400; font-size: .8em; line-height: 1em; }

/* mercado */
#mercado small { font-size: .9em; }

.quad-detalhe-vagas { border: 1px dashed var(--cor-destaque1); background-color: #ffffff; border-radius: 2rem; margin: 0 0 1rem 0; padding: .5rem .9rem .5rem .5rem; }
.quad-detalhe-vagas ul { padding-left: .8rem!important; }
.quad-detalhe-vagas h5 { margin-top: .2rem!important; color: var(--cor-texto-lista); }

/* quem */
.bg-quem { background: rgba(254, 239, 240, .9); }
.box-quem p { margin: .5rem 0 0 0; font-size: 1.1rem; line-height: 1.5rem; }
.quad-detalhe-tudo { border: 1px dashed #240E20; background: rgba(255, 255, 255, 0.4); border-radius: 1rem; padding: 1.5rem 2rem .5rem 2rem; font-size: 1.2rem; line-height: 1.5rem; }

/* ----- FOOTER ----- */
footer { padding: 1.5rem 3rem!important; }
footer p { color: var(--cor-texto-primaria); margin-bottom: 0; font-size: 1.1rem; line-height: 1.4rem; margin-bottom: .7rem; }
footer a { color: var(--cor-link-secundaria); text-decoration: none; border-bottom: 1px dashed var(--cor-padrao); }
footer a:hover { color: var(--cor-link-destaque); background-color: var(--cor-bg-secundaria); padding: 0 .2rem; }
footer a:focus { color: var(--cor-link-destaque); background-color: var(--cor-bg-secundaria); padding: 0 .2rem; outline: .125rem dashed var(--cor-outline-secundaria); outline-offset: .125rem; }

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 var(--cor-outline-secundaria); outline-offset: .125rem; }

.bg-rodape, .bg-degrade { background: var(--cor-bg-degrade1); /*background-image: url("../img/bg-topo.jpg"); background-size: cover;*/ }

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

/* ------------- MEDIA QUERIES ------------- */

/*@media (max-width: 1399.98px) { }
@media (max-width: 1199.98px) { }*/

@media (max-width: 991.98px) {
    .container { max-width: 85%; }
    .grid-container { grid-column-gap: 16px; }
    .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; }

    .tag-pdf { position: absolute; margin-top: 10rem; margin-left: 0; rotate: 8deg; }
    .tag-pdf-instrucoes { display: none; }
}

@media (max-width: 767.98px) {
    .container { max-width: 95%; }
    .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; }

    .espaco-25, .espaco-50, .espaco-75 { width: 100%; }

    .no-mobile { display: none!important; }
    .info-medium { display: block!important; }

    .no-mobile-a11y { 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; }
    
    .mobile-center { text-align: center!important; }
    header h1 { font-size: 5rem; line-height: 5rem; }

    .accordion-trigger { padding: 1em 2em 1em 1.5em; }
    .accordion-title { font-weight: 400; line-height: 1.6rem; }
    .accordion-title small { line-height: .6rem; }

    .accordion { margin-top: .5rem; }
    .accordion-panel ul li, 
    .accordion dl p { font-size: 1.1rem; line-height: 1.3rem; }
    .accordion-icon:after,
    .accordion dl.faq .accordion-icon:after { right: -1.6rem; top: 38%; font-size: 1.8rem; }
}

@media (max-width: 575.98px) {
    header h1 { font-size: 4rem; line-height: 4rem; }
    header p { font-size: 1.2rem; line-height: 1.5rem; }
}

/* ------------- PRINT ------------- */
@media print {
    .container { max-width: 90%; margin: 0 auto; padding: 0.5rem; }

    .bg-topo { background-image: none; background: var(--cor-bg-degrade1); padding: .5rem 0 2rem 0; }
    .linha-bg { background-image: none; }

    body { margin: 0; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; color: #131313; background-color: #ffffff; }
    *:before,
    *:after { background: transparent!important; color: #131313!important; -webkit-box-shadow: none!important; box-shadow: none!important; text-shadow: none!important; }

    a, a:visited { border-bottom: none!important; outline: none!important; text-decoration: underline; padding: 0; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="#"], a:visited[href^="#"] { text-decoration: none; }
    a[href^="#"]:after,
    a[href^="javascript:"]:after,
    a.logo:after, a.logo:visited:after { content: ""; }

    h1 { font-size: 4rem; font-weight: 700; line-height: 2.5rem; padding-bottom: 1rem; }
    h2 { font-size: 2.5rem; font-weight: 700; line-height: 2rem; padding-bottom: 1rem; }

    .dica-empresa, .dica-pessoa { border-radius: 0; } 

    pre { white-space: pre-wrap !important; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    p, h2, h3, h4, h5, h6 { orphans: 3; widows: 3; }
    h2, h3, h4, h5, h6 { page-break-after: avoid; }
    
    .no-print { display: none!important; }
    .yes-print { display: block!important; }
    .no-break { page-break-inside: avoid; }
    .print-margin { margin-top: 0; }
    .print-span { grid-column:span 12; }
    .print-break { page-break-after: avoid; page-break-inside: avoid; }
    .print-color { background: var(--cor-bg-primaria); padding: 0 .3rem; }

    .espaco-25, .espaco-50, .espaco-75 { width: 100%; }

    .bg-topo h1 { font-size: 4rem; }
    .bg-quem { background: #ffffff; }

    .float-quem-print { float: left; width: 220px; text-align: center; }
    .float-quem-print p { font-size: .8em; line-height: 1.4em; }
    .quad-detalhe-print { width: 50%; float: right; font-size: .8em; }
    .quad-detalhe .destaque-topo { position: absolute; margin: -2rem 0 0 -6rem; background: var(--cor-bg-primaria); border-radius: 100%; padding: 1.8rem; font-size: 2.8rem; font-weight: 900; }
    .box-quem-print { width: 45%; }
    .foto-quem-print { width: 100px; }
}