.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.home {
background: #1c1c1c;
}
.visually-hidden-home {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
:root {
--home-h2-size: 28px;
--home-section-gap: 32px;
}
h2 {
font-size: var(--home-h2-size);
}
.bg-escuro-home {
section {
background: transparent;
}
.btn-ver-todos {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
background: #f69743;
color: #fff;
padding: 20px 45px;
border-radius: 80px;
border: none;
width: fit-content;
height: fit-content;
font-family: "Gilroy R";
font-size: 25px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
transition: background-color .25s ease, transform .25s ease;
svg path {
stroke: #fff;
transition: stroke .25s ease;
}
&:hover {
background: #f88622;
transform: translateY(-1px);
}
}
}
.newsletter {
background: #f6f6f6;
}
.meta-projeto,
.desc-pill {
display: none !important;
}
.marca {
padding: 30px 0 10px;
img {
width: 100%;
}
}
.lista-projetos {
.card-principal {
height: 620px;
.bg-layer {
height: 100%;
padding: 24px;
}
}
.card-projeto {
img {
border-radius: 12px;
}
.categoria {
margin: 14px 0 10px;
}
}
.stack-titulo {
.titulo {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
text-decoration-color: transparent;
transition: text-decoration-color 1s ease;
&:hover {
text-decoration-color: currentColor;
}
}
}
}
.stack-titulo {
display: block;
.titulo {
display: block;
margin: 0;
line-height: 1.15;
color: #fff;
}
.descricao-breve {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.15;
font-size: .95rem;
color: #fff;
}
}
.card-principal:hover .stack-titulo .titulo,
.card-projeto:hover .stack-titulo .titulo,
.card-carousel-projeto:hover .stack-titulo .titulo {
text-decoration-color: currentColor;
}
.webseries {
padding-bottom: 24px;
h2 {
color: #fff;
font-family: "Gilroy M";
font-size: var(--home-h2-size);
font-weight: 400;
line-height: 120%;
margin-bottom: 6px;
}
p {
color: #cfcfcf;
font-family: "Gilroy R";
font-size: 16px;
font-weight: 400;
line-height: 120%;
}
.carousel-projetos {
position: relative;
padding-bottom: 16px;
}
.btn-ver-todos {
background: transparent;
color: #fff;
padding: 0;
border-radius: 0;
font-size: 16px;
font-family: "Gilroy M";
font-weight: 400;
line-height: 100%;
&:hover {
background: transparent;
color: #fff;
}
svg path {
stroke: #f69743;
}
}
.owl-nav {
button {
width: 44px;
height: 44px;
border-radius: 50%;
border: none !important;
background: transparent !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
svg path {
stroke: #7d7d7d;
}
&:hover svg path {
stroke: #f69743;
}
}
}
}
.campanhas {
.btn-ver-todos {
background: transparent;
color: #fff;
padding: 0;
border-radius: 0;
font-size: 16px;
font-family: "Gilroy M";
font-weight: 400;
line-height: 100%;
&:hover {
background: transparent;
color: #fff;
}
svg path {
stroke: #f69743;
}
}
h2 {
color: #fff;
font-size: var(--home-h2-size);
}
}
.card-carousel-projeto {
width: 345px;
border-radius: 12px;
display: flex;
flex-direction: column;
position: relative;
text-decoration: none;
overflow: hidden;
img {
border-radius: 12px;
object-fit: cover;
aspect-ratio: 16/9;
transition: transform .4s ease;
}
&:hover img {
transform: scale(1.06);
}
.bg-layer {
position: absolute;
inset: 0;
z-index: 2;
height: 100%;
border-radius: 12px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 24px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
text-decoration: none;
}
p {
font-size: 20px;
}
.titulo {
margin-top: 10px;
}
}
.webseries .card-carousel-projeto .categoria {
font-size: 12px;
padding: 6px 8px;
border-radius: 6px;
}
.card-campanha p,
.branding-card p,
.redes .card-redes p {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
text-decoration-color: transparent;
transition: text-decoration-color 1s ease;
}
.redes .card-redes,
.redes .card-redes:hover,
.redes .card-redes:focus,
.redes .card-redes:active,
.redes .card-redes:visited,
.redes .card-redes .bg-layer,
.redes .card-redes .bg-layer:hover,
.redes .card-redes .bg-layer:focus,
.redes .card-redes .bg-layer:active,
.redes .card-redes .bg-layer:visited {
text-decoration: none !important;
}
.redes .card-redes p,
.redes .card-redes:hover p,
.redes .card-redes:focus p,
.redes .card-redes:active p,
.redes .card-redes:visited p {
text-decoration: none !important;
}
.webseries-controls {
display: flex;
align-items: center;
gap: 16px;
margin-top: 18px;
.webseries-nav {
display: flex;
gap: 12px;
}
.owl-nav {
display: flex;
gap: 12px;
}
}
.redes {
.depoimentos {
.owl-nav {
button {
width: 44px;
height: 44px;
border-radius: 50%;
border: none !important;
background: transparent !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
svg path {
stroke: #7d7d7d;
}
&:hover svg path {
stroke: #f69743;
}
}
}
}
}
.webseries-progress {
position: relative;
flex: 1;
.progress-track {
position: absolute;
left: 0;
right: 0;
top: 1px;
height: 2px;
background: #d9d9d9;
border-radius: 6px;
}
.progress-active {
position: absolute;
height: 4px;
width: 224px;
background: #f69743;
border-radius: 6px;
}
}
.campanhas-grid {
display: grid;
grid-template-columns: 1fr 1.6fr 1fr;
gap: 24px;
align-items: start;
}
.card-campanha {
position: relative;
display: block;
text-decoration: none;
overflow: visible;
img {
width: 100%;
height: auto;
aspect-ratio: 4/3;
object-fit: cover;
border-radius: 12px;
transition: transform .4s ease;
}
&:hover img {
transform: scale(1.06);
}
p {
margin: 14px 0 0;
color: #fff;
font-family: "Gilroy M";
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
&:hover p {
text-decoration-color: currentColor;
}
&.card-campanha-pr {
overflow: hidden;
border-radius: 12px;
img {
aspect-ratio: 16/9;
}
.bg-layer {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: flex-end;
padding: 22px 24px;
background: linear-gradient(to top, rgba(0, 0, 0, .70) 0%, rgba(0, 0, 0, .25) 45%, rgba(0, 0, 0, 0) 70%);
p {
margin: 0;
color: #fff;
font-family: "Gilroy M";
font-size: 28px;
font-weight: 500;
line-height: 120%;
}
}
}
}
.campanha-col-sm {
.card-campanha {
.bg-layer {
display: none;
}
}
}
.brandings {
padding: 70px 0;
background: #fff;
h2.titulo {
color: #000;
text-align: center;
font-family: "Gilroy M";
font-size: var(--home-h2-size);
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
margin-bottom: var(--home-section-gap);
}
}
.brandings-grid {
display: grid;
grid-template-rows: auto auto;
gap: 24px;
}
.brandings-row-lg {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.brandings-row-sm {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 24px;
align-items: center;
}
.brandings-sm-carousel {
min-width: 0;
.branding-card {
width: 100%;
}
}
.branding-card {
background: transparent;
display: block;
text-decoration: none;
color: #000;
.box-img {
position: relative;
overflow: hidden;
border-radius: 10px;
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.categoria {
position: absolute;
top: 14px;
left: 14px;
width: fit-content;
padding: 6px 10px;
border-radius: 8px;
background: #fff6d8;
color: #000000;
font-family: "Gilroy M";
font-size: 12px;
font-weight: 400;
}
}
&:hover .box-img img {
transform: scale(1.04);
}
p {
color: #000 !important;
font-family: "Gilroy M";
font-size: 14px;
font-weight: 400;
line-height: 130%;
margin-top: 12px;
}
&:hover p {
text-decoration-color: currentColor;
}
}
.branding-card-lg {
.box-img {
aspect-ratio: 16/9;
}
p {
font-size: 16px;
}
}
.branding-card-sm {
.box-img {
aspect-ratio: 3/2;
}
}
.branding-cta {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
padding: 8px 0;
p {
font-family: "Gilroy M";
font-size: 24px;
line-height: 120%;
color: #000;
margin: 0;
text-align: center;
}
.btn-ver-todos {
font-size: 16px;
padding: 12px 36px;
border-radius: 999px;
background: #f69743;
color: #fff !important;
text-decoration: none;
border: none;
svg {
display: none;
}
}
.brandings-nav,
.owl-nav {
display: flex;
gap: 12px;
}
.owl-nav {
button {
width: 32px;
height: 32px;
border-radius: 50%;
border: none !important;
background: transparent !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
svg path {
stroke: #585858;
transition: stroke .2s ease;
}
&:hover svg path {
stroke: #f69743;
}
}
}
}
.redes {
.titulo {
color: #fff;
font-family: "Gilroy M";
font-size: var(--home-h2-size);
font-weight: 400;
line-height: 120%;
margin-bottom: var(--home-section-gap);
}
}
.redes-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 32px;
align-items: start;
}
.redes-col-left,
.redes-col-right {
display: flex;
flex-direction: column;
gap: 18px;
min-width: 0;
}
.redes-small-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.redes-side-list {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 0;
}
.redes {
.card-redes {
position: relative;
display: block;
text-decoration: none;
overflow: hidden;
img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 12px;
}
p {
color: #fff;
font-family: "Gilroy M";
font-size: 14px;
font-weight: 400;
line-height: 130%;
margin-top: 8px;
}
&:hover p {
text-decoration-color: currentColor;
}
.categoria {
font-size: 10px;
padding: 4px 8px;
border-radius: 8px;
text-transform: uppercase;
letter-spacing: .6px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #f4e2bc;
color: #000000;
}
&.card-redes-pr {
p {
font-size: 16px;
}
img {
aspect-ratio: 16/10;
}
.bg-layer {
position: absolute;
inset: 0;
width: 100%;
padding: 18px;
border-radius: 12px;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 6px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
}
}
&.card-redes-sm {
img {
aspect-ratio: 5/4;
}
.categoria {
margin-top: 8px;
}
}
}
.card-horizontal {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
.card-content {
flex: 1;
padding-right: 12px;
}
.categoria {
margin-bottom: 6px;
}
img {
width: 150px;
height: 150px;
aspect-ratio: 1/1;
border-radius: 12px;
object-fit: cover;
flex-shrink: 0;
}
}
.redes-side-list {
.card-horizontal {
flex-direction: row-reverse;
gap: 10px;
.card-content {
padding-right: 0;
}
}
}
.carousel-depoimentos {
.owl-stage-outer {
overflow: hidden;
}
.owl-item {
overflow: visible;
}
&:not(.owl-loaded) {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
>.depoimento-card:nth-child(n+3) {
display: none;
}
}
.depoimento-card {
background: #fff6d8;
border-radius: 16px;
padding: 22px 22px 18px;
position: relative;
margin-top: 26px;
min-height: 210px;
}
.depoimento-header {
position: absolute;
top: 10px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
img {
width: 72px;
height: 72px;
border-radius: 10px;
object-fit: cover;
background: #fff;
box-shadow: 0 12px 26px rgba(0, 0, 0, .18);
transform: translateY(-26px);
}
}
.depoimento-stars {
span {
color: #f69743;
font-size: 14px;
letter-spacing: 2px;
margin-top: 6px;
display: inline-block;
}
}
.depoimento-body {
padding-top: 62px;
display: flex;
flex-direction: column;
gap: 12px;
}
.depoimento-text {
color: #2b2b2b;
font-family: "Gilroy R";
font-size: 13px;
line-height: 155%;
margin: 0;
}
.depoimento-footer {
display: flex;
flex-direction: column;
gap: 2px;
}
.depoimento-nome {
color: #f69743;
font-family: "Gilroy M";
font-size: 13px;
margin: 0;
}
.depoimento-meta {
color: #2b2b2b;
font-family: "Gilroy R";
font-size: 12px;
opacity: .75;
margin: 0;
}
}
.depoimentos {
margin-top: 10px;
h3 {
color: #fff;
font-family: "Gilroy M";
font-size: 20px;
font-weight: 400;
line-height: 120%;
margin-bottom: 16px;
}
}
}
.big-post-card {
position: relative;
h2 {
color: #fff;
font-family: "Gilroy M";
font-size: var(--home-h2-size);
font-weight: 400;
line-height: 110%;
margin-bottom: 27px;
}
img {
width: 100%;
height: 400px;
aspect-ratio: 16/9;
object-fit: cover;
}
.bg-layer {
width: 100%;
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: flex-end;
padding-bottom: 60px;
background: rgba(0, 0, 0, .4);
}
.big-post-meta {
display: inline-flex;
align-items: center;
gap: 10px;
}
.big-post-autor-foto {
width: 34px;
height: 34px;
border-radius: 50%;
object-fit: cover;
border: 1px solid rgba(255, 255, 255, .38);
}
.big-post-meta-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.big-post-autor-nome {
margin: 0;
color: #fff;
font-family: "Gilroy M";
font-size: 12px;
line-height: 1.2;
}
.big-post-data {
margin: 0;
color: rgba(255, 255, 255, .85);
font-family: "Gilroy R";
font-size: 11px;
line-height: 1.2;
}
}
.parceiros {
background: #1c1c1c;
padding: 70px 0 50px;
.titulo {
color: #fff;
font-family: "Gilroy M";
font-size: var(--home-h2-size);
font-weight: 400;
line-height: 120%;
margin-bottom: var(--home-section-gap);
span {
color: #f69743;
}
}
.owl-nav {
display: flex;
gap: 14px;
button {
width: 36px;
height: 36px;
border-radius: 50%;
border: none !important;
background: transparent !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
opacity: .9;
svg {
width: 18px;
height: 18px;
path {
stroke: #9c9c9c;
transition: stroke .2s ease, opacity .2s ease;
}
}
&:hover svg path {
stroke: #f69743;
}
}
}
}
.carousel-parceiros {
position: relative;
}
.parceiros-card {
display: grid;
grid-template-columns: 1.1fr .9fr;
background: #f6f6ee;
border-radius: 18px;
overflow: hidden;
height: 340px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}
.parceiros-text {
padding: 26px 30px;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 14px;
background: #f6f6ee;
}
.parceiros-quote {
color: #2b2b2b;
font-family: "Gilroy R";
font-size: 14px;
line-height: 150%;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.parceiros-ident {
margin-top: auto;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
}
.parceiros-ident-text {
display: flex;
gap: 10px;
align-items: baseline;
flex-wrap: wrap;
}
.parceiros-nome {
color: #f69743;
font-family: "Gilroy M";
font-size: 14px;
margin: 0;
}
.parceiros-funcao {
color: #6f6f6f;
font-family: "Gilroy R";
font-size: 12px;
margin: 0;
}
.parceiros-logo-sm {
height: 18px;
width: auto;
max-width: 140px;
object-fit: contain;
opacity: .55;
filter: grayscale(1);
margin: 0;
}
.parceiros-media {
position: relative;
background: #f6f6ee;
overflow: hidden;
img,
video,
iframe {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 16px;
}
}
.parceiros-controls {
display: flex;
align-items: center;
gap: 18px;
margin: 18px 0 6px;
}
.parceiros-progress {
position: relative;
height: 4px;
flex: 1;
.progress-track {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 2px;
background: #3b3b3b;
border-radius: 999px;
opacity: .9;
}
.progress-active {
position: absolute;
left: 0;
top: 0;
height: 4px;
width: 20%;
background: #f69743;
border-radius: 999px;
transition: left .4s ease, width .4s ease;
}
}
.parceiros-nav {
display: flex;
align-items: center;
gap: 12px;
margin-left: auto;
}
.parceiros-logos {
--parceiros-gap: clamp(12px, 2.2vw, 22px);
--parceiros-speed: 42s;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
overflow: hidden;
padding: clamp(12px, 2.2vw, 22px) 0;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar {
display: none;
}
img:not(.parceiros-sep) {
height: clamp(34px, 6vw, 70px);
}
.parceiros-sep {
height: clamp(18px, 3.2vw, 40px);
opacity: .95;
}
}
.parceiros-logos-track {
display: inline-flex;
align-items: center;
gap: var(--parceiros-gap);
width: max-content;
animation: parceiros-marquee var(--parceiros-speed) linear infinite;
will-change: transform;
>img {
flex: 0 0 auto;
display: block;
height: auto;
max-width: 100%;
object-fit: contain;
}
}
@keyframes parceiros-marquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.parceiros-logos {
overflow-x: auto;
}
.parceiros-logos-track {
animation: none;
}
}
.marcas {
.box-img {
display: flex;
align-items: center;
img {
height: 70px;
width: auto;
}
.marcador {
height: 45px;
width: auto;
margin-left: 25px;
}
}
}
@media (max-width: 992px) {
:root {
--home-h2-size: 24px;
--home-section-gap: 28px;
}
.redes-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.redes-col-left,
.redes-col-right {
gap: 16px;
}
.redes-small-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.redes .card-redes.card-redes-pr {
img {
aspect-ratio: 4/3;
}
p {
font-size: 15px;
}
}
.redes .redes-side-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.redes .redes-side-list .card-horizontal {
flex-direction: row;
align-items: center;
gap: 10px;
padding: 10px;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 12px;
background: rgba(255, 255, 255, .03);
min-height: 94px;
}
.redes .redes-side-list .card-horizontal .card-content {
flex: 1;
padding-right: 0;
min-width: 0;
}
.redes .redes-side-list .card-horizontal p {
margin: 0;
font-size: 13px;
line-height: 1.25;
}
.redes .redes-side-list .card-horizontal img {
width: 84px;
height: 84px;
border-radius: 10px;
object-fit: cover;
flex-shrink: 0;
}
.parceiros {
padding: 48px 0 36px;
.titulo {
font-size: 22px;
margin-bottom: 16px;
}
}
.parceiros-card {
grid-template-columns: 1fr;
height: auto;
}
.parceiros-text {
padding: 20px 18px;
gap: 14px;
}
.parceiros-quote {
-webkit-line-clamp: 6;
}
.parceiros-media {
padding: 14px;
border-left: none;
border-top: 1px solid rgba(0, 0, 0, .12);
height: 210px;
}
.parceiros-controls {
margin: 14px 0 6px;
}
.parceiros-logos {
--parceiros-gap: 16px;
img:not(.parceiros-sep) {
height: 38px;
}
.parceiros-sep {
height: 18px;
}
}
}
@media (max-width: 768px) {
.card-carousel-projeto {
img {
height: auto;
}
.bg-layer {
height: 100%;
}
}
.brandings {
h2.titulo {
font-size: var(--home-h2-size);
}
}
.big-post-card {
h2 {
font-size: var(--home-h2-size);
}
img {
height: auto;
}
.big-post-autor-foto {
width: 30px;
height: 30px;
}
.big-post-autor-nome {
font-size: 11px;
}
.big-post-data {
font-size: 10px;
}
}
.brandings-row-lg,
.brandings-row-sm {
grid-template-columns: 1fr;
}
.redes {
.carousel-depoimentos:not(.owl-loaded) {
grid-template-columns: 1fr;
>.depoimento-card:nth-child(n+2) {
display: none;
}
}
.redes-side-list {
grid-template-columns: 1fr;
}
}
.parceiros-logos {
img:not(.parceiros-sep) {
height: 36px;
}
.parceiros-sep {
height: 16px;
}
}
}
.lista-projetos {
.card-principal {
img {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
}
}
.card-carousel-projeto {
width: 100%;
max-width: 360px;
}
.webseries-progress {
.progress-active {
width: 20%;
}
}
@media (max-width: 992px) {
.webseries-controls {
flex-wrap: wrap;
}
.webseries-progress {
min-width: 140px;
}
.lista-projetos {
.card-principal {
height: 540px;
.bg-layer {
padding: 18px;
}
}
}
}
@media (max-width: 768px) {
.card-carousel-projeto {
max-width: 100%;
}
.card-carousel-projeto {
.bg-layer {
padding: 18px;
}
}
.lista-projetos {
.card-principal {
height: 420px;
.bg-layer {
padding: 16px;
}
}
}
.redes {
.card-redes.card-redes-pr {
.bg-layer {
padding: 14px;
}
}
}
.brandings {
.branding-cta {
text-align: center;
align-items: center;
}
}
}
@media (max-width: 576px) {
:root {
--home-h2-size: 22px;
--home-section-gap: 24px;
}
.marca {
padding: 20px 0 0;
}
.webseries {
h2 {
font-size: var(--home-h2-size);
}
p {
font-size: 14px;
}
}
.brandings {
h2.titulo {
font-size: var(--home-h2-size);
}
}
.redes {
.titulo {
font-size: var(--home-h2-size);
}
.redes-small-grid {
grid-template-columns: 1fr;
}
}
.big-post-card {
h2 {
font-size: var(--home-h2-size);
margin-bottom: 16px;
}
.bg-layer {
padding-bottom: 32px;
}
}
.card-carousel-projeto {
p {
font-size: 18px;
}
.bg-layer {
padding: 16px;
}
}
.parceiros {
.titulo {
font-size: var(--home-h2-size);
}
}
.parceiros-text {
padding: 16px;
}
.parceiros-media {
height: 180px;
}
.parceiros-card {
border-radius: 14px;
}
}
@media (max-width: 420px) {
.webseries-controls {
.webseries-nav,
.owl-nav {
gap: 8px;
}
}
.redes {
.card-horizontal {
img {
width: 74px;
height: 74px;
}
.card-content {
padding-right: 0;
}
p {
font-size: 12px;
}
}
}
} @media (min-width: 1200px) {
.lista-projetos .col-xl-5 {
height: 100%;
}
.lista-projetos .col-xl-5>.row {
height: 100%;
}
.lista-projetos .col-xl-5 .col-lg-6 {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
height: 100%;
}
.lista-projetos .card-projeto {
height: 100%;
}
.lista-projetos .card-projeto.mb-4 {
margin-bottom: 0 !important;
}
}