{"id":230,"date":"2025-06-11T10:52:14","date_gmt":"2025-06-11T13:52:14","guid":{"rendered":"http:\/\/localhost\/olimpiadasmatematica\/system\/?page_id=230"},"modified":"2025-08-04T00:26:22","modified_gmt":"2025-08-04T03:26:22","slug":"materiais-de-estudo","status":"publish","type":"page","link":"https:\/\/eugeniodamatematica.com.br\/index.php\/materiais-de-estudo\/","title":{"rendered":"Materiais de estudo"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n* {
\n margin:0;
\n padding:0;
\n box-sizing: border-box;
\n}<\/p>\n

:root {
\n –color-1: #5503AC;
\n –color-2: #FF0200;
\n –color-3: #EEEEEE;
\n –color-4: #1F0046;
\n}<\/p>\n

@font-face {
\n font-family: ‘Geoform-Thin’;
\n src: url(‘https:\/\/eugeniodamatematica.com.br\/wp-content\/uploads\/assets\/fonts\/Geoform-Thin.otf’) format(‘opentype’);
\n font-weight: 100;
\n font-style: normal;
\n}<\/p>\n

@font-face {
\n font-family: ‘Geoform-Regular’;
\n src: url(‘https:\/\/eugeniodamatematica.com.br\/wp-content\/uploads\/assets\/fonts\/Geoform.otf’) format(‘opentype’);
\n font-weight: 400;
\n font-style: normal;
\n}<\/p>\n

@font-face {
\n font-family: ‘Geoform-Medium’;
\n src: url(‘https:\/\/eugeniodamatematica.com.br\/wp-content\/uploads\/assets\/fonts\/Geoform-Medium.otf’) format(‘opentype’);
\n font-weight: 500;
\n font-style: normal;
\n}<\/p>\n

@font-face {
\n font-family: ‘Geoform-Bold’;
\n src: url(‘https:\/\/eugeniodamatematica.com.br\/wp-content\/uploads\/assets\/fonts\/Geoform-Bold.otf’) format(‘opentype’);
\n font-weight: 700;
\n font-style: normal;
\n}<\/p>\n

@font-face {
\n font-family: ‘Geoform-ExtraBold’;
\n src: url(‘https:\/\/eugeniodamatematica.com.br\/wp-content\/uploads\/assets\/fonts\/Geoform-ExtraBold.otf’) format(‘opentype’);
\n font-weight: 800;
\n font-style: normal;
\n}<\/p>\n

html {
\n scroll-behavior: smooth;
\n}<\/p>\n

body {
\n font-family: ‘Geoform-Regular’, sans-serif;
\n font-size: 1rem;
\n line-height: 1.5;
\n color: white!important;
\n}<\/p>\n

a {
\n text-decoration: none;
\n color: inherit;
\n}<\/p>\n

.container {
\n width: 95%;
\n max-width: 1440px;
\n margin: 0 auto;
\n}
\n.flex {
\n display: flex;
\n}
\n.flex > * {
\n flex: 1;
\n}
\n.title {
\n width: fit-content;
\n font-family: ‘Geoform-ExtraBold’, sans-serif;
\n font-size: 3rem;
\n position: relative;
\n text-transform: uppercase;
\n color:white;
\n padding-bottom: 20px;
\n line-height: 1.2;
\n}
\n.title::after {
\n content: ”;
\n position: absolute;
\n width: 100%;
\n height: 10px;
\n background-color: var(–color-2);
\n bottom: -10px;
\n left: -30px;
\n}
\n.title–center {
\n text-align: center;
\n color: var(–color-1);
\n}
\n.title–center::after {
\n content: ”;
\n left: 50%;
\n transform: translateX(-50%);
\n background-color: var(–color-1);
\n}
\n.title–top::after {
\n content: ”;
\n position: absolute;
\n width: 100%;
\n background-color: var(–color-2);
\n top: -30px;
\n left: -30px;
\n}
\n.btn {
\n display: block;
\n padding: 10px 30px;
\n text-transform: uppercase;
\n color:white;
\n background-color: var(–color-1);
\n border-radius: 20px;
\n}<\/p>\n

@media (max-width:991px){
\n .title {
\n font-size:1.8rem;
\n padding-bottom:10px;
\n }
\n .title::after {
\n height: 5px;
\n }
\n .title–top::after {
\n top:-20px;
\n }
\n .title br {
\n display:contents;
\n }
\n}<\/p>\n

.header {
\n top:0;
\n background-color: var(–color-1);
\n height: 80px;
\n width: 100%;
\n position: fixed;
\n display: flex;
\n align-items: center;
\n z-index: 1000;
\n}
\n.header .container.flex {
\n align-items: center;
\n justify-content: space-between;
\n}
\n.header__logo {
\n font-family: ‘Geoform-ExtraBold’, sans-serif;
\n color:white;
\n}
\n.menu {
\n display: flex;
\n justify-content: flex-end;
\n}
\n.menu__list {
\n list-style: none;
\n display: flex;
\n gap: 20px;
\n}
\n.menu__item {
\n display: flex;
\n align-items: center;
\n}
\n.menu__link {
\n color:white;
\n text-transform: uppercase;
\n white-space: nowrap;
\n font-size: .8rem;
\n}
\n.menu__link.active {
\n display: block;
\n border-radius: 50px;
\n color: var(–color-1);
\n background-color: white;
\n padding:5px 15px;
\n}<\/p>\n

.menu__toggle {
\n display: none;
\n justify-content: center;
\n align-items: center;
\n position: relative;
\n margin-left: 20px;
\n width: 30px;
\n height: 30px;
\n}
\n.menu__toggle span,
\n.menu__toggle::before,
\n.menu__toggle::after {
\n content: “”;
\n position: absolute;
\n border-radius: 5px;
\n width: 70%;
\n height: 3px;
\n background-color: var(–color-1);
\n color: transparent;
\n}
\n.menu__toggle::before {
\n margin-top: -12px;
\n}
\n.menu__toggle::after {
\n margin-top: 12px;
\n}
\n.menu__toggle–close {
\n display: block;
\n position: fixed;
\n top: 20px;
\n right: 20px;
\n z-index: 10;
\n}
\n.menu__toggle–close span {
\n display: none;
\n}
\n.menu__toggle–close::before,
\n.menu__toggle–close::after {
\n background-color: var(–color-2);
\n}
\n.menu__toggle–close::before {
\n margin-top: 0;
\n transform: rotate(-45deg);
\n}
\n.menu__toggle–close::after {
\n margin-top: 0;
\n transform: rotate(45deg);
\n}
\n.menu–expanded {
\n position: fixed;
\n top: 0;
\n left: 0;
\n width: 100%;
\n height: 100vh;
\n justify-content: center;
\n background-color: var(–color-1);
\n z-index: 10;
\n overflow: hidden;
\n transition: all 250ms ease;
\n}
\n.menu–expanded .menu__list {
\n display: flex;
\n flex-direction: column;
\n justify-content: center;
\n}
\n.menu–expanded .menu__item {
\n padding: 20px;
\n height: fit-content;
\n width: fit-content;
\n flex-direction: column;
\n align-self: center;
\n}
\n.menu–expanded .menu__link {
\n color: white;
\n}
\n.menu–expanded .menu__link:hover {
\n color: var(–color-1);
\n}<\/p>\n

@media (max-width:991px){
\n .header__logo {
\n font-size:24px;
\n }
\n .pull-right {
\n display:flex;
\n justify-content:space-between;
\n }
\n .menu–expanded,
\n .menu__toggle–close {
\n z-index: 14;
\n }
\n .menu__toggle–close::before,
\n .menu__toggle–close::after {
\n background:black!important;
\n }
\n .menu__toggle{
\n display:flex;
\n }
\n .menu__list{
\n display:none;
\n }
\n .menu__link.active {
\n background:#00000050;
\n }
\n}<\/p>\n

.interna {
\n margin-top:40px;
\n background:var(–color-3);
\n min-height:100vh;
\n}
\n.interna .title {
\n padding-top:50px;
\n color:var(–color-1);
\n}
\n.interna ul {
\n margin-top:50px;
\n list-style:none;
\n display:flex;
\n flex-direction:column;
\n gap:10px;
\n}
\n.interna ul li h2 {
\n font-family:’Geoform-bold’, sans-serif;
\n color:var(–color-1);
\n margin-bottom:10px;
\n}
\n .interna ul li p {
\n color:#606060;
\n }
\n.interna ul li span.dash {
\n display:none;
\n}<\/p>\n

.banner {
\n position:fixed;
\n top:0;
\n left:0;
\n right:0;
\n bottom:0;
\n margin-top:30px;
\n height: 690px;
\n background: url(‘https:\/\/eugeniodamatematica.com.br\/wp-content\/uploads\/assets\/img\/banner-bg.png’) no-repeat center calc(100% + 1px);
\n}
\n.banner .container.flex {
\n height: 100%;
\n align-items: center;
\n justify-content: space-between;
\n}
\n.banner__image img {
\n max-width: 70%;
\n}
\n.banner__content {
\n margin: auto;
\n max-width: 600px;
\n}
\n.banner__content h2 {
\n color: var(–color-1);
\n font-size: 2.3rem;
\n}
\n.banner__content h2 .bold {
\n font-family: ‘Geoform-medium’, sans-serif;
\n}
\n.banner__content h2 .extra-bold {
\n font-family: ‘Geoform-ExtraBold’, sans-serif;
\n}
\n.banner__content h3 {
\n font-family: ‘Geoform-ExtraBold’, sans-serif;
\n color: var(–color-4);
\n font-size: 2.3rem;
\n}
\n.banner__content p {
\n font-size: 1.8rem;
\n color: var(–color-1);
\n}
\n.banner__content .btn {
\n margin-top: 20px;
\n float: right;
\n}
\n@media (max-width:991px){
\n .banner {
\n margin-top:100px;
\n background:none;
\n height:500px;
\n }
\n .banner .container.flex {
\n flex-direction:column;
\n }
\n .banner__image {
\n display:flex;
\n align-items:center;
\n justify-content:center;
\n }
\n .banner__content {
\n text-align:center;
\n }
\n .banner__content h2,
\n .banner__content h3{
\n font-size:1.8rem;
\n }
\n .banner__content p {
\n font-size:1.4rem;
\n }
\n .banner__content .btn {
\n float:none;
\n display:inline-block;
\n }
\n}
\n.quem-somos {
\n margin-top:660px;
\n padding: 100px 0;
\n background-color: var(–color-1);
\n}
\n.quem-somos .container.flex {
\n align-items: center;
\n}
\n.quem-somos__content-text {
\n margin-top: 30px;
\n color:white;
\n line-height: 1.5;
\n}
\n.quem-somos__content-text h3 {
\n margin-bottom: 20px;
\n}
\n.quem-somos__content-text p {
\n margin-bottom:20px;
\n}
\n.quem-somos__content-text .flex {
\n margin-top: 20px;
\n}
\n.quem-somos__content-text ul {
\n list-style: none;
\n display: flex;
\n flex-direction: column;
\n margin-top: 10px;
\n gap: 10px;
\n}
\n.quem-somos__image {
\n display: flex;
\n justify-content: flex-end;
\n}
\n.quem-somos__image img {
\n max-width: 100%;
\n object-fit: contain;
\n}<\/p>\n

@media (max-width:991px){
\n .quem-somos {
\n margin-top: 530px;
\n padding:30px 0;
\n }
\n .quem-somos .container.flex {
\n flex-direction:column;
\n gap:30px;
\n }
\n}
\n.provas-anteriores {
\n padding: 100px 0;
\n background-color: var(–color-3);
\n}
\n.provas-anteriores .title {
\n margin: auto;
\n}
\n.provas-anteriores p {
\n margin: 50px auto;
\n text-align: center;
\n max-width: 660px;
\n font-size: 1rem;
\n color:#606060;
\n}
\n.provas-anteriores ul {
\n list-style: none;
\n display: flex;
\n gap: 20px;
\n width: fit-content;
\n margin:auto;
\n}
\n.provas-anteriores li a {
\n display: flex;
\n flex-direction: column;
\n align-items: center;
\n gap:10px;
\n padding: 5px 15px 20px 15px;
\n background-color: var(–color-1);
\n}
\n.provas-anteriores__ano {
\n font-family: ‘Geoform-ExtraBold’, sans-serif;
\n font-size: 3rem;
\n color:white;
\n}
\n.provas-anteriores li > img {
\n max-width: 100px;
\n}
\n\/* .provas-anteriores li a {
\n margin-top:10px;
\n display: flex;
\n align-items: center;
\n gap:10px;
\n color: white;
\n text-transform: uppercase;
\n font-size: .9rem;
\n}*\/
\n@media (max-width: 991px){
\n .provas-anteriores {
\n padding: 40px 0;
\n }
\n .provas-anteriores ul {
\n flex-wrap:wrap;
\n justify-content:center;
\n }
\n}<\/p>\n

.materiais-de-estudo {
\n padding: 100px 0;
\n background-color: var(–color-4);
\n}
\n.materiais-de-estudo ul {
\n list-style: none;
\n display: flex;
\n flex-direction: column;
\n gap: 20px;
\n}
\n.materiais-de-estudo li {
\n display: flex;
\n gap:10px;
\n align-items: center;
\n color:white;
\n}
\n.materiais-de-estudo li p {
\n font-family: ‘Geoform-Thin’, sans-serif;
\n color:white;
\n}
\n.materiais-de-estudo li a {
\n display: flex;
\n align-items: center;
\n gap: 10px;
\n padding: 10px 20px;
\n background-color: var(–color-1);
\n font-size: 0.9rem;
\n border-radius: 10px;
\n color: white;
\n text-transform: uppercase;
\n}
\n@media (max-width:991px){
\n .materiais-de-estudo {
\n padding: 80px 0;
\n }
\n .materiais-de-estudo ul {
\n margin-top:20px;
\n gap:30px;
\n }
\n .materiais-de-estudo li {
\n flex-direction:column;
\n align-items:flex-start;
\n }
\n .materiais-de-estudo li .dash {
\n display:none;
\n }
\n .materiais-de-estudo__titulo {
\n font-size:1.2rem
\n }
\n}
\n.contato {
\n padding: 200px 0;
\n background-color: var(–color-1);
\n color:white;
\n}
\n.contato .container.flex {
\n align-items: center;
\n}
\n.contato__content address {
\n font-style: normal;
\n line-height: 2;
\n margin-bottom: 50px;
\n color:white;
\n}
\n.contato__content p {
\n margin-bottom: 10px;
\n}
\n.contato__content p:nth-of-type(3) {
\n margin-top: 50px;
\n}
\n.contato__content ul {
\n margin: 60px 0;
\n list-style: none;
\n display: flex;
\n gap: 10px;
\n}
\n.contato__content ul li img {
\n width: 60px;
\n}<\/p>\n

.contato__form label {
\n display: none;
\n}
\n.contato__form form {
\n display: flex;
\n flex-direction: column;
\n gap:20px;
\n}
\n.contato__form input,
\n.contato__form textarea {
\n width: 100%;
\n padding: 15px;
\n border: 2px solid white;
\n background: none;
\n font-family: ‘Geoform-Regular’, sans-serif;
\n color: white;
\n font-size: 1rem;
\n}
\n.contato__form input::placeholder,
\n.contato__form textarea::placeholder {
\n font-family: ‘Geoform-Regular’, sans-serif;
\n color: white;
\n font-size: 1rem;
\n}
\n.contato__form button {
\n all:unset;
\n display: block;
\n width: fit-content;
\n text-transform: uppercase;
\n color:white;
\n align-self: flex-end;
\n}
\n @media (max-width:991px){
\n .contato {
\n padding:100px 0 30px 0;
\n }
\n .contato .container.flex {
\n flex-direction:column-reverse;
\n gap:30px;
\n }
\n .contato__content {
\n display: flex;
\n align-items: center;
\n justify-content: center;
\n width: 100%;
\n flex-direction: column;
\n text-align: center;
\n }
\n .contato__form {
\n width:100%;
\n margin-top: 20px;
\n }
\n }\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\n
\n
\n
\n
\n
\n
\n

Eu G\u00eanio da Matem\u00e1tica<\/h1>\n
\n