html { font-size: 16px; overflow-x: hidden; font-family: "Montserrat", sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
body { margin: 0; overflow-x: hidden; font-family: "Montserrat", sans-serif; color: #000; background: #fff; }
body * { font-family: inherit; }
img { max-width: 100%; height: auto; }
.hero-full img { display: block; width: 100%; }
picture { display: block; }
.hero-full {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
overflow: hidden;
}
.hero-full img {
width: 100vw;
max-width: none;
display: block;
}
.page { width: 100%; margin-inline: auto; overflow-x: hidden; }
.full-bleed { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
.section { width: 100%; max-width: min(900px, 100vw); margin-inline: auto; padding: 1.35rem 1rem !important; }
.section-wide { width: 100%; max-width: min(1120px, 100vw); margin-inline: auto; padding: 1.35rem .75rem !important; }
.section *, .section-wide * { min-width: 0; overflow-wrap: break-word; }
.display { font-family: "Montserrat", sans-serif; font-weight: 600; line-height: .98; }
.headline { font-family: "Montserrat", sans-serif; font-weight: 600; line-height: 1.05; text-transform: uppercase; }
.has-art {
display: flex;
justify-content: center;
align-items: center;
font-size: 0 !important;
line-height: 1 !important;
}
.art-img {
display: block;
width: min(var(--art-w, 20rem), 100%);
max-width: calc(100vw - 2rem);
height: auto;
margin-inline: auto;
}
.art-number {
width: min(var(--art-w, 10rem), 100%);
max-width: 100%;
}
.inline-art {
display: inline-block;
width: min(var(--art-w, 20rem), 100%);
max-width: 100%;
height: auto;
vertical-align: middle;
}
.fluid-title { font-size: clamp(1rem, 1.8vw, 1.5rem); }
.fluid-number { font-size: clamp(2.8rem, 5.7vw, 5.5rem); }
.fluid-copy { font-size: clamp(.82rem, 1.22vw, 1.08rem); }
.intro-copy-large { font-size: clamp(1rem, 1.75vw, 1.55rem); }
.stack { display: grid; }
.stack > * { grid-area: 1 / 1; }
.participacao { color: #fff; text-align: center; font-weight: 500; border-radius: 15px; background-image: url(//inesc.org.br/wp-content/themes/inesc/assets/participacao.webp); background-size: cover; background-position: center; background-blend-mode: multiply; }
.dot-item { display: grid; grid-template-columns: auto 1fr; gap: .75rem; align-items: start; }
.dot-item img { width: clamp(2.25rem, 5vw, 4.4rem); }
.metrics-grid {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
margin-inline: auto;
text-align: center;
}
.metric-item {
display: grid;
justify-items: center;
align-content: end;
min-width: 0;
}
.metric-label {
font-size: clamp(0.85rem, 1.3vw, 1.15rem);
font-weight: 500;
line-height: 1.05;
}
.metric-number {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: clamp(3.6rem, 6.2vw, 5.8rem);
line-height: .82;
white-space: nowrap;
}
.metric-caption {
font-size: clamp(0.78rem, 1.1vw, 1.05rem);
font-weight: 500;
line-height: 1.1;
max-width: 10rem;
}
.metric-chart {
width: clamp(4.5rem, 7.5vw, 7.5rem);
align-self: center;
}
.metric-people {
width: clamp(10rem, 15vw, 15.5rem);
align-self: center;
}
.formed-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
column-gap: .75rem;
width: 100%;
max-width: 1180px;
margin: .35rem auto 0;
}
.formed-wing img {
width: auto;
max-width: none;
height: 100%;
}
.formed-wing {
display: none;
}
.formed-center {
display: grid;
justify-items: center;
min-width: clamp(9rem, 20vw, 15.5rem);
}
.formed-number {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: clamp(4rem, 7.2vw, 6.7rem);
line-height: .84;
color: #40bacb;
white-space: nowrap;
}
.formed-label {
color: #40bacb;
font-weight: 700;
font-size: clamp(.9rem, 1.3vw, 1.25rem);
line-height: 1.05;
}
.rights-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 660px;
gap: .9rem 2rem;
margin: 1rem auto 0;
align-items: center;
}
.rights-item {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
column-gap: .75rem;
}
.rights-number {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: clamp(2.8rem, 4.2vw, 4.6rem);
line-height: .9;
white-space: nowrap;
}
.rights-copy {
font-size: clamp(.72rem, 1vw, .95rem);
font-weight: 500;
line-height: 1.1;
}
.decor-row {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
justify-items: center;
max-width: clamp(20rem, 36vw, 34rem);
margin: .2rem auto;
}
.decor-row img {
width: clamp(3rem, 6vw, 6.2rem);
}
.decor-row img.art-number {
width: min(var(--art-w, 10rem), 100%);
}
.publication-card {
height: 9.8rem;
min-height: 9.8rem !important;
padding: .65rem .55rem .8rem !important;
}
.publication-card > img:first-child {
border-radius: 15px;
}
.publication-card > img:nth-child(2) {
width: 64% !important;
max-width: 8.25rem !important;
transform: translateX(-50%) translateY(-9%) !important;
}
.publication-card > p {
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 3.4rem;
margin-top: 0 !important;
padding-inline: .35rem !important;
line-height: 1.5 !important;
}
.agenda-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
max-width: 1040px;
margin-inline: auto;
}
.agenda-wide-left {
grid-column: span 2;
}
.agenda-wide-right {
grid-column: span 2;
}
@media (max-width: 767px) {
.page,
.section,
.section-wide {
width: 100vw !important;
max-width: 430px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.hero-full img {
width: 100vw !important;
max-width: 100vw !important;
}
.hero-full,
.hero-full img {
width: 100vw !important;
max-width: none !important;
}
.section p,
.section h1,
.section h2,
.section h3,
.section-wide p,
.section-wide h1,
.section-wide h2,
.section-wide h3,
.w-full p,
.w-full h1,
.w-full h2,
.w-full h3 {
width: calc(100vw - 2rem) !important;
max-width: 398px !important;
margin-left: auto !important;
margin-right: auto !important;
white-space: normal !important;
}
.participacao { border-radius: 7.19px; font-size: .6rem; line-height: 1.15; }
.metrics-grid {
display: flex !important;
flex-direction: column !important;
gap: 1.15rem !important;
max-width: 398px;
}
#grade-metricas-formacao > div:first-child {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 2.25rem minmax(0, 1fr);
grid-template-areas:
"alc seta mulheres"
"ativ ativ ativ";
align-items: end;
justify-items: center;
gap: .35rem .2rem !important;
}
#item-metrica-pessoas-alcancadas {
grid-area: alc;
}
#grade-metricas-formacao > div:first-child > picture:first-of-type {
grid-area: seta;
transform: none !important;
padding: 0 !important;
}
#grade-metricas-formacao > div:first-child > picture:first-of-type img {
width: 2.15rem !important;
}
#bloco-metrica-mulheres-alcançadas {
grid-area: mulheres;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: .25rem !important;
}
#bloco-metrica-mulheres-alcançadas > picture:last-child {
display: none;
}
#grade-metricas-formacao > div:first-child > picture:nth-of-type(2) {
display: none !important;
}
#item-metrica-atividades-realizadas {
grid-area: ativ;
margin-top: .15rem;
min-width: 11rem;
}
.metric-number {
font-size: clamp(2.55rem, 11vw, 3.35rem);
}
.metrics-grid p,
.metrics-grid h1,
.metrics-grid h2,
.metrics-grid h3 {
width: auto !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.metrics-grid .metric-caption {
max-width: 7.2rem !important;
}
.metrics-grid .metric-wide-copy {
width: calc(100vw - 2rem) !important;
max-width: 398px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.formed-row {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
column-gap: .3rem;
width: calc(100vw - 2rem);
max-width: 398px;
min-height: 5rem;
background-image: url(//inesc.org.br/wp-content/themes/inesc/assets/fila-pessoas.webp), url(//inesc.org.br/wp-content/themes/inesc/assets/fila-pessoas.webp);
background-repeat: no-repeat, no-repeat;
background-size: 10.5rem auto, 10.5rem auto;
background-position: left center, right center;
}
.formed-row picture {
display: none;
}
.formed-row picture:first-child {
grid-column: 1;
grid-row: 1;
}
.formed-center {
grid-column: 2;
grid-row: 1;
}
.formed-row picture:last-child {
grid-column: 3;
grid-row: 1;
}
.formed-wing img {
display: none;
}
.formed-center {
min-width: 7.8rem;
}
.formed-number {
font-size: clamp(2.55rem, 13vw, 3.3rem);
}
.formed-number .art-number {
max-width: 8rem;
}
.formed-label {
font-size: .72rem;
}
.rights-grid {
grid-template-columns: minmax(0, 1fr);
max-width: 260px;
gap: .45rem;
}
.rights-item {
grid-template-columns: auto 1fr;
column-gap: .65rem;
justify-content: start;
}
.rights-number {
font-size: clamp(2.05rem, 10vw, 2.75rem);
}
.rights-number .art-number {
max-width: clamp(4.5rem, 18vw, 5.8rem);
}
.rights-copy {
font-size: .62rem;
line-height: 1.08;
}
.metric-people {
width: 8.5rem;
}
.rights-grid p,
.rights-grid dd,
.rights-grid dt,
.incidence-metrics p,
.publications-grid p,
.agenda-grid p,
.dot-item p {
width: auto !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.agenda-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .65rem;
max-width: 398px;
}
.agenda-wide-left,
.agenda-wide-right {
grid-column: span 2;
}
#grade-realizacoes-incidencias {
gap: 1rem !important;
}
#grade-imprensa-orcamento {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
max-width: 398px !important;
gap: .35rem !important;
}
#grade-imprensa-orcamento > div {
padding-inline: .1rem !important;
}
}
@media (max-width: 639px) {
.section,
.section-wide {
padding-top: 1.2rem !important;
padding-bottom: 1.2rem !important;
}
.section p:not(.has-art),
.section-wide p:not(.has-art),
.full-bleed p:not(.has-art) {
font-size: .95rem !important;
line-height: 1.18 !important;
}
.intro-copy-large {
font-size: 1.08rem !important;
line-height: 1.16 !important;
}
.has-art .art-img,
.headline.has-art .art-img,
.inline-art {
width: min(var(--art-w, 20rem), calc(100vw - 3rem));
max-width: calc(100vw - 3rem);
}
.has-art .art-number {
width: min(var(--art-w, 10rem), 46vw);
max-width: 46vw;
}
.metric-label,
.metric-caption,
.metric-wide-copy,
.rights-copy,
.dot-item p {
font-size: .88rem !important;
line-height: 1.16 !important;
}
.metric-chart {
width: 4.4rem;
}
.metric-people {
width: 7rem;
}
.rights-number .art-number {
max-width: 4.9rem;
}
.participacao {
font-size: .76rem !important;
line-height: 1.18 !important;
padding: .9rem !important;
}
.publication-card {
height: 10.75rem;
min-height: 10.75rem !important;
}
.publication-card > img:nth-child(2) {
max-width: 7.35rem !important;
}
.publication-card > p {
font-size: .78rem !important;
line-height: 1.12 !important;
min-height: 4.05rem;
}
#grade-imprensa-orcamento {
max-width: 360px;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.page,
.section,
.section-wide {
max-width: 620px !important;
}
.section p:not(.has-art),
.section-wide p:not(.has-art),
.full-bleed p:not(.has-art) {
font-size: 1.05rem !important;
line-height: 1.2 !important;
}
.intro-copy-large {
font-size: 1.18rem !important;
}
.has-art .art-img,
.headline.has-art .art-img,
.inline-art {
width: min(var(--art-w, 20rem), 78vw);
max-width: 78vw;
}
.has-art .art-number {
width: min(var(--art-w, 10rem), 32vw);
max-width: 32vw;
}
.metrics-grid,
.agenda-grid,
.rights-grid {
max-width: 560px;
}
.metric-label,
.metric-caption,
.metric-wide-copy,
.rights-copy,
.dot-item p {
font-size: .95rem !important;
line-height: 1.18 !important;
}
.participacao {
font-size: .86rem !important;
line-height: 1.2 !important;
}
.publication-card {
height: auto !important;
min-height: 11.5rem !important;
}
.publication-card > img:nth-child(2) {
max-width: 9.5rem !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.page,
.section,
.section-wide {
max-width: 900px !important;
}
.section p:not(.has-art),
.section-wide p:not(.has-art),
.full-bleed p:not(.has-art) {
font-size: 1.12rem !important;
line-height: 1.2 !important;
}
.intro-copy-large {
font-size: 1.28rem !important;
}
.has-art .art-img,
.headline.has-art .art-img,
.inline-art {
width: min(var(--art-w, 20rem), 72vw);
max-width: 72vw;
}
.has-art .art-number {
width: min(var(--art-w, 10rem), 28vw);
max-width: 28vw;
}
.metrics-grid {
max-width: 820px;
}
.formed-row {
width: min(100vw - 2rem, 900px);
max-width: 900px;
min-height: 8.5rem;
background-size: 19rem auto, 19rem auto;
}
.formed-center {
min-width: 12rem;
}
#dado-fila-1246-pessoas .art-number {
max-width: 12rem;
}
.rights-grid {
max-width: 650px !important;
gap: .75rem 1rem;
}
.rights-copy,
.metric-label,
.metric-caption,
.metric-wide-copy,
.dot-item p {
font-size: 1rem !important;
line-height: 1.18 !important;
}
.publications-grid {
max-width: 720px !important;
gap: 1.4rem !important;
}
.publication-card {
width: calc(50% - .7rem) !important;
height: auto !important;
min-height: 13rem !important;
}
.publication-card > img:nth-child(2) {
max-width: 11rem !important;
}
#grade-realizacoes-incidencias {
max-width: 760px;
grid-template-columns: 1fr !important;
gap: 1.15rem !important;
}
.agenda-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px !important;
gap: 1rem;
}
.agenda-wide-left,
.agenda-wide-right {
grid-column: span 2;
}
.participacao {
font-size: .98rem !important;
line-height: 1.2 !important;
padding: 1.4rem !important;
}
#grade-instagram-debate,
#grade-imprensa-orcamento {
max-width: 760px;
}
}
@media (min-width: 1024px) {
.section, .section-wide { max-width: 1500px !important; }
.publication-card {
height: 18.25rem;
min-height: 18.25rem !important;
padding: 1rem 1rem 1.35rem !important;
}
.publication-card > img:nth-child(2) {
width: 66% !important;
max-width: 11.75rem !important;
transform: translateX(-50%) translateY(-10%) !important;
}
.publication-card > p {
min-height: 4.8rem;
padding-inline: .65rem !important;
}
.formed-row {
display: flex !important;
align-items: center !important;
justify-content: center !important;
max-width: 100% !important;
width: 100% !important;
margin-inline: auto !important;
overflow: hidden !important;
gap: clamp(.35rem, 1vw, .9rem) !important;
}
.formed-wing {
display: block !important;
flex: 1 1 44vw !important;
min-width: 0 !important;
}
.formed-center {
flex: 0 0 clamp(10.5rem, 22vw, 15.5rem) !important;
min-width: clamp(10.5rem, 22vw, 15.5rem) !important;
}
.formed-number .art-number {
max-width: clamp(10.5rem, 21vw, 15.5rem);
}
.agenda-grid {
max-width: 1500px !important;
}
.rights-grid {
max-width: 1000px !important;
}
}
@media (max-width: 1023px) {
#dado-agenda-8-espacos img {
width: 4.5rem !important;
max-width: 100% !important;
}
.section,
.section-wide {
max-width: min(100vw, 900px) !important;
}
.section p:not(.has-art),
.section-wide p:not(.has-art),
.full-bleed p:not(.has-art) {
line-height: 1.16 !important;
}
.art-img,
.inline-art {
max-width: min(var(--art-w, 20rem), calc(100vw - 2rem));
}
.has-art .art-number {
max-width: min(var(--art-w, 10rem), 30vw);
}
#grade-metricas-formacao > div:first-child {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(2rem, 6vw, 3.5rem) minmax(0, 1fr) !important;
grid-template-areas:
"alc seta mulheres"
"ativ ativ ativ" !important;
align-items: end !important;
justify-items: center !important;
gap: clamp(.35rem, 1vw, .9rem) !important;
max-width: min(100%, 760px);
margin-inline: auto;
}
#item-metrica-pessoas-alcancadas { grid-area: alc; }
#bloco-metrica-mulheres-alcançadas {
grid-area: mulheres;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: end !important;
gap: clamp(.25rem, 1vw, .65rem) !important;
}
#grade-metricas-formacao > div:first-child > picture:first-of-type {
grid-area: seta;
display: flex !important;
transform: none !important;
padding: 0 !important;
}
#grade-metricas-formacao > div:first-child > picture:first-of-type img {
width: clamp(2.1rem, 6vw, 3.5rem) !important;
}
#grade-metricas-formacao > div:first-child > picture:nth-of-type(2) {
display: none !important;
}
#bloco-metrica-mulheres-alcançadas > picture:last-child {
display: none !important;
}
#item-metrica-atividades-realizadas {
grid-area: ativ;
margin-top: clamp(.2rem, 1vw, .55rem);
}
.metric-label,
.metric-caption,
.metric-wide-copy {
font-size: clamp(0.65rem, 1.4vw, 1rem) !important;
line-height: 1.12 !important;
}
.metric-chart {
width: clamp(2.2rem, 7vw, 5.5rem) !important;
}
#dado-formacao-25-mil .art-number { max-width: clamp(8rem, 24vw, 13rem); }
#dado-formacao-59-porcento .art-number { max-width: clamp(6.5rem, 18vw, 10rem); }
#dado-formacao-540-formados .art-number { max-width: clamp(4.5rem, 14vw, 9rem); }
#dado-formacao-69-porcento-mulheres .art-number { max-width: clamp(4rem, 12vw, 8rem); }
#dado-formacao-427-atividades .art-number { max-width: clamp(6rem, 16vw, 9rem); }
.formed-row {
width: min(calc(100vw - 1rem), 900px) !important;
max-width: 900px !important;
min-height: clamp(5.25rem, 16vw, 8.75rem) !important;
background-image: url(//inesc.org.br/wp-content/themes/inesc/assets/fila-pessoas.webp), url(//inesc.org.br/wp-content/themes/inesc/assets/fila-pessoas.webp) !important;
background-repeat: no-repeat, no-repeat !important;
background-size: clamp(11rem, 34vw, 20rem) auto, clamp(11rem, 34vw, 20rem) auto !important;
background-position: left center, right center !important;
}
#dado-fila-1246-pessoas .art-number {
max-width: clamp(7.5rem, 20vw, 12.25rem) !important;
}
.formed-center {
grid-column: 2 !important;
grid-row: 1 !important;
}
.formed-wing {
display: none !important;
}
#item-metrica-atividades-realizadas {
position: relative;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
grid-template-rows: auto auto auto !important;
align-items: center !important;
justify-items: center !important;
width: 100vw !important;
max-width: none !important;
min-height: clamp(5.75rem, 24vw, 11rem) !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: hidden !important;
}
#item-metrica-atividades-realizadas::before,
#item-metrica-atividades-realizadas::after {
content: "";
grid-row: 1 / 4;
width: 100%;
height: clamp(4.7rem, 22vw, 10rem);
background-image: url(//inesc.org.br/wp-content/themes/inesc/assets/mulheres.webp);
background-repeat: no-repeat;
background-size: auto 100%;
align-self: center;
pointer-events: none;
}
#item-metrica-atividades-realizadas::before {
grid-column: 1;
justify-self: stretch;
background-position: right center;
}
#item-metrica-atividades-realizadas::after {
grid-column: 3;
justify-self: stretch;
background-position: left center;
}
#item-metrica-atividades-realizadas > .metric-label,
#item-metrica-atividades-realizadas > .metric-number,
#item-metrica-atividades-realizadas > .metric-caption {
grid-column: 2 !important;
position: relative;
z-index: 1;
width: auto !important;
max-width: clamp(5.5rem, 25vw, 12rem) !important;
margin: 0 !important;
}
#item-metrica-atividades-realizadas > .metric-label {
font-size: clamp(.64rem, 2vw, .95rem) !important;
line-height: 1 !important;
}
#item-metrica-atividades-realizadas > .metric-caption {
font-size: clamp(.62rem, 2vw, .95rem) !important;
line-height: 1.05 !important;
}
#dado-formacao-427-atividades .art-number {
max-width: clamp(5.25rem, 16vw, 9rem) !important;
}
.rights-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
max-width: min(70vw, 460px) !important;
gap: clamp(.45rem, 1vw, .85rem) !important;
}
.rights-item {
display: grid !important;
grid-template-columns: auto 1fr !important;
align-items: center !important;
column-gap: clamp(.6rem, 2vw, 1.25rem) !important;
}
.rights-number .art-number {
max-width: clamp(4.8rem, 15vw, 8rem) !important;
}
.rights-copy {
font-size: clamp(.88rem, 2.1vw, 1.08rem) !important;
line-height: 1.13 !important;
}
.publications-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
max-width: min(calc(100vw - 2rem), 720px) !important;
gap: clamp(.9rem, 2.4vw, 1.6rem) !important;
}
.publication-card {
width: 100% !important;
height: auto !important;
min-height: 11.5rem !important;
justify-content: space-between !important;
}
.publication-card:nth-child(11) {
grid-column: 1 / -1;
justify-self: center;
width: min(50%, 17rem) !important;
}
.publication-card > img:nth-child(2) {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
margin-top: -1.25rem !important;
max-width: clamp(7.25rem, 22vw, 11rem) !important;
z-index: 10 !important;
}
#grade-publicacoes-estudos .publication-card > p {
font-size: clamp(0.65rem, 1.4vw, 0.78rem) !important;
line-height: 1.5 !important;
margin-top: 0.5rem !important;
min-height: 3.2rem !important;
}
#grade-dados-incidencias-desktop {
display: none !important;
}
#grade-dados-incidencias-mobile {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
#grade-dados-incidencias-mobile h2 img {
width: clamp(120px, 32vw, 180px) !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin-inline: auto !important;
}
#grade-dados-incidencias-mobile .grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) !important;
align-items: start !important;
gap: clamp(0.2rem, 1.2vw, 0.65rem) !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
#grade-dados-incidencias-mobile .flex-col {
min-width: 0 !important;
width: 100% !important;
}
#grade-dados-incidencias-mobile p,
#grade-dados-incidencias-mobile span {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
white-space: normal !important;
text-align: center !important;
overflow-wrap: break-word !important;
}
#grade-dados-incidencias-mobile img {
display: block !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
#item-metrica-formados-orcamento,
#item-metrica-formados-orcamento * {
box-sizing: border-box;
}
#item-metrica-formados-orcamento {
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
display: block !important;
}
#item-metrica-formados-orcamento #dado-formados-540-img {
width: clamp(100px, 22vw, 135px) !important;
max-width: 100% !important;
}
#item-metrica-formados-orcamento #dado-formados-69-img {
width: clamp(100px, 24vw, 140px) !important;
max-width: 100% !important;
}
#item-metrica-formados-orcamento #imagem-seta-verde-formados {
width: clamp(38px, 9vw, 62px) !important;
max-width: 100% !important;
}
#item-metrica-formados-orcamento #imagem-grafico-circular-roxo {
width: clamp(72px, 18vw, 110px) !important;
max-width: 100% !important;
}
#item-metrica-formados-orcamento #dado-formados-frase-img {
width: clamp(230px, 58vw, 390px) !important;
max-width: 100% !important;
}
#item-metrica-formados-orcamento img {
display: block !important;
height: auto !important;
object-fit: contain !important;
}
#item-metrica-formados-orcamento p {
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
text-align: center !important;
overflow-wrap: break-word !important;
}
#debate-publico-desktop {
display: none !important;
}
#debate-publico-mobile {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
#secao-debate-publico #dado-debate-publico-titulo-mobile {
width: clamp(200px, 60vw, 320px) !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin-inline: auto !important;
}
#debate-publico-mobile #instagram-debate-mobile-block p {
font-size: clamp(0.9rem, 3.8vw, 1.3rem) !important;
line-height: 1.3 !important;
}
#debate-publico-mobile img#imagem-coração-decorativo-mobile {
position: absolute !important;
left: -0.5rem !important;
top: 45% !important;
width: clamp(55px, 16vw, 90px) !important;
transform: rotate(-10deg) !important;
z-index: 5 !important;
}
@media (max-width: 360px) {
#debate-publico-mobile img#imagem-coração-decorativo-mobile {
display: none !important;
}
}
#debate-publico-mobile #dado-instagram-18903-mobile img {
width: clamp(150px, 52vw, 260px) !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin-inline: auto !important;
}
#debate-publico-mobile p {
font-size: clamp(0.85rem, 3.2vw, 1.15rem) !important;
line-height: 1.3 !important;
}
#secao-debate-publico #dado-debate-publico-seguir-mobile {
width: clamp(280px, 90vw, 540px) !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin-inline: auto !important;
}
#grade-imprensa-orcamento-mobile,
#grade-imprensa-orcamento-mobile * {
box-sizing: border-box;
}
#grade-imprensa-orcamento-mobile {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: start !important;
gap: clamp(0.2rem, 1vw, 0.75rem) !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
#grade-imprensa-orcamento-mobile > div {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
#grade-imprensa-orcamento-mobile p {
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
text-align: center !important;
}
#grade-imprensa-orcamento-mobile img {
display: block !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
#grade-imprensa-orcamento-mobile .has-art,
#grade-imprensa-orcamento-mobile .art-img,
#grade-imprensa-orcamento-mobile .art-number {
max-width: 100% !important;
}
#grade-realizacoes-incidencias {
grid-template-columns: 1fr !important;
max-width: min(calc(100vw - 2rem), 760px) !important;
gap: 1rem !important;
}
.dot-item {
grid-template-columns: auto 1fr !important;
gap: clamp(.55rem, 2vw, 1rem) !important;
}
.dot-item p {
font-size: clamp(.9rem, 2vw, 1.08rem) !important;
line-height: 1.16 !important;
}
.agenda-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
max-width: min(calc(100vw - 2rem), 760px) !important;
gap: clamp(.75rem, 2vw, 1.25rem) !important;
}
.agenda-wide-left,
.agenda-wide-right {
grid-column: span 2 !important;
}
.participacao {
font-size: clamp(.72rem, 1.9vw, 1rem) !important;
line-height: 1.18 !important;
padding: clamp(.85rem, 3vw, 1.5rem) !important;
}
#grade-instagram-debate {
display: grid !important;
grid-template-columns: minmax(0, .35fr) minmax(0, 1fr) !important;
max-width: min(calc(100vw - 2rem), 660px) !important;
gap: .35rem !important;
}
#grade-instagram-debate > div:first-child {
grid-column: 1 !important;
grid-row: 2 !important;
align-self: center !important;
}
#grade-instagram-debate > div:nth-child(2) {
grid-column: 1 / -1 !important;
grid-row: 1 / span 2 !important;
}
#imagem-coracao-debate-publico {
width: clamp(3.25rem, 12vw, 5.5rem) !important;
}
#grade-imprensa-orcamento {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(2rem, 7vw, 4rem) minmax(0, 1fr) !important;
max-width: min(calc(100vw - 2rem), 720px) !important;
gap: clamp(.25rem, 1vw, .75rem) !important;
}
#grade-imprensa-orcamento > div {
padding: 0 !important;
}
#grade-imprensa-orcamento > div img {
width: clamp(2rem, 7vw, 4rem) !important;
}
#dado-imprensa-5200-citacoes .art-number,
#dado-orcamento-58-porcento-crescimento .art-number {
max-width: clamp(6.5rem, 20vw, 11rem) !important;
} #secao-orcamento-direitos {
overflow: hidden !important;
}
#grade-dados-orcamento-direitos {
width: 100% !important;
max-width: 430px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column !important;
gap: clamp(0.55rem, 2vw, 0.85rem) !important;
overflow: visible !important;
}
#grade-dados-orcamento-direitos .rights-item {
display: grid !important;
grid-template-columns: clamp(78px, 21vw, 112px) minmax(0, 1fr) !important;
align-items: center !important;
column-gap: clamp(0.55rem, 2vw, 0.9rem) !important;
width: clamp(300px, 88vw, 390px) !important;
max-width: 100% !important;
min-width: 0 !important;
}
#grade-dados-orcamento-direitos .rights-copy {
width: 100% !important;
max-width: 210px !important;
margin: 0 !important;
text-align: left !important;
white-space: normal !important;
overflow-wrap: break-word !important;
font-size: clamp(0.95rem, 3.2vw, 1.1rem) !important;
line-height: 1.08 !important;
font-weight: 500 !important;
}
#grade-dados-orcamento-direitos .rights-number {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
#grade-dados-orcamento-direitos img {
display: block !important;
height: auto !important;
object-fit: contain !important;
max-width: 100% !important;
}
#dado-orcamento-146-criancas img {
width: clamp(76px, 20vw, 105px) !important;
}
#dado-orcamento-53-meninas img {
width: clamp(68px, 18vw, 95px) !important;
}
#dado-orcamento-133-jovens img {
width: clamp(78px, 21vw, 108px) !important;
}
#dado-orcamento-208-liderancas img {
width: clamp(92px, 24vw, 128px) !important;
} #item-direito-criancas-adolescentes {
transform: translateX(0) !important;
}
#item-direito-meninas-ensino-medio {
transform: translateX(clamp(22px, 5vw, 34px)) !important;
}
#item-direito-jovens-adultos {
transform: translateX(clamp(48px, 11vw, 72px)) !important;
}
#item-direito-liderancas-movimentos {
transform: translateX(clamp(72px, 16vw, 104px)) !important;
}
}
@media (max-width: 639px) {
.section,
.section-wide,
.page {
max-width: 430px !important;
}
.section p:not(.has-art),
.section-wide p:not(.has-art),
.full-bleed p:not(.has-art) {
font-size: .84rem !important;
line-height: 1.14 !important;
}
.intro-copy-large {
font-size: .92rem !important;
line-height: 1.13 !important;
}
.headline.has-art .art-img,
.has-art .art-img,
.inline-art {
width: auto !important;
max-width: 82% !important;
}
#secao-apresentacao .art-img { max-width: 18rem !important; }
#secao-formacao-sensibilizacao h2 .art-img { max-width: 12rem !important; }
#secao-orcamento-direitos h3 .art-img { max-width: 18rem !important; }
#secao-campanhas-justica-clima h2 .art-img { max-width: 7.5rem !important; }
#secao-campanhas-justica-clima h3 .art-img { max-width: 13rem !important; }
#secao-estudos-publicacoes h2 .art-img { max-width: 13rem !important; }
#secao-estudos-publicacoes p.has-art .art-img { max-width: 11rem !important; }
#dado-estudos-12-publicacoes .art-number { max-width: 4.8rem !important; }
#secao-incidencias-politicas h2 .art-img { max-width: 7.25rem !important; }
#secao-agenda-internacional h2 .art-img { max-width: 13rem !important; }
#dado-agenda-8-espacos .art-number { max-width: 4rem !important; }
#grade-metricas-formacao {
max-width: 390px !important;
}
#grade-metricas-formacao > div:first-child {
grid-template-columns: 1fr 1.75rem 1fr !important;
gap: .25rem !important;
max-width: 380px !important;
}
#dado-formacao-25-mil .art-number { max-width: 7.7rem !important; }
#dado-formacao-59-porcento .art-number { max-width: 5.8rem !important; }
#dado-formacao-427-atividades .art-number { max-width: 5.9rem !important; }
#dado-formacao-540-formados .art-number { max-width: 6.2rem !important; }
#dado-formacao-69-porcento-mulheres .art-number { max-width: 6rem !important; }
#grade-metricas-formacao > div:first-child > picture:first-of-type img {
width: 1.7rem !important;
}
.formed-row {
min-height: 4.6rem !important;
background-size: 9.5rem auto, 9.5rem auto !important;
}
#dado-fila-1246-pessoas .art-number {
max-width: 7.7rem !important;
}
.rights-grid {
max-width: 260px !important;
}
.rights-number .art-number {
max-width: 4.75rem !important;
}
.rights-copy {
font-size: .76rem !important;
line-height: 1.1 !important;
}
.publications-grid {
max-width: 340px !important;
gap: 2.15rem 0.8rem !important;
padding-inline: 1rem !important;
}
.publication-card {
height: auto !important;
min-height: 10.2rem !important;
padding: .55rem .45rem .65rem !important;
justify-content: space-between !important;
}
.publication-card > img:nth-child(2) {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
margin-top: -1.25rem !important;
margin-inline: auto !important;
max-width: 6.35rem !important;
z-index: 10 !important;
}
#grade-publicacoes-estudos .publication-card > p {
font-size: 0.65rem !important;
line-height: 1.5 !important;
margin-top: 0.5rem !important;
min-height: 3.2rem !important;
}
.publication-card:nth-child(11) {
width: 50% !important;
}
.dot-item p {
font-size: .82rem !important;
line-height: 1.13 !important;
}
.dot-item img {
width: 2.15rem !important;
}
.agenda-grid {
max-width: 340px !important;
gap: .75rem !important;
padding-inline: 1rem !important;
}
.participacao {
font-size: .68rem !important;
line-height: 1.14 !important;
padding: .85rem !important;
}
#grade-instagram-debate {
display: block !important;
max-width: 360px !important;
}
#grade-instagram-debate > div:first-child {
margin: .35rem 0 -.5rem 2rem !important;
justify-content: flex-start !important;
}
#imagem-coracao-debate-publico {
width: 3.4rem !important;
}
#dado-instagram-18903-seguidores .art-number {
max-width: 9.75rem !important;
}
#grade-imprensa-orcamento {
grid-template-columns: 1fr 2rem 1fr !important;
max-width: 360px !important;
gap: .25rem !important;
}
#grade-imprensa-orcamento p:not(.has-art) {
font-size: .78rem !important;
line-height: 1.1 !important;
}
#grade-imprensa-orcamento > div img {
width: 2rem !important;
}
#dado-imprensa-5200-citacoes .art-number {
max-width: 7.8rem !important;
}
#dado-orcamento-58-porcento-crescimento .art-number {
max-width: 6.8rem !important;
}
#secao-sobre-o-inesc-institucional .art-img {
max-width: 9.5rem !important;
}
}
@media (max-width: 767px) {
.page,
.section,
.section-wide,
.full-bleed {
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.section,
.section-wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
.section > p,
.section > h1,
.section > h2,
.section > h3,
.section-wide > p,
.section-wide > h1,
.section-wide > h2,
.section-wide > h3,
.full-bleed > p,
.full-bleed > h1,
.full-bleed > h2,
.full-bleed > h3 {
width: min(calc(100vw - 2rem), 398px) !important;
max-width: min(calc(100vw - 2rem), 398px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.hero-full,
.hero-full img,
.formed-row,
.publications-grid,
#grade-metricas-formacao,
#grade-dados-incidencias-desktop,
#grade-dados-incidencias-mobile,
#grade-realizacoes-incidencias,
.agenda-grid,
#grade-instagram-debate,
#grade-imprensa-orcamento {
margin-left: auto !important;
margin-right: auto !important;
}
.formed-row {
width: 100vw !important;
max-width: none !important;
}
.publications-grid,
.agenda-grid,
#grade-metricas-formacao,
#grade-dados-incidencias-desktop,
#grade-dados-incidencias-mobile,
#grade-realizacoes-incidencias,
#grade-instagram-debate,
#grade-imprensa-orcamento {
width: min(100vw, 398px) !important;
}
}
@media (max-width: 639px) {
.formed-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(7.6rem, 30vw, 9.8rem) minmax(0, 1fr) !important;
width: 100vw !important;
max-width: none !important;
min-height: clamp(5.85rem, 24vw, 7.7rem) !important;
background-image: none !important;
overflow: hidden !important;
}
.formed-center {
grid-column: 2 !important;
min-width: 0 !important;
width: clamp(7.6rem, 30vw, 9.8rem) !important;
position: relative;
z-index: 2;
background: #fff;
}
#dado-fila-1246-pessoas .art-number {
max-width: clamp(7.35rem, 28vw, 9.45rem) !important;
}
.formed-row::before,
.formed-row::after {
content: "";
grid-row: 1;
width: 100%;
height: clamp(5.85rem, 24vw, 7.7rem);
background-image: url(//inesc.org.br/wp-content/themes/inesc/assets/fila-pessoas.webp);
background-repeat: no-repeat;
background-size: auto 100%;
pointer-events: none;
}
.formed-row::before {
grid-column: 1;
justify-self: stretch;
background-position: right center;
}
.formed-row::after {
grid-column: 3;
justify-self: stretch;
background-position: left center;
}
.metric-label,
.metric-caption,
.metric-wide-copy {
font-size: clamp(.64rem, 2.6vw, .78rem) !important;
line-height: 1.08 !important;
}
} #grade-publicacoes-estudos .publication-card {
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
#grade-publicacoes-estudos a.publication-card { text-decoration: none; color: inherit; cursor: pointer; }