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

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

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

    --cor-bg-primaria: #240E20;
    --cor-bg-secundaria: #FDEDF4;

    --cor-outline-primaria: #240E20;
    --cor-outline-secundaria: #F36396; /*F32671*/
    --cor-outline-terciaria: #ffffff;

    --cor-borda-primaria: #240E20;
    --cor-borda-secundaria: #FDEDF4;
    --cor-borda-destaque: #F36396;

    --cor-texto-primaria: #FDEDF4;
    --cor-texto-secundaria: #240E20;
    --cor-texto-destaque: #F36396;
    --cor-texto-destaque-secundario: #e8c95b;
    --cor-texto-destaque-foco: #f9f4b2;

    --cor-link-primaria: #F36396;
    --cor-link-secundaria: #FDEDF4;
    --cor-link-destaque: #240E20;
    --cor-link-white: #ffffff;
    --cor-link-yellow: #f9f4b2;

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

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

/* margem */
.no-margin { margin: 0!important; }
.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 */
.no-padding { padding: 0!important; }
.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; }
.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"; }

/* ------------- 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.3rem; }
p::selection, strong::selection, strong.destaque::selection, .destaque-texto::selection { color: #333; background: #ffff00; }
.grid-item p { font-size: 1.3rem; margin-bottom: 1.5rem; }
.grid-item p:last-child { margin-bottom: 0; }

small { font-weight: 400; }

h1.destaque { color: var(--cor-texto-destaque-secundario); }
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.2rem; padding-bottom: 1rem; color: var(--cor-texto-destaque-foco); }
h3 { font-size: 1.7rem; font-weight: 600; line-height: 1.8rem; padding-bottom: .6rem; color: var(--cor-texto-destaque-foco); }
h4 { font-size: 1.2rem; font-weight: 500; line-height: 1.3rem; padding-bottom: .6rem; color: var(--cor-texto-destaque-foco); }

.destaque-menor { font-size: 4rem; }
.nota-destaque { border: 1px dashed var(--cor-outline-secundaria); border-radius: 1rem; margin: 0.5rem -2rem 1rem -2rem !important; padding: 1rem 2rem !important; }

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

section.link .destaque { color: var(--cor-texto-primaria); }

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-secundaria); 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; }

ol, ul { padding-left: 1rem!important; list-style: none; margin-bottom: 1.5rem; }
ul li {
    background-image: url(../img/seta-branca.svg); background-repeat: no-repeat; background-size: 13px; background-position-y: 7px!important; background-position: left;
    padding: 0 0 0 1.6rem; margin-bottom: .4rem; font-size: 1.3rem; line-height: 1.4rem; }

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

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

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

.quad-ferramentas { border: none; background-color: transparent; padding: 0 1rem 1rem 1rem; width: 390px; }
.ferramentas-all { padding-left: 0!important; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; vertical-align: top; }
.ferramentas-all li { list-style: none; margin: 5px auto; background-image: none; padding: 0; }
a.ferramentas { color: var(--cor-padrao); text-decoration: none; border-bottom: none; display: block; padding: .5rem .2rem 0 .2rem; }
a.ferramentas:hover { color: var(--cor-link-destaque); background-color: transparent; padding: .5rem .2rem 0 .2rem; border-bottom: none; outline: .125rem dashed var(--cor-outline-terciaria); outline-offset: .125rem; }
a.ferramentas:focus { color: var(--cor-link-destaque); background-color: transparent; padding: .5rem .2rem 0 .2rem; border-bottom: none; outline: .125rem dashed var(--cor-outline-terciaria); outline-offset: .125rem; }

.borda-destaque { border-left: 15px solid var(--cor-borda-destaque); margin: 0 0 0 -3rem; padding: 0 0 0 2.2rem; }

footer { padding: .5rem 1rem; }

/* Link-Bio */
.link { background: rgba(231, 31, 108, 0.6); padding: 1rem 1rem 1.5rem 1rem; }
.link .link-bio { width: 85%; margin: auto; }
.link .link-bio h1 { font-size: 1.7rem; font-weight: 700; margin-bottom: .5rem; text-align: center; }
.box-destaque { background: rgba(0, 0, 0, .4); border-radius: 4rem; width: 90%; margin: auto; padding: 1rem; }
.box-destaque a { color: var(--cor-link-yellow); }
.box-destaque-fixo { background: rgba(231, 31, 108, .1); }

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

}

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

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

}

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

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

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

@media (max-width: 575.98px) {
    .container { max-width: calc(542px - 1rem*2); }

    .grid-item { padding: .6rem; }

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

    .quad-ferramentas { width: 100%; }

    .borda-destaque { margin: 0 0 0 -2.5rem; }

    h1 { font-size: 4rem; font-weight: 700; line-height: 4.2rem; }
    h2 { font-size: 2rem; font-weight: 700; line-height: 2.2rem; }
    h3 { font-size: 1.5rem; font-weight: 600; line-height: 1.6rem; }
    h4 { font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; }

}

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