/* ======================== INÍCIO: CASE C&A ======================== */

body {
    background-color: #2C2C5D;
}

.ca-hero {
    padding: 36px 48px 192px 48px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ca-logo {
    width: 122px;
    height: 122px;
    display: block;
    margin-bottom: 16px;
}

.ca-titulo {
    font-family: 'Degitan', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
    line-height: 140%;
    max-width: 320px;
    text-wrap: pretty;
    margin-bottom: 16px;
}

.ca-descricao {
    font-family: 'Degitan', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    line-height: 140%;
    max-width: 280px;
    text-wrap: pretty;
}

/* BLOCO EDITÁVEL - IMAGEM CEA TELA TOPO */
.ca-tela-imagem {
    position: relative;
    top: 80px;        /* move para baixo */
    right: 0;         /* move para esquerda/direita */
    width: auto;
    height: auto;
    flex-shrink: 0;
}

.ca-hero::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../imagens/logo-eficiencia-financeira-bg.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: -1;
}

.ca-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 312px;
    margin-top: 80px;
}

.ca-badge {
    font-family: 'Degitan', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #DCC9B6;
    padding: 8px 14px;
    border: 1px solid #494967;
    border-radius: 100px;
    text-transform: uppercase;
    align-items: center;
}

.ca-complexidade {
    padding: 112px 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
}

.ca-complexidade .ca-desafio-texto {
    max-width: 650px;
}

.ca-complexidade .ca-titulo-secao {
    max-width: 100%;
}

.ca-complexidade .ca-descricao-secao {
    max-width: 100%;
}

.ca-desafio {
    padding: 112px 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
}

.ca-titulo-secao {
    font-family: 'Degitan', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #000000;
    line-height: 140%;
    max-width: 320px;
    margin-bottom: 16px;
    text-wrap: pretty;
}

.ca-descricao-secao {
    font-family: 'Degitan', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #656565;
    line-height: 140%;
    max-width: 280px;
    text-wrap: pretty;
}

.ca-descricao-secao strong {
    font-weight: 700;
}

.ca-desafio-imagem img {
    display: block;
    width: 100%;
}

.ca-fig-caption {
    font-family: 'Degitan', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #9F9F9F;
    line-height: 140%;
    margin-top: 8px;
}

