/* =========================================================
FREEDOM LANGUAGE SCHOOL — CSS COMPLETO
Arquivo preparado para colar no campo de CSS.
Observação:
O JavaScript do menu mobile que estava no início do arquivo
original NÃO foi incluído aqui, pois JavaScript não deve ser
colado dentro de um campo de CSS.
========================================================= */
/* FREEDOM - Column Service */
.gdlr-core-column-service-media {
width: 80px !important;
max-width: 80px !important;
}
.gdlr-core-column-service-media img {
width: 80px !important;
max-width: 80px !important;
height: auto !important;
}
/* FREEDOM - Planejamento para cada estudante */
.freedom-planejamento {
margin: 0;
}
.freedom-plan-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
line-height: 1.55;
}
.freedom-check {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 20px;
width: 20px;
height: 20px;
margin-top: 2px;
border-radius: 50%;
background: #1557d6;
color: #ffffff;
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
.freedom-plan-item > span:last-child {
flex: 1;
}
/* ================================
FREEDOM - VISIBILIDADE RESPONSIVA
================================ */
/* Desktop / Tablet */
.freedom-desktop-only {
display: block !important;
}
.freedom-mobile-only {
display: none !important;
}
/* Celular */
@media only screen and (max-width: 767px) {
.freedom-desktop-only {
display: none !important;
}
.freedom-mobile-only {
display: block !important;
}
}
/* =========================================
FREEDOM - FACULDADE
Ajuste do topo somente no celular
========================================= */
@media only screen and (max-width: 767px) {
body.postid-401 .freedom-top-title {
margin-top: -180px !important;
}
}
/* =========================================================
ALUNOS DA FREEDOM NAS UNIVERSIDADES
CSS FINAL - DESKTOP, TABLET E MOBILE
========================================================= */
.freedom-alunos-section {
width: 100%;
max-width: 1320px;
margin: 42px auto;
padding: 0 20px;
box-sizing: border-box;
}
/* =========================================================
TÍTULO
========================================================= */
.freedom-alunos-header {
text-align: center;
margin-bottom: 28px;
}
.freedom-alunos-header h2 {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin: 0;
color: #173f7a !important;
font-size: 36px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
.freedom-alunos-header h2::before,
.freedom-alunos-header h2::after {
content: "";
width: 55px;
height: 3px;
background: #e30613;
border-radius: 10px;
flex: 0 0 55px;
}
.freedom-alunos-header p {
margin: 8px 0 0;
color: #26385e;
font-size: 18px;
line-height: 1.5;
}
/* =========================================================
CARROSSEL
========================================================= */
.freedom-alunos-carousel {
display: flex;
align-items: stretch;
gap: 22px;
width: 100%;
box-sizing: border-box;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px;
scrollbar-width: none;
}
.freedom-alunos-carousel::-webkit-scrollbar {
display: none;
}
/* =========================================================
CARDS
========================================================= */
.freedom-aluno-card {
flex: 0 0 300px;
min-width: 300px;
display: flex;
flex-direction: column;
background: #ffffff;
border: 1px solid #dfe5ef;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 5px 16px rgba(23, 63, 122, 0.10);
box-sizing: border-box;
}
/* =========================================================
FOTOS
========================================================= */
.freedom-aluno-foto {
display: block;
width: 100% !important;
aspect-ratio: 1 / 1;
height: auto !important;
object-fit: cover !important;
object-position: center center;
margin: 0 !important;
flex: 0 0 auto;
}
/* =========================================================
ENQUADRAMENTOS INDIVIDUAIS DAS FOTOS
========================================================= */
.aluno-emanuelle .freedom-aluno-foto {
object-position: center 30%;
}
.aluno-daniel .freedom-aluno-foto {
object-position: center 28%;
}
.aluno-felipe-goto .freedom-aluno-foto {
object-position: center 38%;
}
.aluno-amandha .freedom-aluno-foto {
object-fit: contain !important;
object-position: center center !important;
background: #ffffff;
}
.aluno-rafa .freedom-aluno-foto {
object-position: center center;
}
.aluno-daniel-tsutomu .freedom-aluno-foto {
object-position: center center;
}
.aluno-stephanie .freedom-aluno-foto {
object-position: center center;
}
.aluno-leticia .freedom-aluno-foto {
object-position: center center;
}
.aluno-enzo .freedom-aluno-foto {
object-position: center center;
}
.aluno-dylan .freedom-aluno-foto {
object-position: center center;
}
.aluno-matheus .freedom-aluno-foto {
object-position: center center;
}
/* =========================================================
CONTEÚDO
========================================================= */
.freedom-aluno-info {
flex: 1;
display: flex;
flex-direction: column;
padding: 20px 18px 24px;
text-align: center;
box-sizing: border-box;
}
/* =========================================================
NOME DO ALUNO
========================================================= */
.freedom-aluno-nome {
margin: 0 0 16px;
color: #173f7a;
font-size: 21px;
line-height: 1.3;
font-weight: 800;
}
/* =========================================================
ÁREA DOS LOGOS
========================================================= */
.freedom-logo-area {
width: 100%;
height: 125px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 14px;
box-sizing: border-box;
}
.freedom-aluno-logo {
display: block;
width: 98% !important;
max-width: 98% !important;
height: 115px !important;
max-height: 115px !important;
object-fit: contain !important;
margin: 0 auto !important;
}
/* =========================================================
AJUSTES INDIVIDUAIS DOS LOGOS
========================================================= */
/* TOKYO INTERNATIONAL UNIVERSITY */
.aluno-dylan .freedom-logo-area {
height: 135px;
}
.aluno-dylan .freedom-aluno-logo {
width: 115% !important;
max-width: 115% !important;
height: 130px !important;
max-height: 130px !important;
}
/* YAMANASHI GAKUIN UNIVERSITY */
.aluno-matheus .freedom-logo-area {
height: 135px;
}
.aluno-matheus .freedom-aluno-logo {
width: 118% !important;
max-width: 118% !important;
height: 130px !important;
max-height: 130px !important;
}
/* =========================================================
NOME DA UNIVERSIDADE
========================================================= */
.freedom-aluno-info h3 {
margin: 0 0 14px;
color: #173f7a !important;
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
min-height: 52px;
}
/* =========================================================
TEXTO
========================================================= */
.freedom-aluno-info p {
margin: 0;
color: #24345a;
font-size: 17px !important;
line-height: 1.6 !important;
font-weight: 400;
flex-grow: 1;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.freedom-aluno-card {
flex: 0 0 46%;
min-width: 46%;
}
.freedom-alunos-header h2 {
font-size: 32px !important;
}
.freedom-aluno-nome {
font-size: 22px;
}
.freedom-logo-area {
height: 135px;
}
.freedom-aluno-logo {
height: 125px !important;
max-height: 125px !important;
}
.freedom-aluno-info h3 {
font-size: 21px !important;
}
.freedom-aluno-info p {
font-size: 18px !important;
line-height: 1.65 !important;
}
/* Tokyo International */
.aluno-dylan .freedom-aluno-logo {
width: 115% !important;
max-width: 115% !important;
height: 135px !important;
max-height: 135px !important;
}
/* Yamanashi Gakuin */
.aluno-matheus .freedom-aluno-logo {
width: 118% !important;
max-width: 118% !important;
height: 135px !important;
max-height: 135px !important;
}
}
/* =========================================================
CELULAR
========================================================= */
@media (max-width: 767px) {
.freedom-alunos-section {
padding: 0 14px;
margin: 30px auto;
}
.freedom-alunos-header {
margin-bottom: 20px;
}
.freedom-alunos-header h2 {
display: block;
font-size: 29px !important;
line-height: 1.22 !important;
}
.freedom-alunos-header h2::before,
.freedom-alunos-header h2::after {
display: none;
}
.freedom-alunos-header p {
margin-top: 8px;
font-size: 17px;
line-height: 1.45;
}
/* CARROSSEL MOBILE */
.freedom-alunos-carousel {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding: 2px 8% 10px 0;
scrollbar-width: none;
}
.freedom-alunos-carousel::-webkit-scrollbar {
display: none;
}
/* CARD MOBILE */
.freedom-aluno-card {
flex: 0 0 90%;
min-width: 90%;
scroll-snap-align: start;
}
/* CONTEÚDO */
.freedom-aluno-info {
padding: 18px 18px 22px;
}
/* NOME */
.freedom-aluno-nome {
font-size: 23px;
line-height: 1.25;
margin: 0 0 4px !important;
}
/* LOGOS */
.freedom-logo-area {
height: 155px !important;
margin-bottom: 6px !important;
}
.freedom-aluno-logo {
width: 100% !important;
max-width: 100% !important;
height: 150px !important;
max-height: 150px !important;
object-fit: contain !important;
}
/* =========================================================
AJUSTES INDIVIDUAIS DOS LOGOS - MOBILE
========================================================= */
/* UAL - UNIVERSITY OF THE ARTS LONDON */
.aluno-felipe-goto .freedom-logo-area {
height: 170px !important;
}
.aluno-felipe-goto .freedom-aluno-logo {
width: 115% !important;
max-width: 115% !important;
height: 165px !important;
max-height: 165px !important;
}
/* TEMPLE UNIVERSITY JAPAN CAMPUS
Mantemos as duas classes para funcionar mesmo se o card
ainda estiver usando a classe antiga da Amandha. */
.aluno-amandha .freedom-logo-area,
.aluno-ana .freedom-logo-area {
height: 175px !important;
}
.aluno-amandha .freedom-aluno-logo,
.aluno-ana .freedom-aluno-logo {
width: 115% !important;
max-width: 115% !important;
height: 170px !important;
max-height: 170px !important;
}
/* NUCB */
.aluno-daniel-tsutomu .freedom-logo-area {
height: 175px !important;
}
.aluno-daniel-tsutomu .freedom-aluno-logo {
width: 118% !important;
max-width: 118% !important;
height: 170px !important;
max-height: 170px !important;
}
/* MEIJO UNIVERSITY */
.aluno-stephanie .freedom-logo-area {
height: 170px !important;
}
.aluno-stephanie .freedom-aluno-logo {
width: 118% !important;
max-width: 118% !important;
height: 165px !important;
max-height: 165px !important;
}
/* UNOH - UNIVERSITY OF NORTHWESTERN OHIO */
.aluno-enzo .freedom-logo-area {
height: 175px !important;
}
.aluno-enzo .freedom-aluno-logo {
width: 118% !important;
max-width: 118% !important;
height: 170px !important;
max-height: 170px !important;
}
/* TOKYO INTERNATIONAL - MOBILE */
.aluno-dylan .freedom-logo-area {
height: 170px !important;
}
.aluno-dylan .freedom-aluno-logo {
width: 118% !important;
max-width: 118% !important;
height: 165px !important;
max-height: 165px !important;
}
/* YAMANASHI GAKUIN - MOBILE */
.aluno-matheus .freedom-logo-area,
.aluno-matheus-stsuyoshi .freedom-logo-area {
height: 170px !important;
}
.aluno-matheus .freedom-aluno-logo,
.aluno-matheus-stsuyoshi .freedom-aluno-logo {
width: 118% !important;
max-width: 118% !important;
height: 165px !important;
max-height: 165px !important;
}
/* UNIVERSIDADE */
.freedom-aluno-info h3 {
min-height: 0;
font-size: 21px !important;
line-height: 1.3 !important;
margin: 0 0 10px;
}
/* TEXTO */
.freedom-aluno-info p {
font-size: 18px !important;
line-height: 1.55 !important;
margin: 0;
}
}
/* =========================================================
AJUSTE EXTRA - TEMPLE, NARIBI E TOKYO INTERNATIONAL
SOMENTE CELULAR
========================================================= */
@media (max-width: 767px) {
/* TEMPLE UNIVERSITY - ANA KORESSAWA */
.aluno-amandha .freedom-logo-area,
.aluno-ana .freedom-logo-area {
height: 185px !important;
}
.aluno-amandha .freedom-aluno-logo,
.aluno-ana .freedom-aluno-logo {
width: 115% !important;
max-width: 115% !important;
height: 180px !important;
max-height: 180px !important;
}
/* NARIBI SENMON GAKKO - LETICIA */
.aluno-leticia .freedom-logo-area {
height: 185px !important;
}
.aluno-leticia .freedom-aluno-logo {
width: 120% !important;
max-width: 120% !important;
height: 180px !important;
max-height: 180px !important;
}
/* TOKYO INTERNATIONAL UNIVERSITY - DYLAN */
.aluno-dylan .freedom-logo-area {
height: 185px !important;
}
.aluno-dylan .freedom-aluno-logo {
width: 125% !important;
max-width: 125% !important;
height: 180px !important;
max-height: 180px !important;
}
}
/* =========================================================
CARROSSEL COM SETAS - POSIÇÃO CORRIGIDA
========================================================= */
.freedom-carousel-wrapper {
position: relative;
width: 100%;
box-sizing: border-box;
}
/* =========================================================
CARROSSEL
========================================================= */
.freedom-carousel-wrapper .freedom-alunos-carousel {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 22px;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 2px 0 12px;
box-sizing: border-box;
scrollbar-width: none;
}
.freedom-carousel-wrapper .freedom-alunos-carousel::-webkit-scrollbar {
display: none;
}
/* =========================================================
DESKTOP - 4 CARDS COMPLETOS
========================================================= */
.freedom-carousel-wrapper .freedom-aluno-card {
flex: 0 0 calc((100% - 66px) / 4) !important;
min-width: calc((100% - 66px) / 4) !important;
scroll-snap-align: start;
}
/* =========================================================
SETAS
========================================================= */
.freedom-carousel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 50;
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0 !important;
border: 1px solid #dfe5ef !important;
border-radius: 50% !important;
background: #ffffff !important;
color: #173f7a !important;
font-size: 27px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-shadow: 0 4px 14px rgba(23, 63, 122, 0.18);
cursor: pointer;
}
/* SETA ESQUERDA - FORA DOS CARDS */
.freedom-arrow-left {
left: -58px;
}
/* SETA DIREITA - FORA DOS CARDS */
.freedom-arrow-right {
right: -58px;
}
/* HOVER */
.freedom-carousel-arrow:hover {
background: #173f7a !important;
color: #ffffff !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.freedom-carousel-wrapper .freedom-alunos-carousel {
gap: 18px;
}
.freedom-carousel-wrapper .freedom-aluno-card {
flex: 0 0 calc((100% - 18px) / 2) !important;
min-width: calc((100% - 18px) / 2) !important;
}
.freedom-carousel-arrow {
width: 42px;
height: 42px;
font-size: 24px !important;
}
.freedom-arrow-left {
left: -18px;
}
.freedom-arrow-right {
right: -18px;
}
}
/* =========================================================
CELULAR
========================================================= */
@media (max-width: 767px) {
.freedom-carousel-wrapper .freedom-alunos-carousel {
gap: 14px;
padding: 2px 8% 10px 0;
}
.freedom-carousel-wrapper .freedom-aluno-card {
flex: 0 0 90% !important;
min-width: 90% !important;
}
.freedom-carousel-arrow {
width: 38px;
height: 38px;
font-size: 21px !important;
opacity: 0.92;
}
.freedom-arrow-left {
left: 4px;
}
.freedom-arrow-right {
right: 4px;
}
}
/* CORREÇÃO FINAL - POSIÇÃO DAS SETAS */
.freedom-carousel-arrow {
top: 50% !important;
transform: translateY(-50%) !important;
}
.freedom-arrow-left {
left: 0 !important;
}
.freedom-arrow-right {
right: 0 !important;
}
/* POSIÇÃO FINAL DAS SETAS - NA ALTURA DAS FOTOS */
.freedom-carousel-arrow {
top: 240px !important;
transform: translateY(-50%) !important;
}
.freedom-arrow-left {
left: 0 !important;
}
.freedom-arrow-right {
right: 0 !important;
}
/* CENTRALIZAR O SÍMBOLO DENTRO DO CÍRCULO */
.freedom-carousel-arrow {
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding-bottom: 5px !important;
box-sizing: border-box !important;
}
/* AJUSTE FINO - SUBIR AS SETAS */
.freedom-carousel-arrow {
top: 215px !important;
}
/* FORÇAR AS DUAS SETAS PARA CIMA */
body .freedom-alunos-section
.freedom-carousel-wrapper
.freedom-carousel-arrow {
top: 205px !important;
transform: translateY(-50%) !important;
}
/* LOGO — SHIZUOKA INSTITUTE OF TECHNOLOGY */
.aluno-matheus-stsuyoshi .freedom-aluno-logo {
width: 120% !important;
max-width: 330px !important;
}
/* =========================================================
CARLETON UNIVERSITY — LOGO MAIOR E CENTRALIZADO
========================================================= */
.freedom-logo-area .freedom-logo-carleton {
width: 190% !important;
max-width: none !important;
height: auto !important;
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
/* =========================================================
CURSO DE ALFABETIZAÇÃO EM PORTUGUÊS
TOPO DA PÁGINA
========================================================= */
/* HERO / TÍTULO PRINCIPAL */
.freedom-alfabetizacao-hero {
width: 100%;
max-width: 1100px;
margin: 0 auto 24px;
padding: 0 20px;
box-sizing: border-box;
}
.freedom-alfabetizacao-hero h1 {
margin: 0 0 12px;
font-size: 46px;
line-height: 1.12;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-hero h1 span {
color: #173f7a;
}
.freedom-alfabetizacao-hero p {
margin: 0;
font-size: 18px;
line-height: 1.5;
color: #555555;
}
/* =========================================================
CURSO DE ALFABETIZAÇÃO EM PORTUGUÊS
TOPO DA PÁGINA
========================================================= */
/* =========================================================
HERO / TÍTULO PRINCIPAL
========================================================= */
.freedom-alfabetizacao-hero {
width: 100%;
max-width: 1100px;
margin: 0 auto 24px;
padding: 0 20px;
box-sizing: border-box;
}
.freedom-alfabetizacao-hero h1 {
margin: 0 0 12px;
font-size: 46px;
line-height: 1.12;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-hero h1 span {
color: #173f7a;
}
.freedom-alfabetizacao-hero p {
margin: 0;
font-size: 18px;
line-height: 1.5;
color: #555555;
}
/* =========================================================
BLOCO "SEU FILHO ESTUDA EM ESCOLA JAPONESA?"
========================================================= */
.freedom-alfabetizacao-intro {
width: 100%;
max-width: 1100px;
margin: 28px auto 10px;
padding: 0 20px;
box-sizing: border-box;
}
.freedom-alfabetizacao-intro h2 {
margin: 0 0 18px;
font-size: 38px;
line-height: 1.18;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-intro p {
margin: 0 0 16px;
font-size: 18px;
line-height: 1.65;
color: #555555;
}
.freedom-alfabetizacao-intro strong {
font-weight: 700;
color: #333333;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 1024px) {
.freedom-alfabetizacao-hero h1 {
font-size: 40px;
}
.freedom-alfabetizacao-hero p {
font-size: 17px;
}
.freedom-alfabetizacao-intro h2 {
font-size: 34px;
}
.freedom-alfabetizacao-intro p {
font-size: 17px;
}
}
/* =========================================================
CELULAR
========================================================= */
@media screen and (max-width: 767px) {
.freedom-alfabetizacao-hero {
margin: 0 auto 10px;
padding: 0 14px;
text-align: center;
}
.freedom-alfabetizacao-hero h1 {
margin: 0 0 7px;
font-size: 28px;
line-height: 1.12;
font-weight: 800;
}
.freedom-alfabetizacao-hero p {
margin: 0;
font-size: 15px;
line-height: 1.4;
}
.freedom-alfabetizacao-intro {
margin: 18px auto 8px;
padding: 0 14px;
}
.freedom-alfabetizacao-intro h2 {
margin: 0 0 13px;
font-size: 27px;
line-height: 1.16;
font-weight: 800;
}
.freedom-alfabetizacao-intro p {
margin: 0 0 13px;
font-size: 16px;
line-height: 1.5;
}
}
/* =========================================================
CELULARES MENORES
========================================================= */
@media screen and (max-width: 420px) {
.freedom-alfabetizacao-hero {
padding: 0 12px;
}
.freedom-alfabetizacao-hero h1 {
font-size: 27px;
line-height: 1.1;
}
.freedom-alfabetizacao-hero p {
font-size: 15px;
}
.freedom-alfabetizacao-intro {
padding: 0 12px;
}
.freedom-alfabetizacao-intro h2 {
font-size: 26px;
}
.freedom-alfabetizacao-intro p {
font-size: 16px;
line-height: 1.48;
}
}
/* =========================================================
CURSO DE ALFABETIZAÇÃO EM PORTUGUÊS
COMO DESENVOLVEMOS O PORTUGUÊS
========================================================= */
.freedom-alfabetizacao-metodo {
width: 100%;
max-width: 1100px;
margin: 44px auto 34px;
padding: 0 20px;
box-sizing: border-box;
}
.freedom-alfabetizacao-metodo-header {
text-align: center;
margin-bottom: 30px;
}
.freedom-alfabetizacao-metodo-header h2 {
margin: 0 0 10px;
font-size: 36px;
line-height: 1.2;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-metodo-header p {
margin: 0 auto;
max-width: 780px;
font-size: 17px;
line-height: 1.55;
color: #666666;
}
/* =========================================================
ETAPAS
========================================================= */
.freedom-alfabetizacao-metodo-etapas {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 10px;
margin-bottom: 28px;
}
.freedom-alfabetizacao-metodo-item {
width: 150px;
text-align: center;
flex: 0 0 auto;
}
.freedom-alfabetizacao-metodo-icon {
width: 72px;
height: 72px;
margin: 0 auto 10px;
border: 2px solid #dce5f0;
border-radius: 50%;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
font-size: 24px;
line-height: 1;
font-weight: 800;
color: #173f7a;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}
.freedom-alfabetizacao-metodo-item h3 {
margin: 0;
font-size: 17px;
line-height: 1.3;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-metodo-seta {
padding-top: 23px;
font-size: 28px;
line-height: 1;
font-weight: 700;
color: #aebbc9;
}
/* =========================================================
FAIXA FINAL
========================================================= */
.freedom-alfabetizacao-metodo-faixa {
max-width: 900px;
margin: 0 auto;
padding: 18px 22px;
border: 1px solid #dce5f0;
border-radius: 12px;
background: #f6f9fd;
text-align: center;
box-sizing: border-box;
}
.freedom-alfabetizacao-metodo-faixa strong {
display: block;
margin-bottom: 6px;
font-size: 18px;
line-height: 1.35;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-metodo-faixa span {
display: block;
font-size: 15px;
line-height: 1.5;
color: #555555;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 900px) {
.freedom-alfabetizacao-metodo-etapas {
flex-wrap: wrap;
gap: 18px 10px;
}
.freedom-alfabetizacao-metodo-seta {
display: none;
}
.freedom-alfabetizacao-metodo-item {
width: calc(33.333% - 10px);
}
}
/* =========================================================
CELULAR
========================================================= */
@media screen and (max-width: 767px) {
.freedom-alfabetizacao-metodo {
margin: 34px auto 26px;
padding: 0 14px;
}
.freedom-alfabetizacao-metodo-header {
margin-bottom: 22px;
}
.freedom-alfabetizacao-metodo-header h2 {
font-size: 27px;
line-height: 1.18;
}
.freedom-alfabetizacao-metodo-header p {
font-size: 15px;
line-height: 1.45;
}
.freedom-alfabetizacao-metodo-etapas {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 12px;
margin-bottom: 22px;
}
.freedom-alfabetizacao-metodo-item {
width: auto;
}
.freedom-alfabetizacao-metodo-item:last-of-type {
grid-column: 1 / -1;
max-width: 180px;
width: 100%;
justify-self: center;
}
.freedom-alfabetizacao-metodo-icon {
width: 62px;
height: 62px;
margin-bottom: 8px;
font-size: 21px;
}
.freedom-alfabetizacao-metodo-item h3 {
font-size: 16px;
}
.freedom-alfabetizacao-metodo-seta {
display: none;
}
.freedom-alfabetizacao-metodo-faixa {
padding: 16px 14px;
}
.freedom-alfabetizacao-metodo-faixa strong {
font-size: 17px;
}
.freedom-alfabetizacao-metodo-faixa span {
font-size: 14px;
line-height: 1.45;
}
}
/* =========================================================
CELULARES MENORES
========================================================= */
@media screen and (max-width: 420px) {
.freedom-alfabetizacao-metodo {
padding: 0 12px;
}
.freedom-alfabetizacao-metodo-etapas {
gap: 16px 10px;
}
.freedom-alfabetizacao-metodo-header h2 {
font-size: 26px;
}
.freedom-alfabetizacao-metodo-icon {
width: 58px;
height: 58px;
font-size: 20px;
}
.freedom-alfabetizacao-metodo-item h3 {
font-size: 15px;
}
}
/*
*
*
* =========================================================
CURSO DE ALFABETIZAÇÃO EM PORTUGUÊS
BENEFÍCIOS / DESENVOLVIMENTO
========================================================= */
.freedom-alfabetizacao-beneficios {
width: 100%;
max-width: 1100px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
}
.freedom-alfabetizacao-beneficios-header {
text-align: center;
margin-bottom: 28px;
}
.freedom-alfabetizacao-beneficios-header h2 {
margin: 0 0 10px;
font-size: 36px;
line-height: 1.2;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-beneficios-header p {
margin: 0 auto;
max-width: 760px;
font-size: 17px;
line-height: 1.55;
color: #666666;
}
.freedom-alfabetizacao-beneficios-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.freedom-alfabetizacao-beneficio-card {
background: #ffffff;
border: 1px solid #e3e8ef;
border-radius: 14px;
padding: 24px 18px;
text-align: center;
box-sizing: border-box;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}
.freedom-alfabetizacao-beneficio-icon {
margin-bottom: 12px;
font-size: 38px;
line-height: 1;
}
.freedom-alfabetizacao-beneficio-card h3 {
margin: 0 0 9px;
font-size: 22px;
line-height: 1.2;
font-weight: 800;
color: #173f7a;
}
.freedom-alfabetizacao-beneficio-card p {
margin: 0;
font-size: 16px;
line-height: 1.5;
color: #555555;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 900px) {
.freedom-alfabetizacao-beneficios-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* =========================================================
CELULAR
========================================================= */
@media screen and (max-width: 767px) {
.freedom-alfabetizacao-beneficios {
margin: 30px auto;
padding: 0 14px;
}
.freedom-alfabetizacao-beneficios-header {
margin-bottom: 20px;
}
.freedom-alfabetizacao-beneficios-header h2 {
font-size: 27px;
line-height: 1.18;
}
.freedom-alfabetizacao-beneficios-header p {
font-size: 15px;
line-height: 1.45;
}
.freedom-alfabetizacao-beneficios-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.freedom-alfabetizacao-beneficio-card {
padding: 18px 10px;
border-radius: 12px;
}
.freedom-alfabetizacao-beneficio-icon {
margin-bottom: 9px;
font-size: 31px;
}
.freedom-alfabetizacao-beneficio-card h3 {
margin-bottom: 7px;
font-size: 18px;
}
.freedom-alfabetizacao-beneficio-card p {
font-size: 14px;
line-height: 1.4;
}
}
/* =========================================================
CELULARES MENORES
========================================================= */
@media screen and (max-width: 420px) {
.freedom-alfabetizacao-beneficios {
padding: 0 12px;
}
.freedom-alfabetizacao-beneficios-grid {
gap: 10px;
}
.freedom-alfabetizacao-beneficio-card {
padding: 16px 8px;
}
.freedom-alfabetizacao-beneficio-card h3 {
font-size: 17px;
}
.freedom-alfabetizacao-beneficio-card p {
font-size: 13px;
line-height: 1.38;
}
}
/* =========================================================
AJUSTES DE LEGIBILIDADE NO CELULAR
CURSO DE ALFABETIZAÇÃO
========================================================= */
@media screen and (max-width: 767px) {
/* TEXTO INTRODUTÓRIO */
.freedom-alfabetizacao-intro {
padding-left: 10px;
padding-right: 10px;
}
.freedom-alfabetizacao-intro p {
font-size: 19px;
line-height: 1.55;
}
/* SUBTÍTULO DA SEÇÃO DE BENEFÍCIOS */
.freedom-alfabetizacao-beneficios-header p {
font-size: 18px;
line-height: 1.5;
}
/* TEXTO DOS CARDS */
.freedom-alfabetizacao-beneficio-card p {
font-size: 17px;
line-height: 1.45;
}
/* SUBTÍTULO "COMO DESENVOLVEMOS O PORTUGUÊS" */
.freedom-alfabetizacao-metodo-header p {
font-size: 18px;
line-height: 1.5;
}
/* NOMES DAS ETAPAS */
.freedom-alfabetizacao-metodo-item h3 {
font-size: 18px;
line-height: 1.3;
}
/* FAIXA FINAL */
.freedom-alfabetizacao-metodo-faixa strong {
font-size: 19px;
line-height: 1.4;
}
.freedom-alfabetizacao-metodo-faixa span {
font-size: 18px;
line-height: 1.5;
}
}
/* =========================================================
CELULARES MENORES
========================================================= */
@media screen and (max-width: 420px) {
.freedom-alfabetizacao-intro p {
font-size: 18px;
}
.freedom-alfabetizacao-beneficios-header p {
font-size: 17px;
}
.freedom-alfabetizacao-beneficio-card p {
font-size: 16px;
}
.freedom-alfabetizacao-metodo-header p {
font-size: 17px;
}
.freedom-alfabetizacao-metodo-item h3 {
font-size: 17px;
}
.freedom-alfabetizacao-metodo-faixa strong {
font-size: 18px;
}
.freedom-alfabetizacao-metodo-faixa span {
font-size: 17px;
}
}
/* =========================================================
ESCOLA JAPONESA / PORTUGUÊS - 3 CARDS
========================================================= */
.freedom-escola-japonesa-cards {
width: 100%;
max-width: 1100px;
margin: 32px auto 38px;
padding: 0 20px;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.freedom-escola-card {
background: #ffffff;
border: 1px solid #e3e8ef;
border-radius: 14px;
padding: 26px 22px;
text-align: center;
box-sizing: border-box;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}
.freedom-escola-icon {
min-height: 58px;
margin-bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
line-height: 1.1;
font-weight: 800;
color: #173f7a;
}
.freedom-escola-card h3 {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.25;
font-weight: 800;
color: #173f7a;
}
.freedom-escola-card p {
margin: 0;
font-size: 16px;
line-height: 1.55;
color: #555555;
}
/* TABLET */
@media screen and (max-width: 900px) {
.freedom-escola-japonesa-cards {
gap: 12px;
}
.freedom-escola-card {
padding: 22px 16px;
}
.freedom-escola-card h3 {
font-size: 19px;
}
}
/* CELULAR */
@media screen and (max-width: 767px) {
.freedom-escola-japonesa-cards {
grid-template-columns: 1fr;
margin: 26px auto 32px;
padding: 0 14px;
gap: 14px;
}
.freedom-escola-card {
padding: 24px 20px;
}
.freedom-escola-icon {
font-size: 31px;
min-height: auto;
margin-bottom: 12px;
}
.freedom-escola-card h3 {
font-size: 21px;
line-height: 1.25;
}
.freedom-escola-card p {
font-size: 18px;
line-height: 1.5;
}
}
/* =========================================================
REALIDADE DAS CRIANÇAS BRASILEIRAS NO JAPÃO
========================================================= */
.freedom-realidade-japao {
max-width: 1060px;
margin: 52px auto;
padding: 38px 42px;
box-sizing: border-box;
background: #eef5ff;
border-radius: 16px;
border-left: 5px solid #173f7a;
}
.freedom-realidade-selo {
display: inline-block;
margin-bottom: 14px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #173f7a;
}
.freedom-realidade-japao h2 {
margin: 0 0 20px;
font-size: 34px;
line-height: 1.2;
font-weight: 800;
color: #173f7a;
}
.freedom-realidade-japao p {
max-width: 850px;
margin: 0 0 15px;
font-size: 17px;
line-height: 1.65;
color: #444;
}
.freedom-realidade-japao p:last-child {
margin-bottom: 0;
}
/* CELULAR */
@media screen and (max-width: 767px) {
.freedom-realidade-japao {
margin: 34px 14px;
padding: 28px 22px;
border-radius: 14px;
border-left-width: 4px;
}
.freedom-realidade-selo {
font-size: 15px;
margin-bottom: 12px;
}
.freedom-realidade-japao h2 {
font-size: 28px;
line-height: 1.2;
margin-bottom: 18px;
}
.freedom-realidade-japao p {
font-size: 18px;
line-height: 1.6;
}
}
/* =========================================================
INFORMAÇÕES DO CURSO DE PORTUGUÊS
========================================================= */
.freedom-info-curso {
width: 100% !important;
max-width: 1100px !important;
margin: 35px auto !important;
padding: 0 20px !important;
box-sizing: border-box !important;
}
.freedom-info-curso-box {
width: 100% !important;
background: #eef5ff !important;
border: 1px solid #dce8f7 !important;
border-radius: 14px !important;
padding: 28px !important;
box-sizing: border-box !important;
text-align: center !important;
}
/* =========================================================
TÍTULO
========================================================= */
.freedom-info-curso-box h2 {
color: #173f7a !important;
font-size: 34px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-align: center !important;
margin: 0 0 24px 0 !important;
padding: 0 !important;
}
/* =========================================================
LINHA COM AS 4 INFORMAÇÕES
========================================================= */
.freedom-info-curso-linha {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: stretch !important;
gap: 14px !important;
box-sizing: border-box !important;
}
/* =========================================================
CADA CARD
========================================================= */
.freedom-info-curso-item {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
flex: 1 1 0 !important;
width: 25% !important;
min-width: 0 !important;
min-height: 220px !important;
background: #ffffff !important;
border-radius: 10px !important;
padding: 18px 14px 20px !important;
margin: 0 !important;
text-align: center !important;
box-sizing: border-box !important;
}
.freedom-info-curso-item span {
display: block !important;
text-align: center !important;
}
/* =========================================================
IMAGENS / ÍCONES
========================================================= */
.freedom-info-curso-img {
display: block !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 auto 14px !important;
}
/* CALENDÁRIO */
.freedom-info-calendario {
width: 78px !important;
max-width: 78px !important;
max-height: 78px !important;
}
/* RELÓGIO */
.freedom-info-relogio {
width: 78px !important;
max-width: 78px !important;
max-height: 78px !important;
}
/* ESCOLA / FREEDOM EM ANJO */
.freedom-info-escola {
width: 112px !important;
max-width: 112px !important;
max-height: 82px !important;
}
/* CRIANÇAS */
.freedom-info-criancas {
width: 112px !important;
max-width: 112px !important;
max-height: 84px !important;
}
/* =========================================================
DIA / HORÁRIO / MODALIDADE / PÚBLICO
========================================================= */
.freedom-info-curso-label {
color: #173f7a !important;
font-size: 16px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
margin: 0 0 9px 0 !important;
}
/* =========================================================
TEXTO PRINCIPAL DOS CARDS
========================================================= */
.freedom-info-curso-texto {
color: #333333 !important;
font-size: 20px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
margin: 0 !important;
}
/* =========================================================
FOCO
========================================================= */
.freedom-info-curso-foco {
display: block !important;
width: 100% !important;
color: #444444 !important;
font-size: 18px !important;
line-height: 1.6 !important;
text-align: center !important;
margin: 20px 0 0 0 !important;
padding: 0 !important;
}
.freedom-info-curso-foco strong {
color: #173f7a !important;
font-size: 18px !important;
font-weight: 800 !important;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 1024px) {
.freedom-info-curso {
padding: 0 18px !important;
}
.freedom-info-curso-box {
padding: 24px 20px !important;
}
.freedom-info-curso-linha {
gap: 12px !important;
}
.freedom-info-curso-item {
min-height: 215px !important;
padding: 18px 10px !important;
}
.freedom-info-curso-texto {
font-size: 19px !important;
}
}
/* =========================================================
CELULAR
========================================================= */
@media screen and (max-width: 767px) {
.freedom-info-curso {
margin: 28px auto !important;
padding: 0 14px !important;
}
.freedom-info-curso-box {
padding: 22px 14px !important;
border-radius: 12px !important;
}
.freedom-info-curso-box h2 {
font-size: 30px !important;
line-height: 1.2 !important;
margin-bottom: 20px !important;
}
/* 2 CARDS POR LINHA */
.freedom-info-curso-linha {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.freedom-info-curso-item {
width: 100% !important;
min-width: 0 !important;
min-height: 205px !important;
padding: 16px 10px 18px !important;
border-radius: 10px !important;
}
/* ÍCONES */
.freedom-info-calendario {
width: 70px !important;
max-width: 70px !important;
max-height: 70px !important;
}
.freedom-info-relogio {
width: 70px !important;
max-width: 70px !important;
max-height: 70px !important;
}
.freedom-info-escola {
width: 102px !important;
max-width: 102px !important;
max-height: 76px !important;
}
.freedom-info-criancas {
width: 102px !important;
max-width: 102px !important;
max-height: 78px !important;
}
/* TÍTULOS DOS CARDS */
.freedom-info-curso-label {
font-size: 15px !important;
line-height: 1.3 !important;
margin-bottom: 8px !important;
}
/* TEXTO DOS CARDS */
.freedom-info-curso-texto {
font-size: 19px !important;
line-height: 1.4 !important;
}
/* FOCO */
.freedom-info-curso-foco {
font-size: 18px !important;
line-height: 1.55 !important;
margin-top: 18px !important;
}
.freedom-info-curso-foco strong {
font-size: 18px !important;
}
}
/* =========================================================
CELULARES PEQUENOS
========================================================= */
@media screen and (max-width: 400px) {
.freedom-info-curso {
padding: 0 10px !important;
}
.freedom-info-curso-box {
padding: 20px 10px !important;
}
.freedom-info-curso-box h2 {
font-size: 28px !important;
}
.freedom-info-curso-linha {
gap: 9px !important;
}
.freedom-info-curso-item {
min-height: 195px !important;
padding: 15px 7px 17px !important;
}
.freedom-info-calendario,
.freedom-info-relogio {
width: 65px !important;
max-width: 65px !important;
}
.freedom-info-escola,
.freedom-info-criancas {
width: 94px !important;
max-width: 94px !important;
}
.freedom-info-curso-label {
font-size: 14px !important;
}
.freedom-info-curso-texto {
font-size: 18px !important;
line-height: 1.35 !important;
}
.freedom-info-curso-foco {
font-size: 17px !important;
}
.freedom-info-curso-foco strong {
font-size: 17px !important;
}
}
/* =========================================================
OCULTAR ELEMENTOS DE POST NO FINAL DA PÁGINA
========================================================= */
/* Compartilhamento */
.single-post .share-post,
.single-post .post-share,
.single-post .social-share,
.single-post .post-sharing,
.single-post .sharing {
display: none !important;
}
/* Navegação PREV / NEXT */
.single-post .post-navigation,
.single-post .navigation-post,
.single-post .single-post-navigation,
.single-post .posts-navigation,
.single-post .post-nav {
display: none !important;
}
/* Comentários / Leave a Reply */
.single-post #comments,
.single-post .comments-area,
.single-post .comment-respond,
.single-post #respond {
display: none !important;
}
/* =========================================================
POST 306 - LIMPAR RODAPÉ DO POST
========================================================= */
body.postid-306 .gdlr-core-blog-info-wrapper,
body.postid-306 .gdlr-core-blog-info,
body.postid-306 .gdlr-core-social-share-item,
body.postid-306 .gdlr-core-blog-info-social-share,
body.postid-306 .gdlr-core-pagination,
body.postid-306 .gdlr-core-blog-navigation,
body.postid-306 .gdlr-core-blog-post-navigation,
body.postid-306 .gdlr-core-post-navigation,
body.postid-306 .gdlr-core-post-nav,
body.postid-306 .navigation.post-navigation {
display: none !important;
}
/* =========================================================
POST 306 - REMOVER PREV / NEXT
========================================================= */
body.postid-306 .kingster-single-nav-area,
body.postid-306 .kingster-single-nav,
body.postid-306 .kingster-single-nav-left,
body.postid-306 .kingster-single-nav-right,
body.postid-306 .gdlr-core-post-navigation,
body.postid-306 .navigation.post-navigation,
body.postid-306 .nav-links {
display: none !important;
}
/* =========================================================
TÍTULO - OUTROS CURSOS DE PORTUGUÊS
========================================================= */
.freedom-outros-cursos-titulo {
width: 100%;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
}
.freedom-outros-cursos-titulo h2 {
color: #173f7a !important;
font-size: 30px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
}
/* CELULAR */
@media screen and (max-width: 767px) {
.freedom-outros-cursos-titulo {
margin-bottom: 22px !important;
}
.freedom-outros-cursos-titulo h2 {
font-size: 26px !important;
line-height: 1.3 !important;
}
}
/* =========================================================
REMOVER ELEMENTOS DE POST DAS PÁGINAS DO SITE
Compartilhamento + navegação PREV/NEXT
========================================================= */
/* 0 SHARES / redes sociais */
.gdlr-core-social-share-item,
.gdlr-core-blog-info-social-share,
.gdlr-core-blog-info-wrapper {
display: none !important;
}
/* PREV / NEXT */
.kingster-single-nav-area,
.kingster-single-nav,
.kingster-single-nav-left,
.kingster-single-nav-right,
.gdlr-core-post-navigation,
.gdlr-core-blog-post-navigation,
.gdlr-core-blog-navigation,
.navigation.post-navigation,
.nav-links {
display: none !important;
}
/* =========================================
CURSO DE INGLÊS - BLOCO INICIAL
========================================= */
.freedom-ingles-intro {
max-width: 1000px;
margin: 0 auto;
padding: 35px 20px 30px;
text-align: center !important;
box-sizing: border-box;
}
.freedom-ingles-intro h1 {
color: #173f7a !important;
font-size: 42px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-align: center !important;
margin: 0 0 18px !important;
}
.freedom-ingles-intro .freedom-ingles-subtitulo {
max-width: 800px;
margin: 0 auto 22px !important;
color: #333333 !important;
font-size: 22px !important;
line-height: 1.5 !important;
text-align: center !important;
}
.freedom-ingles-intro .freedom-ingles-subtitulo strong {
color: #173f7a !important;
font-weight: 700 !important;
}
.freedom-ingles-intro .freedom-ingles-descricao {
max-width: 850px;
margin: 0 auto !important;
color: #555555 !important;
font-size: 18px !important;
line-height: 1.7 !important;
text-align: center !important;
}
/* CELULAR */
@media screen and (max-width: 767px) {
.freedom-ingles-intro {
padding: 25px 16px 22px;
}
.freedom-ingles-intro h1 {
font-size: 32px !important;
line-height: 1.2 !important;
margin-bottom: 15px !important;
}
.freedom-ingles-intro .freedom-ingles-subtitulo {
font-size: 20px !important;
line-height: 1.5 !important;
margin-bottom: 18px !important;
}
.freedom-ingles-intro .freedom-ingles-descricao {
font-size: 18px !important;
line-height: 1.65 !important;
}
}
/* =========================================
CURSO DE INGLÊS - VÍDEO
========================================= */
.freedom-ingles-video-titulo {
max-width: 850px;
margin: 0 auto;
padding: 5px 20px 18px;
text-align: center;
}
.freedom-ingles-video-titulo h2 {
color: #173f7a !important;
font-size: 32px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
margin: 0 0 10px !important;
}
.freedom-ingles-video-titulo p {
color: #555555 !important;
font-size: 18px !important;
line-height: 1.6 !important;
margin: 0 !important;
}
/* CELULAR */
@media screen and (max-width: 767px) {
.freedom-ingles-video-titulo {
padding: 5px 16px 15px;
}
.freedom-ingles-video-titulo h2 {
font-size: 27px !important;
line-height: 1.3 !important;
margin-bottom: 8px !important;
}
.freedom-ingles-video-titulo p {
font-size: 18px !important;
line-height: 1.6 !important;
}
}
/* =========================================
CURSO DE INGLÊS - BENEFÍCIOS
========================================= */
.freedom-ingles-beneficios {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 55px 20px 50px;
box-sizing: border-box;
}
.freedom-ingles-beneficios > h2 {
color: #173f7a !important;
font-size: 36px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
text-align: center !important;
margin: 0 0 12px !important;
}
.freedom-beneficios-subtitulo {
max-width: 760px;
margin: 0 auto 32px !important;
color: #555555 !important;
font-size: 18px !important;
line-height: 1.6 !important;
text-align: center !important;
}
/* =========================================
GRID - 4 CARDS EM UMA LINHA
========================================= */
.freedom-beneficios-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
align-items: stretch;
width: 100%;
}
/* =========================================
CARDS
========================================= */
.freedom-beneficio-card {
min-width: 0 !important;
width: auto !important;
background: #ffffff;
border: 1px solid #e1e7ef;
border-radius: 14px;
padding: 28px 20px 26px;
text-align: center;
box-sizing: border-box;
box-shadow: 0 4px 14px rgba(23, 63, 122, 0.07);
}
/* =========================================
ÍCONES
========================================= */
.freedom-beneficio-icone {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
border-radius: 50%;
border: 1px solid #d8e5f5;
background: #eef5ff;
color: #173f7a;
}
.freedom-beneficio-icone svg {
display: block;
width: 32px;
height: 32px;
fill: none;
stroke: #173f7a;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
/* =========================================
TÍTULOS
========================================= */
.freedom-beneficio-card h3 {
color: #173f7a !important;
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
margin: 0 0 10px !important;
text-align: center !important;
}
/* =========================================
TEXTOS
========================================= */
.freedom-beneficio-card p {
color: #555555 !important;
font-size: 16px !important;
line-height: 1.6 !important;
margin: 0 !important;
text-align: center !important;
}
/* =========================================
CELULAR
========================================= */
@media screen and (max-width: 767px) {
.freedom-ingles-beneficios {
padding: 40px 16px 35px;
}
.freedom-ingles-beneficios > h2 {
font-size: 30px !important;
line-height: 1.25 !important;
}
.freedom-beneficios-subtitulo {
font-size: 18px !important;
line-height: 1.6 !important;
margin-bottom: 25px !important;
}
.freedom-beneficios-grid {
grid-template-columns: 1fr !important;
gap: 14px !important;
max-width: 440px;
margin: 0 auto;
}
.freedom-beneficio-card {
padding: 24px 18px;
}
.freedom-beneficio-icone {
width: 68px;
height: 68px;
margin-bottom: 13px;
}
.freedom-beneficio-icone svg {
width: 34px;
height: 34px;
}
.freedom-beneficio-card h3 {
font-size: 21px !important;
}
.freedom-beneficio-card p {
font-size: 17px !important;
line-height: 1.6 !important;
}
}
/* =========================================
CURSO DE INGLÊS - NÍVEIS
========================================= */
.freedom-ingles-niveis {
max-width: 1100px;
margin: 0 auto;
padding: 45px 20px 50px;
box-sizing: border-box;
}
.freedom-ingles-niveis-header {
text-align: center;
margin-bottom: 32px;
}
.freedom-ingles-niveis-header h2 {
margin: 0 0 10px !important;
color: #173f7a !important;
font-size: 36px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-align: center !important;
}
.freedom-ingles-niveis-header p {
max-width: 760px;
margin: 0 auto !important;
color: #555555 !important;
font-size: 18px !important;
line-height: 1.6 !important;
text-align: center !important;
}
.freedom-ingles-niveis-lista {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
flex-wrap: nowrap;
}
.freedom-ingles-nivel {
min-width: 135px;
text-align: center;
}
.freedom-ingles-nivel span {
width: 54px;
height: 54px;
margin: 0 auto 12px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #173f7a;
color: #ffffff;
font-size: 23px;
line-height: 1;
font-weight: 800;
box-sizing: border-box;
}
.freedom-ingles-nivel strong {
display: block;
color: #173f7a;
font-size: 16px;
line-height: 1.3;
font-weight: 800;
}
.freedom-ingles-seta {
color: #aebbc9;
font-size: 28px;
line-height: 1;
font-weight: 700;
margin-top: -20px;
}
.freedom-ingles-nivel-final span {
background: #e30613;
}
.freedom-ingles-nivel-final strong {
color: #e30613;
}
/* TABLET */
@media screen and (max-width: 950px) {
.freedom-ingles-niveis-lista {
flex-wrap: wrap;
gap: 22px 12px;
}
.freedom-ingles-seta {
display: none;
}
.freedom-ingles-nivel {
width: calc(33.333% - 12px);
min-width: 0;
}
}
/* CELULAR */
@media screen and (max-width: 767px) {
.freedom-ingles-niveis {
padding: 38px 16px 40px;
}
.freedom-ingles-niveis-header {
margin-bottom: 26px;
}
.freedom-ingles-niveis-header h2 {
font-size: 30px !important;
line-height: 1.25 !important;
}
.freedom-ingles-niveis-header p {
font-size: 18px !important;
line-height: 1.6 !important;
}
.freedom-ingles-niveis-lista {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px 14px;
}
.freedom-ingles-nivel {
width: auto;
min-width: 0;
}
.freedom-ingles-nivel-final {
grid-column: 1 / -1;
max-width: 220px;
width: 100%;
justify-self: center;
}
.freedom-ingles-nivel span {
width: 58px;
height: 58px;
font-size: 24px;
margin-bottom: 10px;
}
.freedom-ingles-nivel strong {
font-size: 17px;
}
.freedom-ingles-seta {
display: none;
}
}
/* =========================================================
CURSO DE INGLÊS - HERO PRINCIPAL
========================================================= */
.freedom-ingles-hero {
width: 100%;
max-width: 1180px;
margin: 25px auto 45px;
padding: 42px 46px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 46px;
box-sizing: border-box;
background:
linear-gradient(
120deg,
#ffffff 0%,
#ffffff 54%,
#f0f6fd 100%
);
border-radius: 18px;
box-shadow:
0 8px 28px rgba(23, 63, 122, 0.10);
overflow: hidden;
}
/* =========================================================
COLUNAS
========================================================= */
.freedom-ingles-hero-col {
min-width: 0;
}
/* =========================================================
SELO
========================================================= */
.freedom-ingles-hero-selo {
display: inline-block;
margin-bottom: 12px;
color: #e30613;
font-size: 14px;
line-height: 1.3;
font-weight: 800;
letter-spacing: 1px;
}
/* =========================================================
TÍTULO
========================================================= */
.freedom-ingles-hero h1 {
margin: 0 0 18px !important;
color: #173f7a !important;
font-size: 48px !important;
line-height: 1.08 !important;
font-weight: 800 !important;
text-align: left !important;
}
/* =========================================================
SUBTÍTULO
========================================================= */
.freedom-ingles-hero-subtitulo {
max-width: 520px;
margin: 0 0 24px !important;
color: #333333 !important;
font-size: 20px !important;
line-height: 1.55 !important;
text-align: left !important;
}
.freedom-ingles-hero-subtitulo strong {
color: #173f7a !important;
font-weight: 800 !important;
}
/* =========================================================
BENEFÍCIOS
========================================================= */
.freedom-ingles-hero-beneficios {
margin-bottom: 28px;
}
.freedom-ingles-hero-beneficios > div {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
color: #26385e;
font-size: 17px;
line-height: 1.45;
font-weight: 600;
}
.freedom-ingles-hero-beneficios span {
flex: 0 0 24px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #173f7a;
color: #ffffff;
font-size: 14px;
line-height: 1;
font-weight: 800;
}
/* =========================================================
BOTÃO
========================================================= */
.freedom-ingles-hero-botao {
display: inline-block;
padding: 15px 24px;
background: #e30613 !important;
color: #ffffff !important;
border-radius: 8px;
font-size: 15px;
line-height: 1.3;
font-weight: 800;
text-decoration: none !important;
transition:
transform 0.2s ease,
background 0.2s ease;
}
.freedom-ingles-hero-botao:hover {
background: #bd0711 !important;
color: #ffffff !important;
transform: translateY(-2px);
}
/* =========================================================
ÁREA DO VÍDEO
========================================================= */
.freedom-ingles-video-box {
width: 100%;
padding: 10px;
background: #ffffff;
border-radius: 16px;
box-sizing: border-box;
box-shadow:
0 8px 25px rgba(23, 63, 122, 0.16);
}
.freedom-ingles-video-placeholder {
width: 100%;
aspect-ratio: 16 / 10;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
border-radius: 12px;
text-align: center;
background:
linear-gradient(
135deg,
#e9f0f9,
#cfdced
);
color: #173f7a;
}
.freedom-ingles-video-play {
width: 68px;
height: 68px;
margin-bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
padding-left: 4px;
border-radius: 50%;
background: #e30613;
color: #ffffff;
font-size: 29px;
box-shadow:
0 5px 18px rgba(227, 6, 19, 0.24);
}
.freedom-ingles-video-placeholder strong {
display: block;
margin-bottom: 5px;
color: #173f7a;
font-size: 20px;
line-height: 1.35;
font-weight: 800;
}
.freedom-ingles-video-placeholder > span {
display: block;
color: #65748a;
font-size: 15px;
line-height: 1.4;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 950px) {
.freedom-ingles-hero {
padding: 36px 30px;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.freedom-ingles-hero h1 {
font-size: 40px !important;
}
.freedom-ingles-hero-subtitulo {
font-size: 18px !important;
}
.freedom-ingles-hero-beneficios > div {
font-size: 16px;
}
}
/* =========================================================
CELULAR
========================================================= */
@media screen and (max-width: 767px) {
.freedom-ingles-hero {
margin: 15px auto 32px;
padding: 30px 18px;
grid-template-columns: 1fr;
gap: 30px;
border-radius: 14px;
text-align: center;
}
.freedom-ingles-hero-texto {
text-align: center;
}
.freedom-ingles-hero-selo {
margin-bottom: 10px;
font-size: 13px;
}
.freedom-ingles-hero h1 {
font-size: 34px !important;
line-height: 1.15 !important;
text-align: center !important;
}
.freedom-ingles-hero-subtitulo {
max-width: 100%;
margin-bottom: 24px !important;
font-size: 19px !important;
line-height: 1.55 !important;
text-align: center !important;
}
.freedom-ingles-hero-beneficios {
max-width: 430px;
margin: 0 auto 26px;
text-align: left;
}
.freedom-ingles-hero-beneficios > div {
align-items: flex-start;
font-size: 17px;
line-height: 1.45;
}
.freedom-ingles-hero-beneficios span {
margin-top: 1px;
}
.freedom-ingles-hero-botao {
padding: 15px 21px;
font-size: 15px;
}
.freedom-ingles-video-box {
max-width: 520px;
margin: 0 auto;
}
.freedom-ingles-video-placeholder strong {
font-size: 19px;
}
.freedom-ingles-video-placeholder > span {
font-size: 15px;
}
}
/* =========================================================
CELULARES MENORES
========================================================= */
@media screen and (max-width: 420px) {
.freedom-ingles-hero {
padding: 27px 14px;
}
.freedom-ingles-hero h1 {
font-size: 31px !important;
}
.freedom-ingles-hero-subtitulo {
font-size: 18px !important;
}
.freedom-ingles-hero-beneficios > div {
font-size: 16px;
}
}
/* =========================================================
CURSO DE INGLÊS
INGLÊS PARA CADA ETAPA DA SUA VIDA
========================================================= */
.freedom-ingles-objetivos {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 48px 28px 52px;
box-sizing: border-box;
background: #f5f9ff;
border-radius: 16px;
}
/* =========================================================
CABEÇALHO
========================================================= */
.freedom-ingles-objetivos-header {
text-align: center;
margin-bottom: 38px;
}
.freedom-ingles-objetivos-header h2 {
margin: 0 0 10px !important;
color: #173f7a !important;
font-size: 36px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-align: center !important;
}
.freedom-ingles-objetivos-header p {
max-width: 720px;
margin: 0 auto !important;
color: #555555 !important;
font-size: 18px !important;
line-height: 1.55 !important;
text-align: center !important;
}
/* =========================================================
GRID - 4 COLUNAS NO DESKTOP E TABLET
========================================================= */
.freedom-ingles-objetivos-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
width: 100% !important;
}
/* =========================================================
CADA OBJETIVO
========================================================= */
.freedom-ingles-objetivo {
position: relative;
min-width: 0;
padding: 8px 26px 10px;
text-align: center;
box-sizing: border-box;
}
/* =========================================================
DIVISÓRIAS VERTICAIS
========================================================= */
.freedom-ingles-objetivo:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 10%;
width: 1px;
height: 80%;
background: #cbd9ea;
}
/* =========================================================
IMAGENS
========================================================= */
.freedom-ingles-objetivo-icon {
width: 155px !important;
height: 120px !important;
margin: 0 auto 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.freedom-ingles-objetivo-icon img {
display: block !important;
width: 155px !important;
max-width: 100% !important;
height: 120px !important;
max-height: 120px !important;
object-fit: contain !important;
margin: 0 auto !important;
}
/* =========================================================
TÍTULO
========================================================= */
.freedom-ingles-objetivo h3 {
margin: 0 0 9px !important;
color: #173f7a !important;
font-size: 19px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
text-align: center !important;
}
/* =========================================================
TEXTO
========================================================= */
.freedom-ingles-objetivo p {
max-width: 220px;
margin: 0 auto !important;
color: #555555 !important;
font-size: 16px !important;
line-height: 1.5 !important;
text-align: center !important;
}
/* =========================================================
TABLET
CONTINUA COM 4 COLUNAS
========================================================= */
@media screen and (max-width: 1024px) and (min-width: 768px) {
.freedom-ingles-objetivos {
padding: 42px 18px 46px;
}
.freedom-ingles-objetivos-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.freedom-ingles-objetivo {
padding: 8px 14px 10px;
}
.freedom-ingles-objetivo-icon {
width: 125px !important;
height: 105px !important;
}
.freedom-ingles-objetivo-icon img {
width: 125px !important;
height: 105px !important;
}
.freedom-ingles-objetivo h3 {
font-size: 17px !important;
}
.freedom-ingles-objetivo p {
font-size: 15px !important;
}
}
/* =========================================================
CELULAR - 2 x 2
========================================================= */
@media screen and (max-width: 600px) {
.freedom-ingles-objetivos {
padding: 36px 14px 38px;
border-radius: 14px;
}
.freedom-ingles-objetivos-header {
margin-bottom: 28px;
}
.freedom-ingles-objetivos-header h2 {
font-size: 29px !important;
line-height: 1.2 !important;
}
.freedom-ingles-objetivos-header p {
font-size: 18px !important;
line-height: 1.5 !important;
}
.freedom-ingles-objetivos-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 30px 0 !important;
}
.freedom-ingles-objetivo {
padding: 6px 14px 10px;
}
/* divisória entre as duas colunas */
.freedom-ingles-objetivo::after {
display: none !important;
}
.freedom-ingles-objetivo:nth-child(odd)::after {
content: "";
display: block !important;
position: absolute;
right: 0;
top: 8%;
width: 1px;
height: 84%;
background: #cbd9ea;
}
.freedom-ingles-objetivo-icon {
width: 125px !important;
height: 100px !important;
margin-bottom: 10px !important;
}
.freedom-ingles-objetivo-icon img {
width: 125px !important;
height: 100px !important;
}
.freedom-ingles-objetivo h3 {
font-size: 18px !important;
}
.freedom-ingles-objetivo p {
font-size: 17px !important;
line-height: 1.45 !important;
}
}
/* =========================================================
CELULARES PEQUENOS
========================================================= */
@media screen and (max-width: 420px) {
.freedom-ingles-objetivos {
padding-left: 10px;
padding-right: 10px;
}
.freedom-ingles-objetivo {
padding-left: 8px;
padding-right: 8px;
}
.freedom-ingles-objetivo-icon {
width: 110px !important;
height: 90px !important;
}
.freedom-ingles-objetivo-icon img {
width: 110px !important;
height: 90px !important;
}
.freedom-ingles-objetivo p {
font-size: 16px !important;
}
}
/* =========================================================
CURSO DE INGLÊS - ÍCONES DOS BENEFÍCIOS
========================================================= */
.freedom-icone-svg {
width: 78px;
height: 78px;
margin: 0 auto 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #eef5ff;
border: 1px solid #dbe7f5;
box-sizing: border-box;
color: #173f7a;
box-shadow: 0 4px 14px rgba(23, 63, 122, 0.08);
}
.freedom-icone-svg svg {
width: 40px;
height: 40px;
display: block;
fill: none;
stroke: #173f7a;
stroke-width: 2.3;
stroke-linecap: round;
stroke-linejoin: round;
}
/* =========================================================
CELULAR
========================================================= */
@media screen and (max-width: 767px) {
.freedom-icone-svg {
width: 72px;
height: 72px;
margin-bottom: 14px;
}
.freedom-icone-svg svg {
width: 36px;
height: 36px;
}
}
/* =========================================================
FREEDOM - INGLÊS QUE VOCÊ REALMENTE USA
========================================================= */
.freedom-ingles-beneficios {
width: 100%;
max-width: 1100px;
margin: 55px auto 70px;
padding: 0 20px;
box-sizing: border-box;
text-align: center;
}
.freedom-ingles-beneficios h2 {
margin: 0 0 10px;
color: #173f7a;
font-size: 36px;
line-height: 1.2;
font-weight: 800;
}
.freedom-beneficios-subtitulo {
max-width: 720px;
margin: 0 auto 32px;
color: #666666;
font-size: 17px;
line-height: 1.55;
}
/* =========================================================
GRID DOS 4 CARDS
========================================================= */
.freedom-beneficios-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
width: 100%;
}
/* =========================================================
CARDS
========================================================= */
.freedom-beneficio-card {
display: flex;
flex-direction: column;
align-items: center;
min-width: 0;
min-height: 245px;
padding: 26px 18px 24px;
background: #ffffff;
border: 1px solid #dfe7f1;
border-radius: 12px;
box-sizing: border-box;
text-align: center;
box-shadow: 0 5px 16px rgba(23, 63, 122, 0.07);
}
/* =========================================================
CÍRCULO DOS ÍCONES
========================================================= */
.freedom-beneficio-icone {
width: 64px;
height: 64px;
flex: 0 0 64px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 17px;
border-radius: 50%;
border: 1px solid #d8e5f5;
background: #eef5ff;
color: #173f7a;
}
/* SVG */
.freedom-beneficio-icone svg {
display: block;
width: 31px;
height: 31px;
stroke: #173f7a;
stroke-width: 1.8;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
/* =========================================================
TÍTULO DOS CARDS
========================================================= */
.freedom-beneficio-card h3 {
margin: 0 0 10px;
color: #173f7a;
font-size: 19px;
line-height: 1.25;
font-weight: 800;
}
/* =========================================================
TEXTO DOS CARDS
========================================================= */
.freedom-beneficio-card p {
margin: 0;
color: #555555;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
}
/* =========================================================
TABLET
Mantém os 4 cards lado a lado
========================================================= */
@media screen and (min-width: 768px) and (max-width: 1024px) {
.freedom-ingles-beneficios {
padding: 0 16px;
}
.freedom-beneficios-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.freedom-beneficio-card {
padding: 22px 12px;
min-height: 245px;
}
.freedom-beneficio-card h3 {
font-size: 18px;
}
.freedom-beneficio-card p {
font-size: 14px;
}
}
/* =========================================================
CELULAR
1 CARD POR LINHA
========================================================= */
@media screen and (max-width: 767px) {
.freedom-ingles-beneficios {
margin: 40px auto 48px;
padding: 0 16px;
}
.freedom-ingles-beneficios h2 {
font-size: 29px;
line-height: 1.2;
}
.freedom-beneficios-subtitulo {
margin-bottom: 24px;
font-size: 17px;
line-height: 1.5;
}
.freedom-beneficios-grid {
grid-template-columns: 1fr;
gap: 14px;
max-width: 440px;
margin: 0 auto;
}
.freedom-beneficio-card {
min-height: 0;
padding: 24px 20px;
}
.freedom-beneficio-icone {
width: 68px;
height: 68px;
flex-basis: 68px;
margin-bottom: 14px;
}
.freedom-beneficio-icone svg {
width: 32px;
height: 32px;
}
.freedom-beneficio-card h3 {
font-size: 21px;
}
.freedom-beneficio-card p {
font-size: 17px;
line-height: 1.5;
}
}
/* =========================================================
CELULARES PEQUENOS
========================================================= */
@media screen and (max-width: 420px) {
.freedom-ingles-beneficios {
padding: 0 12px;
}
.freedom-ingles-beneficios h2 {
font-size: 27px;
}
.freedom-beneficio-card {
padding: 22px 18px;
}
}
/* =========================================================
CORREÇÃO FINAL - 4 CARDS INGLÊS NO DESKTOP/TABLET
========================================================= */
@media screen and (min-width: 768px) {
.freedom-ingles-beneficios .freedom-beneficios-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
width: 100% !important;
}
.freedom-ingles-beneficios .freedom-beneficio-card {
width: auto !important;
min-width: 0 !important;
}
}
/* CELULAR - 1 CARD POR LINHA */
@media screen and (max-width: 767px) {
.freedom-ingles-beneficios .freedom-beneficios-grid {
grid-template-columns: 1fr !important;
}
}
/* =========================================================
CORREÇÃO FINAL — INGLÊS PARA CADA ETAPA DA SUA VIDA
O editor do WordPress pode inserir /
entre os cards.
Esses elementos viram itens extras do CSS Grid e fazem os
quatro cards aparecerem visualmente em 2 x 2 no desktop.
========================================================= */
/* Remove somente elementos automáticos que sejam filhos DIRETOS do grid.
Os
que ficam dentro de cada card continuam normais. */
.freedom-ingles-objetivos-grid > p,
.freedom-ingles-objetivos-grid > br {
display: none !important;
}
/* DESKTOP — 4 cards na mesma linha */
@media screen and (min-width: 768px) {
.freedom-ingles-objetivos-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
gap: 0 !important;
width: 100% !important;
}
.freedom-ingles-objetivos-grid > .freedom-ingles-objetivo {
display: block !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
}
/* CELULAR — mantém 2 x 2 */
@media screen and (max-width: 600px) {
.freedom-ingles-objetivos-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 30px 0 !important;
}
}
/* ===== AJUSTE TÍTULO HERO INGLÊS - CELULAR ===== */
@media screen and (max-width: 767px) {
.freedom-ingles-hero-texto h1 {
font-size: 38px !important;
line-height: 1.08 !important;
font-weight: 800 !important;
letter-spacing: -0.5px !important;
margin-bottom: 22px !important;
color: #173f7a !important;
}
}
@media only screen and (min-width: 768px) {
.freedom-escola-japonesa-cards {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: stretch !important;
gap: 22px !important;
}
.freedom-escola-card {
flex: 0 1 31% !important;
width: 31% !important;
max-width: 330px !important;
margin: 0 !important;
}
}