html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: 100%;
}
strong {
font-weight: bold;
}
* { box-sizing: border-box; } @import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); body {
font-family: 'Figtree', Arial, sans-serif;
color: #333;
}
.container {
margin: 0 auto;
max-width: 1290px;
padding: 0 32px;
} .hero {
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/bg-hero.jpg)no-repeat center/cover;
height: calc(100dvh - 60px);
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
min-height: 600px;
}
@media (min-width: 1200px) {
.hero {
height: 100dvh;
background-size: auto;
}
} .sponsors {
padding: 40px 0;
}
.sponsors h2 {
text-align: center;
color: #0BD674;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 32px;
}
@media (min-width:1200px) {
.sponsors {
padding: 80px 0;
}
} .about {
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/bg-about.jpg)no-repeat left top;
background-size: 650px auto;
padding-top: 300px;
}
.about img {
margin-bottom: 24px;
}
.about p {
}
.about p + p {
margin-top: 24px;
}
.about-social {
margin-top: 24px;
}
.about-social img {
border-radius: 100%;
width: 60px;
margin: 0;
padding: 4px;
border: 3px solid #8f12ff;
}
.about-social a {
color: #333;
display: flex;
align-items: center;
gap: 16px;
text-decoration: none;
justify-content: flex-start;
}
@media (min-width: 1200px) {
.about {
background-size: 100% auto;
padding: 340px 0;
background-position: center;
margin: -100px 0 -160px 0;
}
.about .container > div {
padding-left: 50%;
}
} .prizes {
padding: 40px 0;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/bg-prizes.jpg)no-repeat center;
}
.prizes-list {
display: flex;
flex-direction: column;
gap: 32px;
margin-top: 24px;
}
.prizes-list-box {
position: relative;
aspect-ratio: 1/1;
background: #ccc;
border-radius: 24px;
overflow: hidden;
}
.prizes-list-box img {
display: block;
max-width: none;
width: 100%;
}
.prizes-list-box p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: calc(100% - 48px);
margin: 0 auto 24px auto;
z-index: 2;
color: #fff;
font-weight: 500;
}
.prizes-list-box p strong {
display: block;
font-weight: 400;
margin-top: 8px;
}
.prizes-list-box p span {
display: block;
padding-left: 60px;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/icon-prizes.png)no-repeat left center;
}
.prizes-list-box p:before {
content: '';
display: block;
width: calc(100% + 48px);
height: 200%;
position: absolute;
bottom: -24px;
left: -24px;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
z-index: -1;
}
.prizes-link {
margin-top: 32px;
text-align: center;
}
.prizes-link a {
color: #8F00FF;
font-size: 24px;
font-weight: 500;
position: relative;
z-index: 1;
text-decoration: none;
}
.prizes-link a:after {
content: '';
width: 124px;
height: 92px;
position: absolute;
top: -32px;
left: 17px;
display: block;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/img-marker.svg)no-repeat center;
z-index: -1;
}
@media (min-width: 1200px) {
.prizes-list {
flex-direction: row;
flex-wrap: wrap;
}
.prizes-list-box {
flex: 1;
}
.prizes-link {
margin-top: 48px;
}
} .team {
padding: 40px 0;
}
.team h2 {
text-align: center;
color: #0BD674;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 32px;
}
@media (min-width:1200px) {
.team {
padding: 80px 0;
}
} .ranking {
padding: 40px 0;
}
.ranking-content {
display: flex;
align-items: center;
flex-direction: column;
}
.ranking-content > img {
margin-bottom: 32px;
}
.ranking-content-item {
display: flex;
align-items: center;
gap: 32px;
}
.ranking-video {
margin: 40px 0;
border-radius: 24px;
border: 2px solid #0BD674;;
width: 100%;
max-width: 767px;
aspect-ratio: 16/9;
background: #fff;
}
@media (min-width: 1200px) {
.ranking {
position: relative;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/bg-prizes.jpg)no-repeat center top;
}
.ranking-content-item p {
font-size: 32px;
}
.ranking-column {
display: flex;
gap: 40px;
justify-content: center;
flex-direction: column;
align-items: center;
}
}
@media (min-width: 1600px) {
.ranking:after {
content: '';
width: 523px;
height: 1090px;
position: absolute;
top: -400px;
right: 0;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/img-float.png)no-repeat center;
}
.ranking:before {
content: '';
width: 523px;
height: 1090px;
position: absolute;
top: 200px;
z-index: 10;
left: 0;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/img-float.png)no-repeat center;
transform: rotate(180deg);
}
} .supporters {
margin: 45px 0;
position: relative;
}
.supporters:before, .supporters:after {
content: '';
width: 100%;
height: 47px;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/img-border.png)repeat-x center;
top: -45px;
display: block;
position: absolute;
}
.supporters:after {
transform: rotate(180deg);
top: auto;
bottom: -45px;
}
.supporters h2 {
text-align: center;
color: #fff;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 32px;
}
.logo-list.supporters-list img {
border-color: #48d674;
}
.logo-list.supporters-list p {
color: #fff;
}
@media (min-width:1200px) {
.supporters {
padding: 80px 0;
}
} .gallery {
padding: 80px 0;
}
.gallery-list {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 40px;
}
.gallery-item {
aspect-ratio: 1/1;
background: #efefef;
border-radius: 8px;
width: 100%;
}
@media (min-width: 1200px) {
.gallery {
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/bg-gallery.jpg)no-repeat center;
}
.gallery-list {
flex-direction: row;
flex-wrap: wrap;
}
.gallery-item {
flex: calc(25% - 48px);
}
} .partners {
margin: 45px 0;
position: relative;
}
.partners:before, .partners:after {
content: '';
width: 100%;
height: 47px;
background: url(//carolbastides.com.br/site/wp-content/themes/carolbastides/assets/img/img-border.png)repeat-x center;
top: -45px;
display: block;
position: absolute;
}
.partners:after {
transform: rotate(180deg);
top: auto;
bottom: -45px;
}
.partners > img {
display: none;
}
.partners p {
width: 100%;
position: relative;
}
.partners .d-flex-center + div p {
color: #fff;
font-size: 24px;
margin: 80px 0 40px 0;
text-align: center;
}
.partners-form {
display: flex;
align-items: center;
flex-direction: column;
gap: 24px;
justify-content: center;
}
.partners-form > div {
width: 100%;
display: flex;
justify-content: center;
}
.partners-form-input::placeholder, .partners-form-input::-ms-input-placeholder {
color: #8F00FF;
}
.partners-form-input {
border: 0;
padding: 0 24px;
height: 64px;
width: 100%;
max-width: 300px;
background: #fff;
border-radius: 8px;
color: #8F00FF;
font-size: 16px;
line-height: 64px;
font-family: 'Figtree', Arial, sans-serif;
font-size: 18px;
}
.wpcf7-not-valid {
border: 2px solid #000;
}
.wpcf7-not-valid::placeholder {
color: red;
opacity: 1; }
.wpcf7-not-valid::-ms-input-placeholder {
color: red;
}
.wpcf7-not-valid-tip {
display: none!important;
}
.partners-form-button {
font-family: 'Figtree', Arial, sans-serif;
border: 0;
padding: 0 24px;
height: 64px;
width: 100%;
max-width: 300px;
background: #FFD700;
border-radius: 8px;
color: #8F00FF;
font-size: 16px;
line-height: 64px;
display: block;
font-size: 18px;
font-weight: 600;
}
@media (min-width: 1200px) {
.partners-form {
flex-direction: row;
}
.partners > img {
display: block;
position: absolute;
top: -200px;
left: 0;
mix-blend-mode: luminosity;
z-index: 1;
}
.partners .container {
position: relative;
z-index: 10;
}
} .supporters, .partners {
background: #8F00FF;
padding: 40px 0;
}
.logo-list {
display: flex;
gap: 24px;
justify-content: center;
flex-wrap: wrap;
}
.logo-list  > div {
flex: 0 0 120px;
}
.logo-list  p {
word-break: break-all;
font-size: 12px;
color: #333;
text-align: center;
margin-top: 8px;
}
.logo-list  a {
text-decoration: none;
}
.logo-list  img {
border-radius: 100%;
padding: 4px;
border: 2px solid #3790ff;
}
.d-flex-center {
display: flex;
justify-content: center;
}
@media (min-width:1200px) {
.supporters, .partners {
padding: 80px 0;
}
.logo-list {
gap: 32px;
}
} .footer {
padding: 30px 0 40px 0;
text-align: center;
}
.footer p {
font-size: 18px;
}
.footer p a {
font-weight: 600;
text-decoration: none;
color: #333;
} .modal {
display: none;
position: fixed; 
z-index: 900; 
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
background-color: #fefefe;
margin: 10% auto 5% auto;
padding: 36px;
border: 1px solid #888;
width: 80%; 
max-width: 1280px;
border-radius: 8px;
position: relative;
}
.modal-columns {
display: flex;
flex-direction: column;
gap: 24px;
}
.modal-columns h3 {
font-size: 24px;
font-weight: bold;
margin-bottom: 16px;
}
.modal-columns p {
font-size: 14px;
line-height: 1.3;
}
.modal-columns p + p {
margin-top: 16px;
}
.modal-columns strong {
font-weight: bold;
display: block;
font-size: 16px;
}
.close {
color: #aaa;
float: right;
font-size: 22px;
font-weight: bold;
cursor: pointer;
position: absolute;
top: 16px;
right: 16px;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
@media (min-width: 1200px) {
.modal-content {
padding: 64px;
margin:  120px auto 0 auto;
}
.modal-columns {
flex-direction: row;
gap: 40px;
}
} .wpcf7 form .wpcf7-response-output {
padding: 20px!important;
border-radius: 16px;
border-width: 2px;
color: #fff;
margin: 16px 0 0 0!important;
}
.wpcf7-spinner {
position: absolute!important;
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
margin: auto!important;
}