.ca-etapa {
    padding: 112px 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ca-etapa-num {
    font-family: 'Degitan', sans-serif;
    font-size: 24px;
    font-weight: 200;
    color: #876F56;
    display: block;
    margin-bottom: 16px;
}

.ca-etapa .ca-titulo-secao {
    max-width: 600px;
}

.ca-etapa .ca-descricao-secao {
    max-width: 600px;
}

.ca-etapa-img-wrap {
    margin-top: 80px;
}

.ca-etapa-img-wrap img {
    display: block;
    width: 100%;
}

.ca-dashboard-3 {
    padding: 112px 48px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #DCC9B6;
}

.ca-dashboard-3-img {
    display: block;
    width: auto;
}

.ca-dashboard-3 .ca-descricao-secao {
    text-align: center;
    max-width: 600px;
    margin-top: 24px;
}

.ca-eficiencia {
    padding: 112px 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
}

.ca-eficiencia .ca-desafio-texto {
    max-width: 336px;
    flex-shrink: 0;
}

.ca-eficiencia .ca-titulo-secao,
.ca-eficiencia .ca-descricao-secao {
    max-width: 100%;
}

.ca-eficiencia-imagem {
    flex-shrink: 0;
    margin-right: 62px;
}

.ca-eficiencia-imagem img {
    display: block;
    width: auto;
}

.ca-design-system {
    padding: 112px 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
}

.ca-design-system .ca-desafio-texto {
    max-width: 336px;
    flex-shrink: 0;
}

.ca-design-system .ca-titulo-secao {
    max-width: 100%;
}

.ca-design-system .ca-descricao-secao {
    max-width: 100%;
}

.ca-design-system-imagem {
    flex-shrink: 0;
}

.ca-design-system-imagem img {
    display: block;
    width: auto;
}

.ca-dashboard-2 {
    padding: 112px 48px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #DCC9B6;
}

.ca-dashboard-2-img {
    display: block;
    width: 100%;
}

.ca-dashboard-2 .ca-fig-caption {
    text-align: center;
    margin-top: 8px;
}

.ca-arquitetura {
    padding: 112px 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
}

.ca-arquitetura .ca-desafio-texto {
    max-width: 336px;
    flex-shrink: 0;
}

.ca-arquitetura .ca-titulo-secao,
.ca-arquitetura .ca-descricao-secao {
    max-width: 100%;
}

.ca-arquitetura-imagem {
    flex-shrink: 0;
    margin-right: 60px;
}

.ca-arquitetura-imagem img {
    display: block;
    width: auto;
}

.ca-trust {
    padding: 112px 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
}

.ca-trust .ca-desafio-texto {
    max-width: 336px;
    flex-shrink: 0;
}

.ca-trust .ca-titulo-secao,
.ca-trust .ca-descricao-secao {
    max-width: 100%;
}

.ca-trust-imagem {
    flex-shrink: 0;
    margin-right: 80px;
}

.ca-trust-imagem img {
    display: block;
    width: auto;
}

.ca-impacto {
    padding: 112px 48px;
    background-color: #ffffff;
    border-bottom: 1px solid #DCC9B6;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ca-impacto .ca-titulo-secao {
    max-width: 800px;
}

.ca-impacto .ca-descricao-secao {
    max-width: 800px;
    margin-bottom: 80px;
}

.ca-impacto-imagens {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    width: 100%;
}

.ca-impacto-imagens img {
    display: block;
    width: auto;
    max-width: 100%;
}

.ca-aprendi {
    padding: 112px 48px 0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ca-aprendi .ca-titulo-secao {
    max-width: 840px;
}

.ca-aprendi .ca-descricao-secao {
    max-width: 840px;
    margin-bottom: 16px;
}

.ca-aprendi-icone {
    margin-top: 40px;
    display: block;
}

.ca-proximos-projetos {
    padding: 112px 0 0;
    background-color: #ffffff;
}

.ca-proximos-projetos .section-title {
    color: #DCC9B6;
    margin-left: 48px;
}

.ca-proximos-projetos .project-card {
    border-top: 1px solid #DCC9B6;
    border-bottom: 1px solid #DCC9B6;
    border-left: none;
    border-right: none;
    cursor: none;
}

.ca-proximos-projetos .project-card:first-child {
    border-bottom: none;
}

.ca-proximos-projetos .project-card:last-child {
    border-top: none;
}

.ca-proximos-projetos .project-card .arrow {
    filter: brightness(0) saturate(100%) invert(83%) sepia(15%) saturate(400%) hue-rotate(340deg) brightness(105%);
}

.project-card {
    text-decoration: none;
    color: inherit;
}

.btn-topo {
    position: fixed;
    bottom: 48px;
    right: 48px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #6D4C3D;
    border: none;
    cursor: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 99999;
}

.btn-topo.is-visible {
    opacity: 1;
    pointer-events: auto;
}

#btn-topo {
    background-color: #6D4C3D;
}

.btn-topo-seta {
    color: #DCC9B6;
    font-size: 14px;
    line-height: 1;
}

.btn-topo-texto {
    font-family: 'Degitan', sans-serif;
    font-size: 8px;
    font-weight: 400;
    color: #DCC9B6;
    letter-spacing: 1.5px;
}

.ca-footer {
    background-color: #ffffff;
}

.ca-footer .status-block {
    padding-top: 112px;
}

/* ======================== FIM: CASE C&A ======================== */


/* ======================== INÍCIO: CASE PET YOU GO ======================== */

.pyg-page {
    background-color: #432818;
}

.pyg-hero {
    padding: 36px 48px 112px 48px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pyg-hero::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../imagens/loog-bg-texto-petyougo.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: -1;
}

.pyg-hero .ca-logo {
    width: 260px;
    height: auto;
}

.ca-badge.pyg-badge {
    border-color: #62422F;
}

.pyg-page .ca-tela-imagem {
    top: -4px;
    right: 60px;
}

.pyg-hero .ca-descricao {
    max-width: 360px;
}

.pyg-hero .ca-badges {
    width: 408px;
}


.pyg-bg-creme {
    background-color: #F9F4EF;
    border: none;
    margin-top: -1px;
}

.pyg-video-celular {
    display: block;
    border: 5px solid #252525;
    border-radius: 16px;
    width: 280px;
    height: auto;
}

.pyg-bg-creme {
    justify-content: flex-start;
    gap: 340px;
}

.pyg-page .ca-titulo-secao {
    text-transform: uppercase;
}

.pyg-page .ca-desafio .ca-desafio-texto {
    max-width: 420px;
    flex-shrink: 0;
}

.pyg-page .ca-desafio .ca-titulo-secao,
.pyg-page .ca-desafio .ca-descricao-secao {
    max-width: 100%;
}

.pyg-page .ca-etapa .ca-titulo-secao,
.pyg-page .ca-etapa .ca-descricao-secao {
    max-width: 863px;
}

.pyg-page .ca-desafio .ca-desafio-imagem {
    flex-shrink: 0;
    margin-right: 60px;
}

.pyg-fig-caption {
    text-align: right;
    margin-top: 16px;
    width: 100%;
}

.pyg-bg-creme {
    align-items: stretch;
}

.pyg-bg-creme .ca-titulo-secao {
    color: #6D4C3D;
}

.pyg-bg-creme .ca-descricao-secao {
    color: #876F56;
}

.pyg-video-wrap {
    position: relative;
    left: 80px;
}

.pyg-video-wrap .pyg-cachorrinho {
    position: absolute;
    left: 174px;
    bottom: -112px;
    width: 300px;
    height: auto;
    z-index: 2;
}

.ca-etapa.pyg-etapa-restricao .ca-titulo-secao,
.ca-etapa.pyg-etapa-restricao .ca-descricao-secao {
    max-width: 1063px;
}

.pyg-etapa-restricao .ca-fig-caption {
    margin-top: 26px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.pyg-impacto-icone {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 64px;
}

.pyg-impacto-icone .ca-desafio-texto {
    text-align: left;
    max-width: 600px;
}

.pyg-impacto-icone .ca-titulo-secao,
.pyg-impacto-icone .ca-descricao-secao {
    max-width: 100%;
    margin-bottom: 0;
}

.pyg-icone-apoio {
    width: 160px;
    height: auto;
    flex-shrink: 0;
    margin-left: 336px;
}

.pyg-etapa-doc {
    border-bottom: none;
}

.pyg-bg-varias-telas {
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
}

.pyg-bg-varias-telas-img {
    display: block;
    width: 100%;
    height: auto;
}

/* ======================== FIM: CASE PET YOU GO ======================== */

/* ======================== INÍCIO: CASE EASY CONTROL ======================== */

.ec-page {
    background-color: #3e1d4b;
}

.ec-page .ca-titulo-secao,
.ec-page .ca-titulo {
    text-transform: uppercase;
}

.ec-page .ca-titulo-secao {
    margin-bottom: 18px;
}

.ec-page .ca-desafio .ca-desafio-texto {
    max-width: 480px;
    flex-shrink: 0;
}

.ec-page .ca-desafio .ca-titulo-secao,
.ec-page .ca-desafio .ca-descricao-secao {
    max-width: 100%;
}

.ec-page .ca-desafio .ca-desafio-imagem {
    flex-shrink: 0;
}

.ec-etapa-transicao .ca-titulo-secao,
.ec-etapa-transicao .ca-descricao-secao {
    max-width: 800px;
}

.ec-etapa-transicao-img {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ca-etapa-img-wrap .ec-etapa-transicao-img img {
    width: 100%;
}

.ec-etapa-transicao .ca-fig-caption {
    margin-top: 24px;
}

.ec-hero {
    padding: 36px 48px 112px 48px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #3e1d4b;
}

.ec-hero::before {
    content: '';
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../imagens/texto-atras-easycontrol.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 0;
}

.ec-hero .ca-hero-texto,
.ec-hero .ec-tela-imagem {
    position: relative;
    z-index: 1;
}

.ec-logo.ec-logo {
    width: 304px;
    height: auto;
}

.ec-hero .ca-titulo {
    max-width: 420px;
}

.ec-hero .ca-descricao {
    max-width: 340px;
}

.ca-badge.ec-badge {
    border-color: #773D8E;
    color: #FF1DB0;
}

.ec-tela-imagem {
    width: 602px;
    height: auto;
    flex-shrink: 0;
    position: relative;
    top: -26px;
    left: -40px;
}

.ec-fig-caption-01 {
    text-align: right;
    margin-top: 28px;
    max-width: 360px;
    margin-left: auto;
}

.ca-desafio-imagem img.ec-pesquisa-concorrentes {
    width: 824px;
    max-width: 100%;
    height: auto;
}

.ec-fluxo {
    padding: 112px 48px;
    background-color: #7D96C6;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ec-fluxo-2 {
    background-color: #5274B4;
}

.ec-fluxo .ca-titulo-secao,
.ec-fluxo .ca-descricao-secao {
    color: #ffffff;
    max-width: 860px;
}

.ec-fluxo .ca-descricao-secao {
    margin-bottom: 40px;
}

.ec-grupo-telas {
    width: 1213px;
    height: auto;
}

.ec-impacto-icone {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    gap: 48px;
}

.ec-impacto-icone .ca-desafio-texto {
    max-width: 600px;
}

.ec-impacto-icone .ca-titulo-secao,
.ec-impacto-icone .ca-descricao-secao {
    max-width: 100%;
    margin-bottom: 0;
}

.ec-icone-abordagem {
    width: 200px;
    height: 200px;
    flex-shrink: 0;
}

.ec-conjunto-elementos {
    width: 666px;
    height: auto;
    flex-shrink: 0;
}

.ec-etapa-icone-wrap {
    display: flex;
    justify-content: center;
}

.ec-etapa-icone-wrap img {
    width: 76px;
    height: auto;
}

.ec-etapa-03 {
    border-bottom: none;
}

.ec-bg-varias-telas {
    background-color: #581A8B;
    padding: 0;
    border-bottom: none;
}

.ec-bg-varias-telas-img {
    display: block;
    width: 100%;
    height: auto;
}

.ec-aprendi-icones {
    height: 67px;
    width: auto;
    margin-top: 40px;
}

/* ======================== FIM: CASE EASY CONTROL ======================== */