@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fontes/poppins-400.woff2') format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('../fontes/poppins-500.woff2') format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../fontes/poppins-600.woff2') format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../fontes/poppins-700.woff2') format('woff2');
}
:root {
--azul: #00072D;
--azul-realce: #00428C;
--azul-borda: #00A9FF;
--preto: #00072D;
--preto-percursos: #00072D;
--preto-h2-home: #00072D;
--branco: #FFFFFF;
--cinza-claro: #F1F1F1;
--cinza-informacoes: #F1F1F1;
--cinza-email: #00072D;
--cinza-rede: #69727D;
--cinza-menu: #00072D;
--accent: #00428C;
--conteudo: 1305px;
--padding-lateral: 60px;
--padding-vertical: 120px;
--gap: 24px;
--t-marquee: 60px;
--t-h1-heroi: 54px;
--t-h2: 48px;
--t-h2-cartao: 32px;
--t-corpo-grande: 24px;
--t-corpo-destaque: 20px;
--t-corpo: 18px;
--t-pequeno: 16px;
--t-etiqueta: 14px;
--t-mini: 12px;
--medida-leitura: 670px;
--cabecalho-altura: 95px;
--botao-alt-g: 56px;
--botao-alt-m: 48px;
--botao-alt-p: 44px;
--botao-raio: 999px;
--botao-raio-icone: 12px;
--botao-padding-x: 24px;
--botao-alvo-min: 44px;
--botao-padding-x-p: 13px;
}
@media (max-width: 767px) {
:root {
--padding-lateral: 20px;
--padding-vertical: 40px;
--gap: 15px;
--t-h1-heroi: 40px;
--t-h2: 32px;
--t-h2-cartao: 25px;
--t-corpo-destaque: 18px;
--cabecalho-altura: 148px;
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo);
line-height: 1.5;
color: var(--preto);
background: var(--branco);
overscroll-behavior: none;
}
img,
svg {
max-width: 100%;
}
img {
height: auto;
}
a {
color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: 400;
}
p {
margin: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
button {
font: inherit;
color: inherit;
}
.so-para-leitores {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
:focus-visible {
outline: 2px solid var(--azul-borda);
outline-offset: 2px;
}
.salto-conteudo {
position: absolute;
left: -9999px;
z-index: 100001;
padding: 12px 24px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
color: var(--azul-realce);
background: var(--branco);
text-decoration: none;
}
.salto-conteudo:focus {
left: 0;
top: 0;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.seccao {
padding-inline: var(--padding-lateral);
}
.conteudo {
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
padding-block: var(--padding-vertical);
}
.seccao--cinza {
background: var(--cinza-claro);
}
@media (min-width: 768px) and (max-width: 1024px) {
.seccao {
padding-inline: 25px;
}
}
.escondido-sempre {
display: none;
}
.cabecalho {
position: sticky;
top: 0;
z-index: 100;
background: var(--azul);
padding: 10px var(--padding-lateral);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
main [id] {
scroll-margin-top: 120px;
}
.cabecalho {
transition: padding 0.25s ease, box-shadow 0.25s ease;
}
.cabecalho--compacto {
padding-block: 5px;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
main [id] {
scroll-margin-top: 90px;
}
.cabecalho__acoes {
max-height: 90px;
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.25s ease;
}
.pagina--home:not(.cookies-por-escolher) .cabecalho:not(.cabecalho--compacto) .cabecalho__acoes {
max-height: 0;
min-height: 0;
opacity: 0;
}
.cabecalho--compacto .cabecalho__acoes {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 900;
max-height: none;
padding: 8px var(--padding-lateral);
padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
background: var(--azul);
box-shadow: 0 -4px 20px rgba(0, 7, 45, 0.25);
}
.menu-aberto .cabecalho--compacto .cabecalho__acoes {
display: none;
}
.cookies-por-escolher .cabecalho--compacto .cabecalho__acoes {
display: none;
}
.cabecalho--compacto .cabecalho__interior {
margin-bottom: 0;
padding-top: 6px;
row-gap: 0;
}
.cabecalho__logo img {
transition: width 0.25s ease, height 0.25s ease;
}
.cabecalho--compacto .cabecalho__logo img {
width: 118px;
height: 45px;
}
.menu-botao,
.menu-telemovel__ligacao,
.idiomas__ligacao {
touch-action: manipulation;
}
.menu-botao {
padding: 8px;
margin: -8px;
}
}
@media (prefers-reduced-motion: reduce) {
.cabecalho,
.cabecalho__acoes {
transition: none;
}
}
.cabecalho__interior {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0;
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
}
.cabecalho__marca {
display: flex;
align-items: center;
}
.cabecalho__logo {
display: block;
line-height: 0;
}
.cabecalho__logo img {
width: 197px;
height: 75px;
object-fit: contain;
}
.cabecalho__coorganizacao {
display: none;
}
@media (min-width: 1400px) {
.cabecalho__coorganizacao {
display: flex;
align-items: center;
gap: 12px;
margin-left: 12px;
}
.cabecalho__fcporto {
display: block;
flex: 0 0 auto;
height: 60px;
aspect-ratio: 340.57 / 207.29;
background-image: url("/wp-content/uploads/2026/07/CORRIDA_DO_DRAGAO_SVG_BLUE_FCPORTO_FCPORTOFOUNDATION-1.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: brightness(0) invert(1);
}
}
.cabecalho__navegacao {
display: flex;
align-items: center;
}
.cabecalho__acoes {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
.menu__lista {
display: flex;
align-items: center;
gap: 15px;
}
.menu__ligacao {
display: block;
padding: 13px 5px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 600;
line-height: 15px;
letter-spacing: 1px;
color: var(--branco);
text-decoration: none;
}
.menu__ligacao:hover {
color: var(--azul-borda);
}
.menu__ligacao--atual {
color: var(--branco);
}
.cabecalho__idiomas {
display: flex;
align-items: center;
}
.idiomas {
position: relative;
}
.idiomas__botao {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: var(--botao-alvo-min);
min-height: var(--botao-alt-p);
padding-inline: var(--botao-padding-x-p);
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 600;
line-height: 1.2;
color: var(--branco);
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: var(--botao-raio);
cursor: pointer;
list-style: none;
user-select: none;
touch-action: manipulation;
}
.idiomas__botao::-webkit-details-marker {
display: none;
}
.idiomas__botao:hover {
background: rgba(255, 255, 255, 0.12);
}
.idiomas__botao:focus-visible {
outline: 3px solid var(--azul-borda);
outline-offset: 2px;
}
.idiomas__seta {
flex: 0 0 auto;
transition: transform 0.2s ease;
}
.idiomas[open] .idiomas__seta {
transform: rotate(180deg);
}
.idiomas__painel {
position: absolute;
top: calc(100% + 8px);
right: 0;
z-index: 100001;
min-width: 190px;
margin: 0;
padding: 6px;
list-style: none;
background: var(--branco);
border-radius: var(--botao-raio-icone);
box-shadow: 0 12px 32px rgba(0, 7, 45, 0.28);
}
.idiomas__item {
display: block;
}
.idiomas__ligacao,
.idiomas__atual {
display: flex;
align-items: center;
gap: 10px;
min-height: var(--botao-alt-p);
padding-inline: 12px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 1.2;
color: var(--preto);
text-decoration: none;
white-space: nowrap;
border-radius: 8px;
}
.idiomas__ligacao:hover {
background: var(--cinza-claro);
}
.idiomas__ligacao:focus-visible {
outline: 3px solid var(--azul-borda);
outline-offset: -3px;
}
.idiomas__bandeira {
flex: 0 0 auto;
width: 24px;
height: 16px;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 7, 45, 0.15);
}
.idiomas__atual {
font-weight: 600;
cursor: default;
box-shadow: inset 3px 0 0 var(--azul-borda);
}
.cabecalho__idiomas--telemovel {
display: none;
}
.menu-botao {
display: none;
position: relative;
z-index: 100000;
align-items: center;
justify-content: center;
width: var(--botao-alt-m);
height: var(--botao-alt-m);
padding: 0;
background: var(--azul);
border: 0;
border-radius: 0;
cursor: pointer;
}
.menu-botao svg {
width: 40px;
height: 40px;
}
@media (max-width: 767px) {
.menu-botao {
border-radius: var(--botao-raio-icone);
}
.menu-botao svg {
width: 30px;
height: 30px;
}
}
.menu-botao__fechar {
display: none;
fill: var(--branco);
}
.menu-botao[aria-expanded="true"] .menu-botao__abrir {
display: none;
}
.menu-botao[aria-expanded="true"] .menu-botao__fechar {
display: block;
}
@media (max-width: 1024px) {
.menu {
display: none;
}
.menu-botao {
display: flex;
}
.cabecalho {
padding: 0 25px;
}
.cabecalho__interior {
padding: 19.99px 15px;
row-gap: 15px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.cabecalho__interior {
gap: 16px;
}
.cabecalho__marca {
flex: 1 1 auto;
min-width: 0;
}
.cabecalho__navegacao {
flex: 0 0 auto;
order: 3;
}
.cabecalho__acoes {
flex: 0 0 auto;
order: 2;
}
.menu-telemovel {
order: 4;
flex: 0 0 100%;
}
.cabecalho__idiomas--telemovel {
display: none;
}
.cabecalho__idiomas--computador {
display: flex;
}
}
@media (max-width: 767px) {
.cabecalho__idiomas--telemovel {
display: flex;
}
.cabecalho__idiomas--computador {
display: none;
}
}
@media (max-width: 767px) {
.cabecalho {
padding: 0;
}
.cabecalho__interior {
padding: 15px 0 0;
row-gap: 10px;
}
.cabecalho__marca {
flex: 1 1 auto;
min-width: 0;
padding-left: 10px;
}
.cabecalho__logo img {
width: 157px;
height: 60px;
}
.cabecalho__idiomas--telemovel {
flex: 0 0 auto;
justify-content: flex-end;
align-items: center;
}
.cabecalho__navegacao {
flex: 0 0 auto;
justify-content: flex-end;
padding-right: 20px;
min-width: calc(var(--botao-alt-m) + 20px);
margin-left: 8px;
}
.cabecalho__acoes {
width: 100%;
min-height: var(--botao-alt-g);
padding-bottom: 7px;
align-items: flex-start;
gap: 0;
}
}
.menu-telemovel {
display: none;
width: 100%;
background: var(--branco);
z-index: 99999;
}
.menu-telemovel[hidden] {
display: none;
}
@media (max-width: 1024px) {
.menu-telemovel:not([hidden]) {
display: block;
}
.menu-telemovel__ligacao {
padding: 25px 0;
}
}
@media (max-width: 767px) {
.menu-telemovel:not([hidden]) {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100vh;
padding-top: 24px;
overflow-y: auto;
}
.menu-telemovel__lista {
display: flex;
flex-direction: column;
align-items: center;
}
.menu-telemovel__ligacao {
padding: 25px 20px;
text-align: center;
}
}
.menu-telemovel__ligacao {
display: block;
position: relative;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--cinza-menu);
text-decoration: none;
}
.menu-telemovel__ligacao--atual {
color: var(--azul-realce);
}
.menu-telemovel__ligacao--atual::after {
content: "";
position: absolute;
left: 50%;
bottom: 14px;
width: 36px;
height: 3px;
background: var(--azul-borda);
border-radius: 3px;
transform: translateX(-50%);
}
.menu-telemovel__ligacao:active {
color: var(--azul-realce);
transform: scale(0.96);
}
@media (prefers-reduced-motion: no-preference) {
.menu-telemovel__ligacao {
transition: color 0.15s ease, transform 0.12s ease;
}
.menu-telemovel:not([hidden]) .menu-telemovel__item {
animation: menu-entra 0.42s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}
.menu-telemovel:not([hidden]) .menu-telemovel__item:nth-child(1) { animation-delay: 0.04s; }
.menu-telemovel:not([hidden]) .menu-telemovel__item:nth-child(2) { animation-delay: 0.09s; }
.menu-telemovel:not([hidden]) .menu-telemovel__item:nth-child(3) { animation-delay: 0.14s; }
.menu-telemovel:not([hidden]) .menu-telemovel__item:nth-child(4) { animation-delay: 0.19s; }
.menu-telemovel:not([hidden]) .menu-telemovel__item:nth-child(5) { animation-delay: 0.24s; }
.menu-telemovel:not([hidden]) .menu-telemovel__item:nth-child(6) { animation-delay: 0.29s; }
}
@keyframes menu-entra {
from {
transform: translateY(16px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.logo-fixa {
position: fixed;
top: 0;
left: 0;
width: 60%;
padding: 15px;
}
.botao-inscricao {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--botao-alt-g);
max-width: 100%;
padding: 8px var(--botao-padding-x);
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 600;
line-height: 1.2;
color: var(--azul);
text-align: center;
text-decoration: none;
background: var(--branco);
border: 2px solid var(--azul-borda);
border-radius: var(--botao-raio);
white-space: normal;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.botao-inscricao:hover {
color: var(--branco);
background: var(--azul-realce);
}
.botao {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: var(--botao-alt-m);
max-width: 100%;
padding: 8px var(--botao-padding-x);
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 600;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: normal;
border: 3px solid #00A9FF;
border-radius: var(--botao-raio);
cursor: pointer;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.botao--claro:hover,
.botao--escuro:hover {
color: var(--branco);
background: var(--azul-realce);
}
.botao:focus-visible,
.botao-inscricao:focus-visible,
.consentimento__botao:focus-visible,
.menu-botao:focus-visible {
outline: 3px solid var(--azul-borda);
outline-offset: 2px;
}
.botao--claro {
color: var(--azul);
background: var(--branco);
}
.botao--escuro {
color: var(--branco);
background: var(--azul);
}
.botao--principal {
min-height: var(--botao-alt-g);
}
@media (max-width: 767px) {
.botao--principal {
display: flex;
width: 100%;
}
}
.botao__icone {
display: flex;
flex: 0 0 auto;
}
.botao__icone svg {
width: 16px;
height: 16px;
fill: currentColor;
}
@media (max-width: 767px) {
.botao-inscricao {
display: flex;
width: 100%;
}
}
.rodape {
padding: 80px var(--padding-lateral);
background: var(--preto);
color: var(--branco);
}
.rodape__interior {
display: flex;
flex-direction: column;
gap: 50px;
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
}
.rodape__topo {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
align-items: flex-start;
}
.rodape__marca {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px 60px;
flex: 0 1 332px;
}
.rodape__logo {
width: 216px;
height: 59px;
}
.rodape__contactos {
display: flex;
flex-direction: column;
gap: var(--gap);
}
.rodape__contacto {
display: flex;
align-items: center;
gap: 12px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 400;
line-height: 16px;
color: var(--branco);
}
.rodape__contacto img {
width: 25px;
height: 25px;
}
.rodape__contacto a {
text-decoration: none;
}
.rodape__colunas {
display: flex;
flex: 1 1 auto;
justify-content: flex-end;
gap: 50px;
}
.rodape__coluna {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.rodape__coluna--legais {
width: 30%;
gap: 20px;
min-height: 150px;
}
.rodape__coluna--paginas {
width: 15%;
gap: var(--gap);
min-height: 229px;
}
.rodape__coluna--redes {
width: 25%;
gap: 20px;
min-height: 186px;
}
.rodape__lista {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
flex-shrink: 0;
}
.rodape__titulo {
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 18px;
color: var(--branco);
}
.rodape__ligacao {
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 400;
line-height: 16px;
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
display: inline-block;
padding-block: 4px;
}
.rodape__ligacao--destaque {
font-weight: 500;
}
.rodape__ligacao:hover {
color: var(--branco);
}
.rodape__redes {
display: flex;
align-items: center;
gap: 13px;
}
.rodape__rede {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: var(--azul-realce);
border-radius: 50%;
color: var(--branco);
transition: background-color 0.25s ease;
}
.rodape__rede:hover {
background: var(--azul-borda);
}
.rodape__linha-legal {
margin-top: 40px;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
font-family: 'Poppins', sans-serif;
font-size: var(--t-mini);
line-height: 1.6;
color: rgba(255, 255, 255, 0.6);
}
.rodape__rede svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.rodape__base {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--gap);
padding: 32px 0;
margin-bottom: var(--gap);
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 16px;
color: rgba(255, 255, 255, 0.6);
}
.rodape__base a {
text-decoration: none;
}
.rodape__criado {
display: inline-flex;
align-items: center;
gap: 12px;
}
.rodape__criado img {
display: block;
width: 102px;
height: 33px;
}
.rodape__ligacao,
.rodape__contacto {
line-height: 17px;
}
@media (max-width: 1024px) {
.rodape__contacto {
width: 278px;
flex: 0 0 auto;
min-height: 27.0625px;
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.rodape {
padding: 0 25px;
}
.rodape__interior {
padding: 58px 15px 0;
gap: 15px;
}
.rodape__topo {
gap: 15px;
}
.rodape__marca {
flex: 0 0 32%;
min-width: 0;
gap: 15px;
}
.rodape__logo {
width: 135.112px;
height: auto;
}
.rodape__contactos {
gap: 24px;
}
.rodape__colunas {
flex: 0 0 65%;
min-width: 0;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-end;
gap: 15px 35px;
}
.rodape__coluna {
min-width: 0;
}
.rodape__coluna--legais {
width: 30%;
gap: 15px;
}
.rodape__coluna--paginas {
width: 15%;
gap: 15px;
}
.rodape__coluna--redes {
width: 25%;
gap: 15px;
}
.rodape__lista {
width: 180px;
}
.rodape__base {
padding: 22.72px 0;
margin-bottom: 15px;
gap: 10px;
}
}
@media (max-width: 767px) {
.rodape {
padding: 20px;
}
.rodape__interior {
padding: 23.2px 15px 0;
gap: 15px;
}
.rodape__topo {
flex-direction: column;
gap: 50px;
}
.rodape__marca {
flex-basis: auto;
width: 100%;
gap: 20px;
}
.rodape__logo {
width: 100%;
height: auto;
}
.rodape__contactos {
gap: 24px;
}
.rodape__colunas {
flex: 0 0 auto;
width: 100%;
flex-direction: column;
gap: 40px;
}
.rodape__coluna--legais,
.rodape__coluna--paginas,
.rodape__coluna--redes {
width: 100%;
min-height: 0;
gap: 15px;
}
.rodape__coluna--paginas {
gap: 25px;
}
.rodape__lista {
width: auto;
}
.rodape__base {
flex-wrap: wrap;
gap: 10px;
padding: 17.54px 0;
margin-bottom: 15px;
font-size: 13px;
line-height: 13px;
}
.rodape__direitos {
width: 100%;
}
.rodape__criado {
width: 100%;
justify-content: center;
}
}
.consentimento {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: 20px;
background: var(--branco);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
.menu-aberto .consentimento {
display: none;
}
.consentimento[hidden] {
display: none;
}
.consentimento__caixa {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--gap);
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
}
.consentimento__texto {
flex: 1 1 380px;
}
.consentimento__titulo {
margin-bottom: 8px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo-destaque);
font-weight: 600;
color: #00072D;
}
.consentimento__texto p {
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 1.5;
color: #00072D;
}
.consentimento__opcoes {
flex: 1 1 100%;
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 4px;
}
.consentimento__opcoes[hidden] {
display: none;
}
.consentimento__opcao {
display: flex;
align-items: flex-start;
gap: 10px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
color: #00072D;
cursor: pointer;
}
.consentimento__inventario {
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
line-height: 1.5;
color: #00072D;
}
.consentimento__inventario a {
color: var(--azul-realce);
}
.consentimento__botoes {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
width: 100%;
}
.consentimento__botao[data-consentimento="personalizar"] {
grid-column: 1 / -1;
}
.consentimento__botao {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--botao-alt-p);
max-width: 100%;
padding: 8px var(--botao-padding-x);
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 600;
line-height: 1.2;
color: #00072D;
text-align: center;
background: transparent;
border: 1px solid #00072D;
border-radius: var(--botao-raio);
cursor: pointer;
}
.consentimento__botao:hover {
background: rgba(0, 7, 45, 0.08);
}
.consentimento__botao[hidden] {
display: none;
}
@media (max-width: 767px) {
.consentimento {
padding: 16px 20px;
}
.consentimento__botao {
width: 100%;
}
}
@media (min-width: 768px) {
.consentimento {
left: auto;
right: 20px;
bottom: 20px;
width: min(420px, 42vw);
padding: 20px;
border-radius: 16px;
box-shadow: 0 18px 48px rgba(0, 7, 45, 0.28);
}
.consentimento__caixa {
flex-direction: column;
align-items: stretch;
gap: 14px;
}
.consentimento__texto {
flex: 0 0 auto;
}
}
.consentimento-rever {
position: fixed;
left: 16px;
bottom: 16px;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: #00072D;
background: var(--branco);
border: 1px solid #00072D;
border-radius: 50%;
cursor: pointer;
}
.consentimento-rever[hidden] {
display: none;
}
@media (max-width: 767px) {
.consentimento-rever {
bottom: calc(32px + var(--botao-alt-g) + env(safe-area-inset-bottom, 0px));
}
}
.erro-404 {
text-align: center;
}
.erro-404__titulo {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: var(--t-h2);
}
.erro-404__texto {
margin-top: var(--gap);
}
.teste-escala {
margin-bottom: 12px;
font-family: 'Poppins', sans-serif;
}
.teste-cores {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
margin-top: var(--gap);
}
.teste-cor {
display: flex;
align-items: center;
gap: 10px;
width: 320px;
font-size: var(--t-pequeno);
}
.teste-cor__amostra {
width: 40px;
height: 40px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.teste-cor__nome {
font-family: monospace;
}
.teste-cor__onde {
color: var(--cinza-rede);
}
.sobrescrito {
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 400;
line-height: 16px;
letter-spacing: 1.6px;
text-transform: uppercase;
color: var(--preto);
}
.sobrescrito--claro {
color: var(--branco);
}
.sobrescrito--centrado {
text-align: center;
}
.titulo {
font-family: 'Poppins', sans-serif;
font-size: var(--t-h2);
font-weight: 700;
line-height: 1.1;
color: var(--preto);
}
.titulo span {
color: var(--azul-realce);
}
.titulo--centrado {
text-align: center;
}
.titulo--claro {
color: var(--branco);
}
.titulo--contacto {
line-height: 1.2;
color: var(--preto-h2-home);
}
.seccao--final .titulo {
line-height: 1.2;
}
.titulo--cartao {
line-height: 1.1;
}
.corpo {
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo);
font-weight: 400;
line-height: 27px;
color: var(--preto-percursos);
}
.corpo p {
margin-bottom: 14.4px;
}
.corpo--claro {
color: var(--branco);
}
.seccao--sobre .titulo {
width: 500px;
}
.seccao--sobre .corpo {
width: 475px;
}
.seccao--resultados .titulo {
width: 600px;
}
.titulo--cartao {
width: 600px;
}
.titulo--contacto {
width: 306px;
}
.seccao--final .titulo {
width: 715px;
}
.seccao--final .corpo {
width: 700px;
}
@media (max-width: 1024px) {
.seccao--sobre .titulo,
.seccao--sobre .corpo,
.seccao--resultados .titulo,
.titulo--cartao,
.titulo--contacto,
.seccao--final .titulo {
width: auto;
max-width: 100%;
}
.seccao--final .corpo {
width: 597px;
max-width: 100%;
}
}
.heroi {
position: relative;
display: flex;
align-items: center;
min-height: clamp(640px, 84vh, 900px);
background-color: var(--azul);
background-image: url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-1620x1080.webp");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
.heroi {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-1536x1024.webp") 1x,
url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-2048x1365.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-1536x1024.webp") 1x,
url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-2048x1365.webp") 2x);
}
}
@media (min-width: 1440px) {
.heroi {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-2048x1365.webp") 1x,
url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-2048x1365.webp") 1x,
url("/wp-content/uploads/2025/06/@sergio_henriques_photography2024090804170-1-scaled.webp") 2x);
}
}
.heroi::before {
content: "";
position: absolute;
inset: 0;
clip-path: polygon(0 0, 46% 0, 68% 100%, 0 100%);
background: linear-gradient(178deg, rgba(0, 37, 93, 0.96) 0%, rgba(0, 22, 69, 0.88) 55%, rgba(0, 7, 45, 0.94) 100%);
}
.heroi__interior {
position: relative;
z-index: 1;
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
padding-inline: var(--padding-lateral);
}
.heroi__painel {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 28px;
width: 38%;
min-width: 320px;
max-width: 560px;
padding-block: 32px 220px;
}
.heroi__widget {
width: 100%;
}
.heroi__caixa--recuo-30,
.heroi__caixa--recuo-60,
.heroi__caixa--recuo-80 {
padding-left: 0;
}
.heroi__caixa--recuo-110 {
padding: 16px 0 0;
}
.heroi__titulo {
font-family: 'Poppins', sans-serif;
font-size: var(--t-h1-heroi);
font-weight: 700;
line-height: 1.18;
text-transform: uppercase;
color: var(--branco);
text-shadow: 0 2px 24px rgba(0, 7, 45, 0.35);
}
.heroi__subtitulo,
.heroi__data {
display: block;
font-family: 'Poppins', sans-serif;
font-size: 29px;
font-weight: 700;
line-height: 40px;
text-transform: uppercase;
color: var(--branco);
}
.heroi__texto {
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo-destaque);
font-weight: 700;
line-height: 30px;
color: var(--branco);
}
.heroi__caixa--faixa {
padding: 28px 0 0;
width: min(560px, 66vw);
}
.heroi-faixa {
--faixa-caixa: 155px;
--escala: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
width: 100%;
}
.heroi-faixa__linha {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.heroi-faixa__logo {
display: block;
height: calc(var(--faixa-caixa) * var(--escala));
aspect-ratio: 340.57 / 207.29;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: brightness(0) invert(1);
}
.heroi-faixa__linha--silver .heroi-faixa__logo {
height: calc(var(--faixa-caixa) * var(--escala) * 0.7);
}
@media (prefers-reduced-motion: no-preference) {
.heroi::before {
animation: heroi-muro 0.7s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}
.heroi__widget {
animation: heroi-linha 0.55s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}
.heroi__widget:nth-child(1) {
animation-delay: 0.25s;
}
.heroi__widget:nth-child(2) {
animation-delay: 0.35s;
}
.heroi__widget:nth-child(3) {
animation-delay: 0.45s;
}
.heroi__widget:nth-child(4) {
animation-delay: 0.55s;
}
.heroi__widget:nth-child(5) {
animation-delay: 0.65s;
}
.heroi__widget:nth-child(6) {
animation-delay: 0.75s;
}
}
@keyframes heroi-muro {
from {
transform: translateX(-12%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes heroi-linha {
from {
transform: translateY(16px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.heroi::before {
clip-path: polygon(0 0, 58% 0, 82% 100%, 0 100%);
}
.heroi__painel {
width: 52%;
min-width: 0;
}
.heroi-faixa {
--escala: 0.8;
}
}
@media (min-width: 768px) and (max-height: 720px) {
.heroi__painel {
gap: 20px;
padding-block: 20px 220px;
}
.heroi__titulo {
font-size: 46px;
}
.heroi__texto {
line-height: 27px;
}
.heroi__caixa--recuo-110 {
padding-top: 8px;
}
}
@media (min-width: 1025px) and (max-height: 1000px) {
.heroi__painel {
gap: 20px;
padding-block: 20px 220px;
}
.heroi__caixa--recuo-110 {
padding-top: 8px;
}
}
@media (min-width: 1025px) and (max-height: 900px) {
.heroi__titulo {
font-size: 46px;
}
.heroi__texto {
line-height: 27px;
}
}
@media (min-width: 1025px) and (max-height: 900px) {
.heroi__caixa--faixa {
padding-top: 16px;
width: min(700px, 46vw);
}
.heroi-faixa {
flex-direction: row;
align-items: center;
gap: 14px;
--faixa-caixa: clamp(105px, min(16.5vh, 8.2vw), 145px);
}
}
@media (max-width: 767px) {
.heroi {
min-height: 600px;
align-items: flex-start;
background-position: center bottom;
}
.heroi::before {
clip-path: polygon(0 0, 100% 0, 100% 72%, 0 88%);
}
.heroi__painel {
width: 100%;
min-width: 0;
max-width: none;
gap: 15px;
align-items: center;
text-align: center;
padding-block: 40px 60px;
}
.heroi__caixa--recuo-30,
.heroi__caixa--recuo-60,
.heroi__caixa--recuo-80 {
padding-left: 0;
}
.heroi__caixa--recuo-110 {
padding: 8px 0 0;
}
.heroi__subtitulo,
.heroi__data {
font-size: 17px;
line-height: 24px;
}
.heroi__texto {
line-height: 27px;
}
.heroi__caixa--recuo-110 .botao {
display: flex;
justify-content: center;
width: 100%;
}
.heroi-faixa {
--escala: 0.55;
align-items: center;
gap: 14px;
}
.heroi-faixa__linha {
justify-content: center;
}
.heroi__caixa--faixa {
padding: 20px 0 0;
width: 100%;
}
}
main {
overflow-x: clip;
}
.marquee-faixa {
display: flex;
align-items: center;
width: 100%;
}
.marquee-faixa__interior {
width: 100%;
}
.marquee-faixa__caixa {
padding: 40px 0;
width: 100%;
}
.marquee-faixa--um {
margin-top: -150px;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transform: rotate(-2deg);
}
.marquee-faixa--dois {
margin: -20px 0 40px;
background-color: var(--azul);
transform: rotate(2deg);
}
.marquee {
padding: 0;
overflow: hidden;
height: 100px;
}
.ancoras__arraste img {
max-width: 309px;
width: 100%;
height: auto;
margin-inline: auto;
display: block;
}
.track {
width: auto;
display: inline-block;
white-space: nowrap;
animation: scroll-left 60s linear infinite;
}
.track span {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: var(--t-marquee);
line-height: 90px;
color: #fff;
opacity: 1;
margin-right: 40px;
text-transform: uppercase;
top: 5px;
position: relative;
}
.track img {
border-radius: 12px;
}
@keyframes scroll-left {
0% {
transform: translateX(10%);
}
100% {
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.marquee-faixa--um {
display: none;
}
.marquee-faixa--dois {
margin: -10px 0 20px;
}
.marquee-faixa__caixa {
padding: 0;
}
.marquee {
padding-top: 20px;
}
.track span {
top: -5px;
}
.track img {
top: -20px;
}
}
.contador-faixa {
margin-top: -40px;
background: var(--cinza-claro);
}
.contador-faixa__interior {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--gap);
padding: 100px 0 50px;
}
.contador-faixa__linha {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 48px;
flex-wrap: wrap;
width: 100%;
}
.contador {
font-family: 'Poppins', sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 48px;
}
.contador--preto {
color: var(--preto);
}
.contador--azul {
color: var(--azul-realce);
}
.contador__item {
display: inline-block;
margin-right: 5px;
}
@media (max-width: 767px) {
.contador-faixa {
margin-top: 0;
padding-inline: var(--padding-lateral);
}
.contador-faixa__interior {
padding: 40px 0;
}
.contador--azul {
font-size: 27px;
line-height: 27px;
}
}
.seccao--sobre,
.seccao--tshirt,
.seccao--parceiros {
background: var(--branco);
}
.seccao--regulamento {
background: var(--cinza-claro);
}
.seccao--video {
background: var(--cinza-claro);
}
.seccao--contacto {
background: var(--cinza-claro);
}
.seccao--sobre>.conteudo {
padding-block: 60px 120px;
}
.seccao--tshirt>.conteudo {
padding-block: 40px 120px;
}
@media (max-width: 767px) {
.seccao--sobre>.conteudo,
.seccao--tshirt>.conteudo {
padding-block: var(--padding-vertical);
}
}
.seccao--resultados {
background-color: var(--azul);
background-position: center center;
background-size: cover;
}
.seccao--resultados[data-fundo="pronto"] {
background-image: url("/wp-content/uploads/2025/06/Background-Image.webp");
}
.duas-colunas {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 0 48px;
}
.duas-colunas__texto {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--gap);
width: 571px;
}
.duas-colunas__imagens {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 10px;
width: 686px;
}
.duas-colunas__imagem-grande {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.duas-colunas__imagens-pequenas {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
flex: 0 0 auto;
}
.duas-colunas img {
display: block;
object-fit: cover;
border-radius: 12px;
}
.seccao--sobre .duas-colunas__imagem-grande img {
width: 418px;
height: 561px;
}
.seccao--sobre .duas-colunas__imagens-pequenas img {
width: 240px;
height: 274px;
}
.seccao--regulamento .duas-colunas__imagem-grande img {
width: 429px;
height: 520px;
}
.seccao--regulamento .duas-colunas__imagens-pequenas img {
width: 247px;
height: 229px;
}
.duas-colunas--resultados .duas-colunas__texto {
width: 653px;
}
.duas-colunas--resultados .duas-colunas__imagens {
width: 522px;
}
.duas-colunas--resultados .duas-colunas__imagem-grande img {
width: 522px;
height: 455px;
}
@media (max-width: 1024px) {
.duas-colunas__texto,
.duas-colunas__imagens,
.duas-colunas--resultados .duas-colunas__texto,
.duas-colunas--resultados .duas-colunas__imagens {
width: auto;
flex: 1 1 0;
}
}
@media (max-width: 767px) {
.duas-colunas {
flex-direction: column;
align-items: stretch;
gap: var(--gap);
}
.duas-colunas__texto {
align-items: stretch;
}
.duas-colunas__texto,
.duas-colunas__imagens,
.duas-colunas--resultados .duas-colunas__texto,
.duas-colunas--resultados .duas-colunas__imagens {
width: 100%;
}
.duas-colunas__imagens {
flex-direction: column;
}
.duas-colunas__imagens-pequenas {
flex-direction: row;
}
.duas-colunas img,
.seccao--sobre .duas-colunas__imagem-grande img,
.seccao--sobre .duas-colunas__imagens-pequenas img,
.seccao--regulamento .duas-colunas__imagem-grande img,
.seccao--regulamento .duas-colunas__imagens-pequenas img,
.duas-colunas--resultados .duas-colunas__imagem-grande img {
width: 100%;
height: auto;
}
.seccao--resultados .titulo {
font-size: 34px;
line-height: 37.4px;
}
}
.carrossel {
position: relative;
}
.carrossel__pista {
display: flex;
gap: var(--espaco);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.carrossel__pista::-webkit-scrollbar {
display: none;
}
.carrossel--fita .carrossel__pista {
scroll-snap-type: none;
}
.carrossel--fita .carrossel__seta {
display: none;
}
.carrossel__slide {
flex: 0 0 calc((100% - (var(--por-ecra) - 1) * var(--espaco)) / var(--por-ecra));
scroll-snap-align: start;
}
.carrossel__seta {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
color: var(--branco);
background: rgba(0, 7, 45, 0.5);
border: 0;
border-radius: 50%;
cursor: pointer;
opacity: 0;
transform: translateY(-50%);
transition: opacity 0.2s;
}
.carrossel:hover .carrossel__seta,
.carrossel__seta:focus-visible {
opacity: 1;
}
.carrossel__seta[disabled] {
display: none;
}
.carrossel__seta svg {
width: 22px;
height: 22px;
}
.carrossel__seta--anterior {
left: 8px;
}
.carrossel__seta--seguinte {
right: 8px;
}
@media (max-width: 1024px) {
.carrossel__pista {
gap: var(--espaco-telemovel);
}
.carrossel__slide {
flex-basis: calc((100% - (var(--por-ecra-tablet) - 1) * var(--espaco-telemovel)) / var(--por-ecra-tablet));
}
}
@media (max-width: 767px) {
.carrossel__slide {
flex-basis: calc((100% - (var(--por-ecra-telemovel) - 1) * var(--espaco-telemovel)) / var(--por-ecra-telemovel));
}
}
.galeria {
background: var(--cinza-claro);
}
.galeria__imagem {
width: 100%;
height: auto;
border-radius: 0;
}
.tshirt {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.seccao--tshirt .titulo {
width: 1174px;
max-width: 100%;
}
.tshirt__imagens {
display: flex;
flex-direction: row;
gap: 10px;
width: 1109px;
max-width: 100%;
}
.tshirt__cartaz {
flex: 1 1 auto;
}
.tshirt__cartaz img {
display: block;
width: 824px;
max-width: 100%;
height: 925px;
object-fit: cover;
border-radius: 12px;
}
.tshirt__camisolas {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
flex: 0 0 auto;
}
.tshirt__camisolas img {
display: block;
width: 224px;
height: 224px;
border-radius: 12px;
}
.tshirt__acoes {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--gap);
}
.tshirt__cartaz--teaser {
position: relative;
}
.tshirt__teaser {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 28px;
text-align: center;
padding: 24px;
}
.tshirt__teaser-rotulo {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 26px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--branco);
margin: 0;
}
.tshirt__teaser-ponto {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 240px;
line-height: 1;
color: var(--branco);
text-shadow: 0 0 60px rgba(0, 169, 255, 0.9), 0 0 140px rgba(0, 169, 255, 0.5);
}
.tshirt__teaser-pergunta {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 1.6;
color: var(--branco);
max-width: 520px;
margin: 0;
}
@media (max-width: 767px) {
.tshirt__teaser {
gap: 16px;
}
.tshirt__teaser-rotulo {
font-size: 16px;
}
.tshirt__teaser-ponto {
font-size: 130px;
}
.tshirt__teaser-pergunta {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tshirt__imagens {
flex-direction: column;
align-items: center;
width: 100%;
}
.tshirt__cartaz img {
width: 100%;
height: auto;
}
.tshirt__camisolas {
flex-direction: row;
width: 100%;
}
.tshirt__camisolas img {
width: 100%;
height: auto;
flex: 1 1 0%;
min-width: 0;
}
}
.seccao--video>.conteudo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 50px;
}
.video-textos {
display: flex;
flex-direction: row;
gap: var(--gap);
width: 100%;
}
.video-textos__esquerda {
display: flex;
flex-direction: column;
gap: 0;
width: 897px;
}
.video-textos__direita {
display: flex;
flex-direction: column;
gap: var(--gap);
width: 384px;
}
.video-textos__esquerda .corpo {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 39px;
color: var(--preto);
}
.video-remate {
width: 1150px;
max-width: 100%;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo-destaque);
line-height: 30px;
text-align: center;
color: var(--preto);
}
.video-remate p {
margin-bottom: 14.4px;
}
.video {
width: 100%;
}
.video__fachada {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 9;
padding: 0;
background: #000;
border: 0;
cursor: pointer;
}
.video__capa {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.video__play {
position: absolute;
top: 50%;
left: 50%;
width: 68px;
height: 48px;
transform: translate(-50%, -50%);
}
.video__play svg {
width: 100%;
height: 100%;
}
.video__play-fundo {
fill: #212121;
fill-opacity: 0.8;
}
.video__play-seta {
fill: #fff;
}
.video__fachada:hover .video__play-fundo {
fill: #f00;
fill-opacity: 1;
}
.video iframe {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
border: 0;
}
@media (max-width: 1024px) {
.video-textos__esquerda,
.video-textos__direita {
width: auto;
flex: 1 1 0;
}
}
@media (max-width: 767px) {
.seccao--video>.conteudo,
.seccao--final>.conteudo {
gap: var(--gap);
}
.video-textos {
flex-direction: column;
}
.video-textos__esquerda,
.video-textos__direita {
width: 100%;
}
.video-remate {
font-size: var(--t-corpo);
line-height: 27px;
}
}
.seccao--parceiros>.conteudo {
display: flex;
flex-direction: column;
gap: 15px;
}
.seccao--parceiros .titulo {
width: 1000px;
max-width: 100%;
}
.seccao--parceiros .corpo {
width: 1172px;
max-width: 100%;
}
.escaloes {
display: flex;
flex-direction: column;
gap: 80px;
}
.escalao {
display: flex;
flex-direction: column;
gap: var(--gap);
}
.escalao__cabeca {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--gap);
}
.escalao__titulo {
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo-grande);
font-weight: 700;
line-height: 36px;
color: var(--preto-percursos);
}
.escalao__logo {
height: 150px;
background-color: #F1F1F1;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
@media (max-width: 767px) {
.escaloes {
gap: 40px;
margin-top: var(--gap);
}
}
.contacto {
display: flex;
flex-direction: row;
gap: 32px;
}
.contacto__esquerda {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 50px;
width: 509px;
}
.contacto__texto {
display: flex;
flex-direction: column;
gap: var(--gap);
}
.contacto__lista {
display: flex;
flex-direction: column;
gap: 12px;
}
.contacto__item a {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
.contacto__icone {
display: flex;
flex: 0 0 auto;
}
.contacto__texto-item {
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo);
line-height: 27px;
color: var(--cinza-email);
}
.contacto__formulario {
display: flex;
flex-direction: column;
gap: 32px;
width: 764px;
}
.formulario__campos {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 25px 16px;
padding-bottom: 23.4px;
}
.formulario__campo--largo {
grid-column: span 12;
}
.formulario__campo--aceitacao {
grid-column: span 12;
border: 0;
padding: 0;
margin: 0;
}
.formulario__campo--enviar {
grid-column: span 12;
display: flex;
align-items: flex-start;
}
.formulario__armadilha {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.formulario__etiqueta {
display: block;
margin-bottom: 6px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
font-weight: 600;
color: var(--preto);
}
.formulario__obrigatorio {
font-weight: 400;
font-size: var(--t-mini);
color: #5c646e;
}
.formulario__privacidade {
margin-bottom: 12px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
line-height: 1.55;
color: var(--preto);
}
.formulario__privacidade a {
color: var(--azul-realce);
}
.formulario__entrada {
display: block;
width: 100%;
padding: 20px 24px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 32px;
color: #00072D;
background: var(--branco);
border: 1px solid #F1F1F1;
border-radius: 12px;
}
.formulario__entrada::placeholder {
color: #888599;
}
.formulario__entrada--area {
resize: vertical;
height: 288px;
min-height: 288px;
}
.formulario__aceitacao {
display: flex;
align-items: flex-start;
gap: 10px;
}
.formulario__caixa {
width: 20px;
height: 20px;
margin: 0;
accent-color: #00428C;
flex: 0 0 auto;
}
.formulario__aceitacao-texto {
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
line-height: 20.02px;
color: #00072D;
}
.formulario__aceitacao-texto a {
color: var(--azul-realce);
text-decoration: underline;
text-underline-offset: 2px;
padding-block: 4px;
}
.formulario__enviar {
width: 100%;
}
@media (max-width: 1024px) {
.contacto {
gap: 15px;
}
.contacto__esquerda {
gap: 15px;
}
.contacto__formulario {
gap: 15px;
}
}
@media (max-width: 767px) {
.contacto__texto-item {
font-size: var(--t-pequeno);
line-height: 24px;
}
.contacto__icone svg {
width: 20px;
height: 20px;
}
.contacto {
flex-direction: column;
}
.contacto__esquerda {
width: 100%;
}
.contacto__formulario {
width: 544px;
max-width: 100%;
}
.formulario__campo--aceitacao,
.formulario__campo--enviar {
grid-column: span 12;
}
}
.seccao--final {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--azul);
background-position: center center;
background-size: cover;
}
.seccao--final[data-fundo="pronto"] {
background-image: url("/wp-content/uploads/2025/06/Background-Image2.webp");
}
.seccao--final>.conteudo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 50px;
}
.final {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
text-align: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
:root {
--gap: 15px;
}
.conteudo {
padding: 58px 15px;
}
.seccao--sobre>.conteudo,
.seccao--tshirt>.conteudo {
padding-block: 58px;
}
.botao-inscricao {
padding: 12px 32px;
}
.duas-colunas {
flex-wrap: wrap;
gap: 15px;
}
.duas-colunas__texto,
.duas-colunas__imagens,
.duas-colunas--resultados .duas-colunas__texto,
.duas-colunas--resultados .duas-colunas__imagens {
width: 100%;
flex: 1 1 100%;
}
.duas-colunas__imagens {
flex-wrap: nowrap;
}
.seccao--sobre .duas-colunas__imagem-grande img,
.seccao--sobre .duas-colunas__imagens-pequenas img,
.seccao--regulamento .duas-colunas__imagem-grande img,
.seccao--regulamento .duas-colunas__imagens-pequenas img,
.duas-colunas--resultados .duas-colunas__imagem-grande img {
width: 100%;
height: auto;
}
.seccao--video>.conteudo {
gap: 15px;
}
.video-textos {
flex-wrap: nowrap;
gap: var(--gap);
}
.contacto {
flex-wrap: wrap;
gap: 15px;
}
.contacto__esquerda,
.contacto__formulario {
width: 544px;
max-width: 100%;
flex: 0 0 auto;
}
.seccao--final>.conteudo {
gap: 15px;
}
.contador-faixa {
margin-top: -40px;
padding-inline: 25px;
}
.contador-faixa__interior {
padding: 58px 15px;
}
.duas-colunas__imagens {
min-height: 300px;
}
.duas-colunas__imagens-pequenas {
flex: 0 0 36%;
}
.seccao--sobre .duas-colunas__imagem-grande img {
width: 100%;
height: 550px;
}
.seccao--sobre .duas-colunas__imagens-pequenas img {
width: 100%;
height: 269px;
}
.seccao--regulamento .duas-colunas__imagem-grande img {
width: 100%;
height: 520px;
}
.seccao--regulamento .duas-colunas__imagens-pequenas img {
width: 100%;
height: 223px;
}
.duas-colunas--resultados .duas-colunas__imagem-grande img {
width: 100%;
height: 455px;
}
.tshirt__imagens {
width: 100%;
}
.tshirt__cartaz img {
width: 100%;
height: 925px;
}
.tshirt__camisolas {
flex: 0 0 164px;
}
.tshirt__camisolas img {
width: 100%;
height: 164px;
}
}
.heroi-pagina {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
min-height: 40vh;
padding: 80px;
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/Image-Container_desktop_15-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/Image-Container_desktop_15-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/Image-Container_desktop_15-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/Image-Container_desktop_15-scaled.webp") 2x);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.heroi-pagina::before {
content: "";
position: absolute;
inset: 0;
background-color: var(--azul);
opacity: 0.5;
}
.heroi-pagina__interior {
position: relative;
width: 943px;
max-width: 100%;
}
.heroi-pagina__titulo {
font-family: 'Poppins', sans-serif;
font-size: var(--t-h1-heroi);
font-weight: 700;
line-height: 3.2rem;
text-transform: uppercase;
color: var(--branco);
}
.conteudo--ancoras {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.ancoras {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 25px;
width: 1120px;
max-width: 100%;
}
.carrossel--ancoras {
width: 100%;
}
.ancoras__item {
display: flex;
justify-content: center;
align-items: center;
padding: 12px 18px;
background: var(--branco);
border: 2px solid var(--azul-realce);
border-radius: var(--botao-raio);
text-align: center;
transition: background-color 0.25s ease, border-color 0.25s ease;
}
.ancoras__item:hover {
background: var(--azul-realce);
}
.ancoras__item:hover a {
color: var(--branco);
}
.ancoras__item a {
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--azul-realce);
text-decoration: none;
white-space: nowrap;
transition: color 0.25s ease;
}
@media (min-width: 1025px) {
.ancoras {
width: 100%;
padding-inline: var(--padding-lateral);
box-sizing: border-box;
}
.carrossel--ancoras .carrossel__pista {
flex-wrap: wrap;
justify-content: flex-start;
gap: 12px 12px;
max-width: none;
overflow: visible;
scroll-snap-type: none;
}
.carrossel--ancoras .carrossel__slide {
flex: 0 0 auto;
}
.carrossel--ancoras .carrossel__seta {
display: none;
}
}
.carrossel--ancoras .carrossel__seta {
width: auto;
height: auto;
padding: 5px;
color: var(--accent);
background: none;
border-radius: 100px;
opacity: 1;
}
.carrossel--ancoras .carrossel__seta svg {
width: 13px;
height: 13px;
}
.carrossel--ancoras .carrossel__seta--anterior {
left: -26px;
}
.carrossel--ancoras .carrossel__seta--seguinte {
right: -26px;
}
.ancoras__arraste {
display: none;
}
.seccao--informacao {
overflow: hidden;
}
.seccao--informacao>.conteudo {
padding-block: 32px;
}
.seccao--cinza-info {
background: var(--cinza-informacoes);
}
.seccao--ancoras>.conteudo {
padding-block: 32px 16px;
}
.seccao--depois-ancoras>.conteudo {
padding-block: 16px 32px;
}
.assunto {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.assunto__cabeca {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
width: 100%;
}
.assunto__titulo {
width: 100%;
padding-top: 0;
font-family: 'Poppins', sans-serif;
font-size: var(--t-h2);
font-weight: 700;
line-height: 1.1em;
color: var(--azul-realce);
text-align: start;
}
.assunto__texto {
width: 100%;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo-grande);
font-weight: 400;
line-height: 1.5em;
color: var(--preto);
text-align: start;
}
.assunto__texto p {
margin-bottom: 14.4px;
}
.assunto__texto ul {
margin: 15px;
padding-left: 40px;
list-style: disc;
}
.assunto__texto li {
padding: 5px 0;
}
.assunto__texto li p {
margin-bottom: 0;
}
.assunto__bloco {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
padding-top: 8px;
}
.assunto__bloco--voluntariado {
gap: 30px;
align-items: flex-start;
}
.assunto__bloco--desativado {
padding-top: 0;
}
.assuntos-grelha {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
padding: 8px var(--padding-lateral) 64px;
}
.assuntos-grelha .seccao--informacao,
.assuntos-grelha .seccao--cinza-info {
background: var(--cinza-informacoes);
border: 1px solid rgba(0, 7, 45, 0.08);
border-radius: 16px;
overflow: visible;
}
.assuntos-grelha>.seccao--informacao>.conteudo {
padding: 28px 28px 32px;
}
.assuntos-grelha .assunto {
gap: 12px;
align-items: flex-start;
}
.assuntos-grelha .assunto__titulo {
font-size: 28px;
padding-top: 0;
}
.assuntos-grelha .assunto__texto {
font-size: 18px;
line-height: 1.55;
}
.assuntos-grelha .assunto__bloco {
padding-top: 4px;
}
.assuntos-grelha .assunto__bloco--desativado {
display: none;
}
#data {
background: var(--azul);
border-radius: 16px;
overflow: hidden;
}
#data>.conteudo {
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
padding: 32px 36px;
}
#data .assunto {
gap: 10px;
align-items: flex-start;
}
#data .assunto__titulo {
color: var(--branco);
padding-top: 0;
}
#data .assunto__texto {
color: var(--branco);
font-size: 20px;
}
.seccao--depois-ancoras#data {
width: calc(100% - 2 * var(--padding-lateral));
max-width: calc(var(--conteudo) - 2 * var(--padding-lateral));
margin: 0 auto 40px;
}
@media (max-width: 767px) {
.assuntos-grelha {
grid-template-columns: 1fr;
gap: 14px;
padding-bottom: 40px;
}
.assuntos-grelha>.seccao--informacao>.conteudo {
padding: 22px 20px 26px;
}
.assuntos-grelha .assunto__titulo {
font-size: 24px;
}
#data>.conteudo {
padding: 24px 20px;
}
#data .assunto__texto {
font-size: 18px;
}
}
@media (prefers-reduced-motion: no-preference) {
.revela {
opacity: 0;
transform: translateY(14px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.revela--visto {
opacity: 1;
transform: none;
}
.botao:hover,
.botao-inscricao:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 7, 45, 0.25);
}
.botao:active,
.botao-inscricao:active,
.consentimento__botao:active {
transform: scale(0.98);
}
.ancoras__item:hover {
transform: translateY(-2px);
}
.ancoras__item {
transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.assuntos-grelha .seccao--informacao {
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.assuntos-grelha .seccao--informacao:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0, 7, 45, 0.10);
}
.escalao__logo {
transition: transform 0.25s ease;
}
.carrossel--parceiros .carrossel__slide:hover .escalao__logo {
transform: scale(1.05);
}
}
.corpo--final-20 {
font-size: var(--t-corpo-destaque);
line-height: 30px;
}
.galeria--colada {
margin-bottom: -10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.seccao--informacao>.conteudo,
.seccao--ancoras>.conteudo,
.seccao--depois-ancoras>.conteudo {
padding: 32px 15px;
}
.assunto {
gap: 15px;
}
.assunto__bloco {
flex-direction: column;
}
.heroi-pagina {
padding: 0 25px;
}
.conteudo--ancoras {
gap: 15px;
}
.ancoras {
width: 120vw;
max-width: none;
margin-right: calc((100vw - 60vw) / -2);
}
.ancoras__arraste {
display: block;
width: 100%;
text-align: center;
}
.ancoras__arraste img {
width: 50%;
height: auto;
}
}
@media (max-width: 767px) {
.heroi-pagina {
min-height: 30vh;
padding: 40px 20px;
background-image: url("/wp-content/uploads/2025/06/Image-3.webp");
background-position: center center;
}
.heroi-pagina::before {
opacity: 0.7;
}
.heroi-pagina__interior {
width: 100%;
text-align: center;
}
.heroi-pagina__titulo {
font-size: 30px;
line-height: 2.3rem;
}
.seccao--informacao>.conteudo {
padding-block: 40px;
}
.seccao--ancoras>.conteudo {
padding-block: 40px 20px;
}
.seccao--depois-ancoras>.conteudo {
padding-block: 20px 40px;
}
.conteudo--ancoras {
gap: 0;
}
.assunto {
gap: 25px;
}
.assunto__bloco {
padding-top: 0;
}
.assunto__bloco--desativado {
padding-top: 0;
}
.assunto__titulo {
padding-top: 15px;
font-size: 24px;
}
.assunto__texto {
font-size: var(--t-corpo);
}
.ancoras {
width: 100%;
margin-left: -30px;
}
.carrossel--ancoras .carrossel__seta {
display: none;
}
.ancoras__arraste {
display: block;
width: 100%;
text-align: center;
}
.ancoras__arraste img {
width: 50%;
height: auto;
}
.corpo--final-20 {
font-size: var(--t-pequeno);
line-height: 24px;
}
}
.heroi-pagina--percursos::before,
.heroi-pagina--10km::before,
.heroi-pagina--5km::before {
content: none;
}
.heroi-pagina--percursos {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/percursos_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/percursos_desktop-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/percursos_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/percursos_desktop-scaled.webp") 2x);
background-position: center center;
}
.heroi-pagina--10km {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/Image-Container_desktop_16-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/Image-Container_desktop_16-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/Image-Container_desktop_16-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/Image-Container_desktop_16-scaled.webp") 2x);
}
.heroi-pagina--5km {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/5km_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/5km_desktop-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/5km_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/5km_desktop-scaled.webp") 2x);
}
.heroi-percurso {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
}
.heroi-percurso__titulo {
width: 814px;
max-width: 100%;
font-family: 'Poppins', sans-serif;
font-size: var(--t-h1-heroi);
font-weight: 700;
line-height: 3rem;
text-transform: uppercase;
color: var(--branco);
}
.heroi-percurso__titulo--5km {
line-height: 3.5rem;
}
.heroi-percurso__subtitulo {
font-family: 'Poppins', sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.2;
color: var(--branco);
}
.heroi-percurso__subtitulo p {
margin-bottom: 14.4px;
}
.mapa {
width: 100%;
}
.mapa__fachada {
position: relative;
display: inline-block;
width: 100%;
padding: 0;
background: var(--cinza-claro);
border: 0;
cursor: pointer;
}
.mapa iframe {
display: inline-block;
width: 100%;
border: 0;
}
.mapa--cartao .mapa__fachada,
.mapa--cartao iframe {
height: 450px;
}
.mapa--pagina .mapa__fachada,
.mapa--pagina iframe {
height: 700px;
}
.mapa__capa {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.mapa__marca {
position: absolute;
top: 50%;
left: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
transform: translate(-50%, -50%);
background: var(--azul);
border-radius: 100px;
}
.mapa__marca svg {
width: 32px;
height: 32px;
fill: var(--branco);
}
.mapa__fachada:hover .mapa__marca {
background: var(--azul-borda);
}
.seccao--percursos {
overflow: hidden;
}
.conteudo--percursos {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.titulo--percurso {
color: var(--preto-percursos);
}
.titulo--desafio {
width: 1000px;
max-width: 100%;
}
.corpo--percursos {
font-family: 'Poppins', sans-serif;
font-size: 20px;
line-height: 28px;
text-align: center;
}
.percursos-cartoes {
display: flex;
flex-wrap: wrap;
gap: 80px;
align-self: stretch;
}
.percursos-cartao {
display: flex;
flex-direction: column;
gap: 24px;
flex: 1 1 0;
min-width: 0;
}
.titulo--percurso-cartao {
font-size: var(--t-h2-cartao);
line-height: 1;
color: var(--azul-realce);
}
.percursos-cartao__botao {
display: flex;
justify-content: center;
}
.botao--icone-direita {
flex-direction: row-reverse;
gap: 12px;
}
.conteudo--percurso {
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
}
.percurso-cabeca {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
}
.titulo--percurso-pagina {
width: 75%;
}
.titulo--percurso-5km {
width: 1000px;
max-width: 100%;
}
.corpo--intro {
font-size: var(--t-corpo-grande);
line-height: 33.6px;
text-align: center;
}
.corpo--intro-10km {
width: 60%;
}
.corpo--intro strong {
color: var(--azul-realce);
}
.corpo--percurso {
font-size: var(--t-corpo-grande);
line-height: 36px;
}
.percurso-duas {
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
width: 100%;
padding-top: 50px;
}
.percurso-duas__imagem {
width: 35%;
}
.percurso-duas__texto {
width: 60%;
}
.percurso-duas__imagem img {
display: block;
width: 100%;
height: 450px;
object-fit: cover;
object-position: center center;
}
.seccao--destaques {
padding-block: 0 120px;
}
.destaques {
display: flex;
gap: 110px;
width: 100%;
max-width: var(--conteudo);
margin-inline: auto;
}
.destaques__item {
display: flex;
flex-direction: column;
gap: 24px;
flex: 1 1 0;
min-width: 0;
}
.destaques__item img {
align-self: center;
}
.corpo--destaque {
font-size: 20px;
line-height: 30px;
text-align: center;
}
@media (max-width: 768px) {
.mapa--cartao .mapa__fachada,
.mapa--cartao iframe {
width: 459px;
max-width: 100%;
height: 400px;
}
.mapa--pagina .mapa__fachada,
.mapa--pagina iframe {
width: 359px;
max-width: 100%;
height: 400px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.heroi-percurso {
width: 943px;
max-width: none;
gap: 15px;
}
.conteudo--percurso {
gap: 15px;
}
.percurso-duas {
flex-direction: column;
gap: 0;
}
.seccao--destaques {
padding-inline: 60px;
}
}
@media (max-width: 767px) {
.heroi-pagina--percursos,
.heroi-pagina--10km,
.heroi-pagina--5km {
min-height: 40vh;
background-position: -450px 0;
}
.heroi-pagina--percursos {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/percursos_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/percursos_desktop-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/percursos_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/percursos_desktop-scaled.webp") 2x);
}
.heroi-pagina--10km {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/Image-Container_desktop_16-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/Image-Container_desktop_16-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/Image-Container_desktop_16-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/Image-Container_desktop_16-scaled.webp") 2x);
}
.heroi-pagina--5km {
background-image: -webkit-image-set(url("/wp-content/uploads/2025/06/5km_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/5km_desktop-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2025/06/5km_desktop-2048x427.webp") 1x,
url("/wp-content/uploads/2025/06/5km_desktop-scaled.webp") 2x);
}
.heroi-percurso {
gap: 15px;
}
.heroi-percurso__titulo {
width: 100%;
font-size: 32px;
line-height: 2.4rem;
text-align: center;
}
.heroi-percurso__titulo--percursos {
font-size: 36px;
line-height: 2.3rem;
}
.heroi-percurso__titulo--5km {
line-height: 2.1rem;
}
.heroi-percurso__subtitulo {
width: 100%;
font-size: 20px;
text-align: center;
}
.sobrescrito--capsula {
padding: 7px 24px;
border-radius: 100px;
}
.titulo--desafio,
.titulo--percurso-pagina,
.titulo--percurso-5km {
width: 100%;
padding-top: 15px;
font-size: 25px;
}
.corpo--intro-10km {
width: 100%;
}
.corpo--percurso {
font-size: var(--t-corpo);
line-height: 27px;
text-align: center;
}
.percursos-cartao {
flex: 1 1 100%;
}
.conteudo--percurso {
gap: 25px;
}
.percurso-duas {
flex-direction: column;
gap: 40px;
padding-top: 0;
}
.percurso-duas__imagem {
order: 99999;
width: 100%;
}
.percurso-duas__texto {
width: 100%;
}
.percurso-duas__imagem img {
height: 300px;
}
.seccao--final>.conteudo {
gap: var(--gap);
}
.seccao--destaques {
padding: 0 40px 40px;
}
.destaques {
flex-wrap: wrap;
gap: 40px;
}
.destaques__item {
flex: 1 1 100%;
}
}
.heroi-sobre {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.heroi-sobre__titulo {
width: 400px;
max-width: 100%;
font-family: 'Poppins', sans-serif;
font-size: var(--t-h1-heroi);
font-weight: 700;
line-height: 3.2rem;
text-transform: uppercase;
color: var(--branco);
}
.heroi-sobre__subtitulo {
width: 54%;
font-family: 'Poppins', sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1;
color: var(--branco);
}
.seccao--sobre-corrida {
overflow: hidden;
}
.conteudo--sobre-corrida {
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
}
.sobre-corrida__topo {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
}
.titulo--sobre-corrida {
width: 100%;
padding-top: 34px;
color: var(--azul-realce);
}
.sobre-corrida__marca {
position: absolute;
top: 705px;
left: 1px;
width: 100%;
font-family: 'Poppins', sans-serif;
font-size: 150px;
font-weight: 700;
line-height: 1.1;
text-align: center;
color: rgba(0, 66, 140, 0.1);
}
.sobre-corrida__texto {
width: 100%;
padding-top: 50px;
}
.corpo--sobre-corrida {
text-align: center;
color: var(--preto);
}
.corpo--sobre-corrida a {
color: var(--azul-realce);
}
.heroi-sobre__titulo {
width: 560px;
font-size: 72px;
line-height: 1.05;
}
.corpo--sobre-corrida {
max-width: var(--medida-leitura);
margin-inline: auto;
text-align: left;
}
.corpo--sobre-corrida> :last-child {
text-align: center;
}
.seccao--numeros {
background: var(--cinza-claro);
}
.numeros {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px 24px;
}
.numeros__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
}
.numeros__valor {
font-family: 'Poppins', sans-serif;
font-size: var(--t-h2-cartao);
font-weight: 700;
line-height: 1.1;
color: var(--azul-realce);
}
.numeros__rotulo {
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo);
font-weight: 400;
line-height: 1.4;
color: var(--preto);
}
.organizacao {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
gap: 50px;
}
.organizacao__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
text-align: center;
}
.organizacao__logo {
width: auto;
max-width: 100%;
height: 140px;
}
.organizacao__texto {
max-width: 46ch;
margin-inline: auto;
}
.contacto--sem-formulario {
align-items: center;
justify-content: space-between;
gap: 40px;
}
.contacto--sem-formulario .contacto__esquerda {
width: auto;
max-width: var(--medida-leitura);
gap: 24px;
}
.contacto--sem-formulario .titulo--contacto {
width: auto;
}
.contacto--sem-formulario .contacto__accao {
flex: 0 0 auto;
}
.galeria__titulo {
padding: var(--padding-vertical) var(--padding-lateral) 40px;
}
@media (max-width: 1024px) {
.numeros {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.organizacao {
gap: 40px;
}
.contacto--sem-formulario {
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.contacto--sem-formulario .contacto__esquerda {
width: 100%;
}
}
.conteudo--abertura {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.titulo--abertura {
width: 100%;
padding-top: 34px;
text-align: center;
}
.corpo--abertura {
max-width: 100%;
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 33px;
text-align: center;
color: var(--preto);
}
.corpo--final-poppins {
font-family: 'Poppins', sans-serif;
}
.pagina--contacto .titulo--contacto {
width: 80%;
}
.pagina--contacto .contacto__texto .corpo {
font-family: 'Poppins', sans-serif;
}
.pagina--sobre .contacto__texto-item,
.pagina--contacto .contacto__texto-item {
color: var(--preto);
}
.pagina--sobre .formulario__entrada,
.pagina--contacto .formulario__entrada {
padding: 12px 24px;
}
.formulario__aviso {
margin-bottom: 24px;
padding: 16px 20px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 24px;
color: #00072D;
background: var(--branco);
border-left: 3px solid var(--azul-realce);
border-radius: 12px;
}
.formulario__aviso--bom {
border-left-color: #1C8C3B;
}
.formulario__aviso a {
color: var(--azul-realce);
}
.formulario__erro {
display: block;
padding-top: 6px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
line-height: 20px;
color: #C02B0A;
}
@media (max-width: 1024px) {
.pagina--contacto .titulo--contacto {
width: auto;
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.heroi-sobre {
width: 943px;
max-width: none;
gap: 15px;
}
.conteudo--sobre-corrida {
gap: 15px;
}
}
@media (max-width: 767px) {
.heroi-pagina--sobre {
min-height: 70vh;
background-image: url("/wp-content/uploads/2025/06/Image-3.webp");
background-position: center center;
}
.heroi-sobre {
align-items: center;
gap: 15px;
}
.heroi-sobre__titulo {
width: 100%;
font-size: 44px;
line-height: 1.1;
text-align: center;
}
.heroi-sobre__subtitulo {
width: 100%;
font-size: 24px;
text-align: center;
}
.conteudo--sobre-corrida {
gap: 25px;
}
.sobre-corrida__texto {
padding-top: 0;
}
.titulo--sobre-corrida {
padding-top: 15px;
}
.sobre-corrida__marca {
top: 191px;
left: 0;
width: 663px;
max-width: 100%;
font-size: 43px;
line-height: 1.5;
}
.titulo--abertura {
font-size: 38px;
}
.corpo--abertura {
font-size: var(--t-corpo);
line-height: 27px;
}
.pagina--contacto .contacto__texto .corpo {
margin-bottom: -10px;
font-size: var(--t-pequeno);
line-height: 24px;
}
.pagina--sobre .contacto__texto-item {
font-size: var(--t-corpo);
line-height: 27px;
}
.pagina--sobre .seccao--contacto>.conteudo {
padding-block: 60px 40px;
}
}
.heroi-legal {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 60px;
background: var(--azul);
}
.heroi-legal__interior {
position: relative;
width: 100%;
max-width: 1160px;
padding-block: 72px;
}
.heroi-legal__titulo {
width: fit-content;
max-width: 100%;
font-family: 'Poppins', sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.15;
color: var(--branco);
}
.heroi-legal__versao {
margin-top: 12px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
font-weight: 600;
letter-spacing: 0.5px;
color: var(--azul-borda);
}
.seccao--legal {
padding-inline: 60px;
}
.legal-grelha {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
gap: 24px 64px;
width: 100%;
max-width: 1160px;
margin-inline: auto;
padding-block: 56px 80px;
}
.legal-indice {
min-width: 0;
}
.legal-indice__dobra {
position: sticky;
top: calc(var(--cabecalho-altura) + 24px);
}
.legal-indice__titulo {
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
font-weight: 700;
letter-spacing: 1.6px;
text-transform: uppercase;
color: var(--azul-realce);
list-style: none;
cursor: default;
}
.legal-indice__titulo::-webkit-details-marker {
display: none;
}
@media (min-width: 1025px) {
.legal-indice__titulo {
pointer-events: none;
}
}
.legal-indice__lista {
margin-top: 14px;
padding-left: 0;
list-style: none;
border-left: 2px solid var(--cinza-claro);
}
.legal-indice__lista li+li {
margin-top: 2px;
}
.legal-indice__lista a {
display: block;
padding: 6px 0 6px 14px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
line-height: 1.4;
color: var(--preto);
text-decoration: none;
border-left: 2px solid transparent;
margin-left: -2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
.legal-indice__lista a:hover {
color: var(--azul-realce);
border-left-color: var(--azul-realce);
}
.legal {
min-width: 0;
max-width: 780px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 400;
line-height: 1.65;
color: var(--preto);
}
.legal__seccao {
padding-block: 20px 8px;
}
.legal__seccao+.legal__seccao {
border-top: 1px solid var(--cinza-claro);
}
.legal__seccao:first-child {
padding-top: 0;
}
.legal__seccao[id] {
scroll-margin-top: calc(var(--cabecalho-altura) + 24px);
}
.legal__titulo {
margin-bottom: 14px;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
color: var(--azul);
}
.legal h3 {
margin: 18px 0 8px;
font-size: var(--t-corpo);
font-weight: 600;
color: var(--azul);
}
.legal p {
margin-bottom: 12px;
}
.legal strong {
font-weight: 700;
}
.legal ul {
margin: 0 0 12px;
padding-left: 22px;
}
.legal li {
margin-bottom: 6px;
}
.legal a {
color: var(--azul-realce);
text-decoration: underline;
text-underline-offset: 2px;
}
.legal a:hover {
color: var(--azul-borda);
}
.legal .legal-cartao {
padding: 20px 24px;
background: var(--cinza-claro);
border-left: 3px solid var(--azul-realce);
border-radius: 0 12px 12px 0;
line-height: 1.8;
}
.legal-tabela-moldura {
margin-bottom: 12px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.legal-tabela {
width: 100%;
min-width: 640px;
border-collapse: collapse;
font-size: var(--t-etiqueta);
line-height: 1.45;
}
.legal-tabela th {
padding: 10px 12px;
text-align: left;
font-weight: 700;
color: var(--branco);
background: var(--azul);
}
.legal-tabela td {
padding: 10px 12px;
vertical-align: top;
border-bottom: 1px solid var(--cinza-claro);
}
.legal-tabela tbody tr:nth-child(even) td {
background: var(--cinza-claro);
}
@media (min-width: 768px) and (max-width: 1024px) {
.heroi-legal {
padding: 0 25px;
}
.heroi-legal__interior {
padding-block: 58px;
}
.seccao--legal {
padding-inline: 25px;
}
.legal-grelha {
grid-template-columns: minmax(0, 1fr);
padding-block: 40px 64px;
}
.legal-indice__dobra {
position: static;
}
}
@media (max-width: 767px) {
.heroi-legal {
padding: 0 20px;
}
.heroi-legal__interior {
padding-block: 40px;
}
.heroi-legal__titulo {
font-size: 28px;
text-align: center;
margin-inline: auto;
}
.heroi-legal__versao {
text-align: center;
}
.seccao--legal {
padding-inline: 20px;
}
.legal-grelha {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
padding-block: 28px 48px;
}
.legal-indice__dobra {
position: static;
padding: 14px 16px;
background: var(--cinza-claro);
border-radius: 12px;
}
.legal-indice__titulo {
cursor: pointer;
}
.legal-indice__titulo::after {
content: " +";
}
.legal-indice__dobra[open] .legal-indice__titulo::after {
content: " −";
}
.legal-indice__lista {
border-left-color: var(--branco);
}
.legal__titulo {
font-size: 20px;
}
}
.rodape {
padding: 64px var(--padding-lateral) 36px;
}
.rodape__interior {
gap: 40px;
}
.rodape__topo {
justify-content: space-between;
gap: 40px var(--gap);
}
.rodape__colunas {
gap: 64px;
}
.rodape__coluna--legais {
width: auto;
min-height: 0;
gap: 14px;
padding-top: 35px;
}
.rodape__coluna--paginas {
width: auto;
min-height: 0;
gap: 14px;
}
.rodape__coluna--redes {
width: auto;
min-height: 0;
gap: 14px;
}
.rodape__lista {
gap: 10px;
}
@media (max-width: 767px) {
.rodape {
padding: 44px 25px 28px;
}
.rodape {
padding-bottom: calc(28px + var(--botao-alt-g) + 24px + env(safe-area-inset-bottom, 0px));
}
.rodape__interior {
padding: 0;
gap: 28px;
}
.rodape__topo {
flex-direction: column;
gap: 28px;
}
.rodape__marca {
flex: 1 1 auto;
}
.rodape__colunas {
width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
gap: 28px 40px;
}
.rodape__coluna--legais {
padding-top: 0;
}
}
@media (max-width: 1024px) {
.ancoras {
width: 100%;
max-width: none;
margin-right: 0;
}
.conteudo--ancoras {
padding-inline: 20px;
}
.carrossel--ancoras .carrossel__pista {
padding-block: 6px;
}
.carrossel--ancoras .carrossel__slide {
flex: 0 0 auto;
}
.carrossel--ancoras.carrossel--fita .carrossel__pista {
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
}
.carrossel--ancoras:not(.carrossel--fita) .carrossel__seta {
display: flex;
width: 36px;
height: 36px;
padding: 0;
background: var(--branco);
border: 2px solid var(--azul);
color: var(--azul);
opacity: 1;
}
.carrossel--ancoras:not(.carrossel--fita) .carrossel__seta--anterior {
left: 2px;
}
.carrossel--ancoras:not(.carrossel--fita) .carrossel__seta--seguinte {
left: auto;
right: 2px;
}
.carrossel--ancoras:not(.carrossel--fita) .carrossel__seta {
display: none;
}
}
.seccao--ancoras>.conteudo {
padding-block: 28px 20px;
}
.heroi-pagina--contacto {
background-image: -webkit-image-set(url("/wp-content/uploads/2026/07/Corridadodragaofull_RR-81-1620x1080.webp") 1x,
url("/wp-content/uploads/2026/07/Corridadodragaofull_RR-81-scaled.webp") 2x);
background-image: image-set(url("/wp-content/uploads/2026/07/Corridadodragaofull_RR-81-1620x1080.webp") 1x,
url("/wp-content/uploads/2026/07/Corridadodragaofull_RR-81-scaled.webp") 2x);
background-position: center 30%;
}
.heroi-pagina__titulo--frase {
text-transform: none;
line-height: 1.2;
}
.heroi-contacto__texto {
margin-top: 18px;
max-width: 680px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo-destaque);
line-height: 1.6;
color: var(--branco);
}
.heroi-contacto__texto p {
margin-bottom: 4px;
}
.pagina--contacto .contacto__item a {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 18px;
background: var(--branco);
border: 1px solid var(--cinza-claro);
border-radius: 12px;
text-decoration: none;
transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.pagina--contacto .contacto__item+.contacto__item {
margin-top: 12px;
}
.pagina--contacto .contacto__item a:hover {
border-color: var(--azul-realce);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 7, 45, 0.08);
}
.contacto__redes {
display: flex;
gap: 12px;
margin-top: 20px;
padding-left: 0;
list-style: none;
}
.contacto__rede {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: var(--azul-realce);
border-radius: 50%;
color: var(--branco);
transition: background-color 0.25s ease;
}
.contacto__rede:hover {
background: var(--azul-borda);
}
.contacto__rede svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.pagina--contacto .formulario {
padding: 32px;
background: var(--branco);
border-radius: 16px;
box-shadow: 0 12px 32px rgba(0, 7, 45, 0.08);
}
.conteudo--video-contacto {
max-width: 960px;
margin-inline: auto;
padding: 0 60px 100px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.pagina--contacto .formulario {
padding: 24px;
}
.conteudo--video-contacto {
padding: 0 25px 60px;
}
}
@media (max-width: 767px) {
.heroi-pagina--contacto {
background-image: url("/wp-content/uploads/2026/07/Corridadodragaofull_RR-81-1620x1080.webp");
}
.heroi-contacto__texto {
font-size: var(--t-corpo);
}
.pagina--contacto .formulario {
padding: 20px;
}
.conteudo--video-contacto {
padding: 0 20px 40px;
}
}
.seccao--voluntario {
background: var(--cinza-informacoes);
}
.conteudo--voluntario {
max-width: 900px;
display: flex;
flex-direction: column;
gap: 24px;
}
.formulario--voluntariado {
padding: 32px;
background: var(--branco);
border-radius: 16px;
box-shadow: 0 12px 32px rgba(0, 7, 45, 0.08);
}
.formulario__campo--metade {
grid-column: span 6;
}
.formulario--voluntariado .formulario__entrada--area {
height: auto;
min-height: 0;
}
.formulario__grupo {
grid-column: span 12;
border: 0;
padding: 0;
margin: 0;
}
.formulario__legenda {
padding: 0;
float: none;
width: 100%;
}
.formulario__ajuda {
margin-bottom: 12px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
line-height: 1.55;
color: #5c646e;
}
.formulario__opcoes {
display: flex;
flex-direction: column;
gap: 4px;
}
.formulario__opcao {
display: flex;
align-items: center;
gap: 10px;
min-height: 44px;
}
.formulario__opcao-texto {
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 20px;
color: #00072D;
padding-block: 12px;
cursor: pointer;
}
.formulario--voluntariado input[type="date"] {
min-height: 74px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.formulario--voluntariado {
padding: 24px;
}
}
@media (max-width: 767px) {
.formulario__campo--metade {
grid-column: span 12;
}
.formulario--voluntariado {
padding: 20px;
}
}
.tabela-tamanhos__scroll {
overflow-x: auto;
width: 100%;
min-width: 0;
scrollbar-width: thin;
scrollbar-color: var(--azul-realce) #E4E8EF;
}
.tabela-tamanhos__scroll::-webkit-scrollbar {
height: 8px;
}
.tabela-tamanhos__scroll::-webkit-scrollbar-track {
background: #E4E8EF;
border-radius: 4px;
}
.tabela-tamanhos__scroll::-webkit-scrollbar-thumb {
background: var(--azul-realce);
border-radius: 4px;
}
.tabela-tamanhos {
border-collapse: separate;
border-spacing: 0;
width: 100%;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 1.4;
color: var(--preto);
}
.tabela-tamanhos th,
.tabela-tamanhos td {
padding: 13px 14px;
text-align: left;
}
.tabela-tamanhos td,
.tabela-tamanhos tbody th {
hyphens: none;
overflow-wrap: normal;
}
.tabela-tamanhos thead th {
padding-top: 4px;
padding-bottom: 10px;
font-size: var(--t-mini);
font-weight: 600;
color: #5C646E;
text-transform: uppercase;
letter-spacing: 0.06em;
border-bottom: 2px solid #E4E8EF;
white-space: nowrap;
}
.tabela-tamanhos tbody th {
font-size: var(--t-corpo);
font-weight: 700;
color: var(--azul-realce);
white-space: nowrap;
}
.tabela-tamanhos tbody tr:nth-child(odd) th,
.tabela-tamanhos tbody tr:nth-child(odd) td {
background: #F5F8FC;
}
.tabela-tamanhos tbody tr th:first-child {
border-radius: 10px 0 0 10px;
}
.tabela-tamanhos tbody tr td:last-child {
border-radius: 0 10px 10px 0;
}
.ancora-antiga {
display: block;
height: 0;
overflow: hidden;
}
.seccao--guia {
overflow: clip;
}
.conteudo--guia {
display: flex;
flex-direction: column;
gap: 40px;
}
.guia {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
align-items: start;
}
.guia__intro {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.guia__titulo {
margin: 0;
font-family: 'Poppins', sans-serif;
font-size: var(--t-h2);
font-weight: 700;
line-height: 1.1;
color: var(--azul-realce);
}
.guia__texto {
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo);
line-height: 1.55;
color: var(--preto);
}
.guia__texto p {
margin: 0 0 12px;
}
.guia__texto p:last-child {
margin-bottom: 0;
}
.guia__aviso {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 4px 0 0;
padding: 16px 18px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 500;
line-height: 1.5;
color: var(--preto);
background: var(--branco);
border-left: 4px solid var(--azul-borda);
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0, 7, 45, 0.06);
}
.guia__aviso-icone {
flex: 0 0 auto;
width: 22px;
height: 22px;
margin-top: 1px;
color: var(--azul-realce);
}
.guia__aviso-icone svg {
display: block;
width: 100%;
height: 100%;
}
.guia__atalhos {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}
.guia__atalho {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 20px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
font-weight: 600;
line-height: 1;
color: var(--azul-realce);
text-decoration: none;
background: transparent;
border: 2px solid var(--azul-realce);
border-radius: 60px;
transition: background-color 0.2s ease, color 0.2s ease;
}
.guia__atalho:hover,
.guia__atalho:focus-visible {
color: var(--branco);
background: var(--azul-realce);
}
.guia__atalho:focus-visible {
outline: 2px solid var(--azul);
outline-offset: 2px;
}
.guia__tabelas {
display: flex;
flex-direction: column;
gap: 24px;
min-width: 0;
}
.cartao-tamanhos {
overflow: hidden;
background: var(--branco);
border-radius: 20px;
box-shadow: 0 2px 12px rgba(0, 7, 45, 0.08);
scroll-margin-top: 130px;
}
.cartao-tamanhos__cabeca {
display: flex;
align-items: center;
gap: 16px;
padding: 18px 24px;
color: var(--branco);
background: var(--azul);
}
.cartao-tamanhos__icone {
flex: 0 0 auto;
width: 32px;
height: 32px;
color: var(--azul-borda);
}
.cartao-tamanhos__icone svg {
display: block;
width: 100%;
height: 100%;
}
.cartao-tamanhos__rotulo {
min-width: 0;
}
.cartao-tamanhos__titulo {
margin: 0;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo-destaque);
font-weight: 700;
line-height: 1.2;
color: var(--branco);
}
.cartao-tamanhos__gama {
margin: 3px 0 0;
font-family: 'Poppins', sans-serif;
font-size: var(--t-etiqueta);
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.02em;
color: rgba(255, 255, 255, 0.78);
}
.cartao-tamanhos__corpo {
padding: 12px 10px 20px;
}
.tamanhos__nota {
margin: 16px 14px 0;
padding: 12px 16px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 1.5;
font-weight: 600;
color: var(--preto);
background: #FFF4E5;
border-left: 3px solid #C87A00;
border-radius: 8px;
}
.guia__faq {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 8px;
}
.dobra {
background: var(--branco);
border-radius: 14px;
box-shadow: 0 2px 12px rgba(0, 7, 45, 0.08);
}
.dobra__pergunta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 20px;
min-height: 56px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo);
font-weight: 600;
line-height: 1.35;
color: var(--preto);
cursor: pointer;
list-style: none;
}
.dobra__pergunta::-webkit-details-marker {
display: none;
}
.dobra__pergunta::after {
content: "";
flex: 0 0 auto;
width: 10px;
height: 10px;
border-right: 2px solid var(--azul-realce);
border-bottom: 2px solid var(--azul-realce);
transform: rotate(45deg) translate(-2px, -2px);
}
.dobra[open] .dobra__pergunta::after {
transform: rotate(-135deg) translate(-4px, -4px);
}
.dobra__resposta {
padding: 0 20px 18px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-pequeno);
line-height: 1.55;
color: var(--preto);
}
.dobra__resposta p {
margin: 0;
}
.dobra__pergunta:focus-visible {
outline: 2px solid var(--azul-realce);
outline-offset: 2px;
border-radius: 14px;
}
.guia__final {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 32px 28px;
color: var(--branco);
background: var(--azul);
border-radius: 24px;
}
.guia__final-texto {
min-width: 0;
}
.guia__final-titulo {
margin: 0 0 8px;
font-family: 'Poppins', sans-serif;
font-size: var(--t-h2-cartao);
font-weight: 700;
line-height: 1.15;
color: var(--branco);
}
.guia__final p {
margin: 0;
font-family: 'Poppins', sans-serif;
font-size: var(--t-corpo);
line-height: 1.5;
color: rgba(255, 255, 255, 0.85);
}
.guia__final .botao {
flex: 0 0 auto;
}
.heroi-pagina__acao {
margin-top: 24px;
}
@media (min-width: 900px) {
.guia__final {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
padding: 40px 48px;
}
}
@media (max-width: 1099px) {
.guia,
.guia__final {
max-width: 780px;
margin-inline: auto;
}
}
@media (min-width: 1100px) {
.guia {
grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
gap: 56px;
}
.guia__intro {
position: sticky;
top: 130px;
}
}
.corpo--tshirt {
max-width: var(--medida-leitura);
margin-inline: auto;
text-align: center;
}
@media (min-width: 768px) {
.tshirt__acoes {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.tabela-tamanhos {
font-size: var(--t-etiqueta);
}
.tabela-tamanhos tbody th {
font-size: var(--t-etiqueta);
}
.tabela-tamanhos th,
.tabela-tamanhos td {
padding: 10px 8px;
}
.guia__titulo {
font-size: var(--t-h2-cartao);
}
.cartao-tamanhos__cabeca {
padding: 16px 18px;
gap: 12px;
}
.cartao-tamanhos__corpo {
padding: 10px 4px 18px;
}
.tamanhos__nota {
margin-inline: 8px;
}
.guia__final-titulo {
font-size: var(--t-corpo-grande);
}
}