/* ==========================================================
   Ajustes específicos Coppa Empreendimentos
   Não editar o style.css do template — tudo daqui pra baixo
   é override, mantido separado pra facilitar manutenção.
   ========================================================== */

/* remove o background único da section (era 1 imagem pra todos os cards) */
.arc-project-section {
    /* background: #182620; */
    /* cor sólida de fundo (fallback caso alguma coluna fique sem imagem) */
}

/* cada card recebe a própria imagem de fundo */
.arc-project-section .arc-project-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* TODO: trocar pelas fotos reais do Jobim (Cabo Branco) */
#jobim .arc-project-item {
    background-image: url(../images/projects/jobim.jpg);
}
.slide-simbolo {
  position: absolute;
    right: 0%;
    bottom: -10%;
    width: 250px;
    max-width: 25%;
    height: auto;
    z-index: 110;
    pointer-events: none;
    opacity: 0.25;
}

@media (max-width: 991px) {
  .slide-simbolo {
    width: 140px;
    right: 0%;
    bottom: -4%;
  }
}

@media (max-width: 80px) {
  .slide-simbolo {
    display: none; /* ou reduza para ~80px se quiser manter no mobile */
  }
}
#proximo-lancamento .arc-project-item {
    background-image: url(../images/projects/prox-lancamento.jpg);
}

/* Página do empreendimento: usa o render do book como imagem de capa. */
.arc-page-title.jobim {
    background: url(../images/project-single/jobim-book-p13-2.png) center 42% / cover no-repeat !important;
}

/* Mantém as seções do Jobim alinhadas ao grid do Bootstrap. */
.arc-project-single-area .arc-project-single-main-img img,
.arc-project-single-area .arc-p-details-img img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .arc-page-title.jobim {
        background-position: center center !important;
    }
}

/* TODO: trocar pelas fotos reais do Vinno (Bananeiras) */
#vinno .arc-project-item {
    background-image: url(../images/projects/vinno.jpg);
}

/* cards "em estudo" (sem foto ainda): fundo liso na cor da marca, sem imagem 
.arc-project-item-plain {
    background-image: none !important;
    background-color: #0586A6;
}

/* =========================================
   STATS SECTION
   COPPA EMPREENDIMENTOS
========================================= */
.arc-stats-section {
    position: relative;
    overflow: hidden;

    min-height: 520px;

    background: #080808;
    color: #fff;

    display: flex;
    flex-direction: column;
}


/* =========================================
   VÍDEO
========================================= */

.arc-stats-video {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    z-index: 0;

    pointer-events: none;
}


/* =========================================
   OVERLAY
========================================= */

.arc-stats-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.70) 100%);
    z-index: 1;
    pointer-events: none;
}

.arc-stats-wrapper {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* =========================================
   CONTEÚDO
========================================= */

.arc-stats-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 85px;
    padding-bottom: 75px;
}


/* =========================================
   TÍTULO
========================================= */

.arc-stats-heading {
    text-align: center;
    margin-bottom: 70px;
}

.arc-stats-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.2px;
}


/* pequeno detalhe dourado */

.arc-stats-heading::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    margin: 10px auto 0;
    background: #b99a5b;
}

.arc-stats-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120vw;
    height: 120vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
    border: 0;
}

/* =========================================
   ESTATÍSTICAS — ITEM (entrada animada)
========================================= */

.arc-stat-item {
    position: relative;

    text-align: center;

    padding: 0 35px;

    opacity: 0;
    transform: translateY(32px);

    transition:
        opacity 0.65s ease,
        transform 0.65s cubic-bezier(.22, 1, .36, 1);
}

.arc-stats-visible .arc-stat-item {
    opacity: 1;
    transform: translateY(0);
}

/* Escalonamento da entrada dos cards */
.arc-stats-visible .col-lg-4:nth-child(1) .arc-stat-item {
    transition-delay: 0.05s;
}

.arc-stats-visible .col-lg-4:nth-child(2) .arc-stat-item {
    transition-delay: 0.22s;
}

.arc-stats-visible .col-lg-4:nth-child(3) .arc-stat-item {
    transition-delay: 0.39s;
}


/* =========================================
   NÚMERO
========================================= */

.arc-stat-number {
    display: flex;

    align-items: center;
    justify-content: center;

    white-space: nowrap;

    color: #fff;

    margin-bottom: 16px;
}

.arc-stat-number .arc-counter {
    margin: 0;

    color: #fff;

    font-size: 72px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: -3px;
}

.arc-stat-number sup {
    position: relative;

    top: 0;

    margin-left: 5px;

    color: #b99a5b;

    font-size: 22px;
    line-height: 1;

    font-weight: 500;

    vertical-align: middle;
}


/* =========================================
   DESCRIÇÃO
========================================= */

.arc-stat-label {
    display: block;
    color: rgba(255, 255, 255, 0.62);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.2px;
}


/* =========================================
   DIVISÓRIAS
========================================= */

.arc-stats-section .col-lg-4:not(:last-child) .arc-stat-item::after {

    content: "";

    position: absolute;

    right: 0;

    top: 10px;

    width: 1px;
    height: 70px;

    background: rgba(255, 255, 255, 0.13);
}


/* =========================================
   RODAPÉ / FRASE
========================================= */

.arc-stats-footer {
    max-width: 620px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    padding-top: 70px;
}


/* linha vertical */

.arc-stats-line {
    width: 1px;
    height: 38px;

    margin: 0 auto 20px;

    background: rgba(255, 255, 255, 0.65);
}


/* texto */

.arc-stats-footer p {
    margin: 0 auto;

    max-width: 560px;

    color: rgba(255, 255, 255, 0.78);

    font-size: 12px;

    line-height: 1.7;

    font-style: italic;

    font-weight: 300;
}


/* assinatura */

.arc-stats-signature {
    display: block;

    margin-top: 13px;

    color: #fff;

    font-size: 10px;

    font-weight: 500;

    letter-spacing: 0.3px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .arc-stats-content {
        padding-top: 70px;
        padding-bottom: 65px;
    }

    .arc-stats-heading {
        margin-bottom: 55px;
    }

    .arc-stats-heading h2 {
        font-size: 28px;
    }

    .arc-stat-number .arc-counter {
        font-size: 58px;
    }

    .arc-stat-item {
        padding: 0 15px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .arc-stats-section {
        min-height: auto;
    }

    .arc-stats-content {
        padding-top: 60px;
        padding-bottom: 55px;
    }

    .arc-stats-heading {
        margin-bottom: 45px;
    }

    .arc-stats-heading h2 {
        font-size: 24px;
    }

    .arc-stat-item {
        margin-bottom: 42px;

        padding: 0;
    }

    .arc-stat-number .arc-counter {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .arc-stat-number sup {
        font-size: 18px;
    }

    .arc-stat-label {
        font-size: 11px;
    }

    /* Remove divisórias no mobile */
    .arc-stats-section .col-lg-4 .arc-stat-item::after {
        display: none;
    }

    .arc-stats-footer {
        margin: auto auto 0;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .arc-stats-footer p {
        font-size: 11px;
        line-height: 1.7;
    }

}


/* =========================================
   HIGHLIGHT FINAL DO COUNTER
========================================= */

.arc-counter-complete {
    animation: arcCounterComplete 0.4s cubic-bezier(.22, 1, .36, 1);
}

@keyframes arcCounterComplete {

    0% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }

}


/* =========================================
   SUFIXO (+ / mi)
========================================= */

.arc-stat-suffix {
    opacity: 0;
    transform: translateY(8px);

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;

    transition-delay: 2.2s;
}

.arc-stats-visible .arc-stat-suffix {
    opacity: 1;
    transform: translateY(0);
}

/* ── Contador animado (sem Odometer, JS puro via data-count) ── */
.arc-stat-top h2 {
    transition: none;
}

/* Diário de obra - Jobim */
.jobim-progress,
.jobim-design {
    margin: 70px 0;
}

.jobim-progress {
    padding: 50px;
    background: #102d37;
    color: #fff;
}

.jobim-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #74c5d4;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.jobim-progress h3,
.jobim-section-heading h3 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 1.2;
}

.jobim-progress h3 {
    color: #fff;
}

.jobim-progress p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .72);
}

.jobim-text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.jobim-text-link:hover {
    color: #74c5d4;
}

.jobim-number {
    min-height: 118px;
    padding: 23px;
    border: 1px solid rgba(255, 255, 255, .16);
}

.jobim-number strong,
.jobim-number span {
    display: block;
}

.jobim-number strong {
    color: #fff;
    font-size: 28px;
    line-height: 1.1;
}

.jobim-number span {
    margin-top: 8px;
    color: rgba(255, 255, 255, .65);
    font-size: 12px;
    text-transform: uppercase;
}

.jobim-progress-empty {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 35px;
    border: 1px dashed rgba(255, 255, 255, .35);
}

.jobim-progress-empty i {
    color: #74c5d4;
    font-size: 30px;
}

.jobim-progress-empty strong,
.jobim-progress-empty span {
    display: block;
}

.jobim-progress-empty span {
    margin-top: 4px;
    color: rgba(255, 255, 255, .68);
}

.jobim-progress-photo {
    position: relative;
    overflow: hidden;
    background: #0b2027;
}

.jobim-progress-photo img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.jobim-progress-photo figcaption {
    padding: 13px 15px;
    color: #fff;
    font-size: 13px;
}

.jobim-section-heading {
    max-width: 650px;
    margin-bottom: 28px;
}

.jobim-section-heading p {
    margin-bottom: 0;
}

.jobim-pillars {
    padding: 45px;
    background: #f6f7f5;
}

/* Alternância editorial: conteúdo e imagem se deslocam a cada bloco. */
@media (min-width: 992px) {
    .jobim-editorial {
        position: relative;
        z-index: 2;
        width: 68%;
        margin-bottom: 0 !important;
    }

    .jobim-editorial-left {
        margin-right: auto;
    }

    .jobim-editorial-right {
        margin-left: auto;
    }

    .jobim-editorial-media {
        position: relative;
        z-index: 1;
        width: 55%;
        margin-bottom: 90px !important;
    }

    .jobim-editorial-media-right {
        margin-top: -330px !important;
        margin-left: auto;
    }

    .jobim-editorial-media-left {
        margin-top: -330px !important;
        margin-right: auto;
    }

    .jobim-editorial-left {
        padding-right: 180px;
    }

    .jobim-editorial-right {
        padding-left: 180px;
    }
}

/* Seções editoriais inspiradas na composição do Vinno. */
.jobim-old-content {
    display: none;
}

.jobim-story {
    margin: 90px 0;
    overflow: hidden;
}

.jobim-story-light {
    background: #f7f5f0;
}

.jobim-story-dark {
    background: #102d37;
}

.jobim-story-media {
    position: relative;
    height: 100%;
    min-height: 500px;
    margin: 0;
    overflow: hidden;
}

.jobim-story-media img {
    width: 100%;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
    transition: transform .55s ease;
}

.jobim-story:hover .jobim-story-media img {
    transform: scale(1.035);
}

.jobim-story-media:after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, .55), transparent 45%);
}

.jobim-story-media figcaption {
    position: absolute;
    bottom: 24px;
    left: 28px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.jobim-story-copy {
    max-width: 560px;
    padding: 70px 65px;
}

.jobim-story-dark .jobim-story-copy {
    margin: 0 auto;
}

.jobim-story-number {
    display: block;
    color: rgba(194, 120, 51, .18);
    font-size: 84px;
    font-weight: 700;
    line-height: .7;
}

.jobim-story-line {
    display: block;
    width: 66px;
    height: 2px;
    margin: 18px 0 22px;
    background: #c27833;
}

.jobim-story-copy h3 {
    margin-bottom: 18px;
    font-size: 38px;
    line-height: 1.18;
}

.jobim-story-dark h3,
.jobim-story-dark p {
    color: #fff;
}

.jobim-story-dark p {
    color: rgba(255, 255, 255, .75);
}

.jobim-story-dark .jobim-story-number {
    color: rgba(116, 197, 212, .16);
}

.jobim-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.jobim-tags span {
    padding: 9px 13px;
    border: 1px solid rgba(16, 45, 55, .18);
    color: #102d37;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.jobim-story-dark .jobim-tags span {
    border-color: rgba(255, 255, 255, .22);
    color: #fff;
}

@media (max-width: 991px) {
    .jobim-story {
        margin: 55px 0;
    }

    .jobim-story-media,
    .jobim-story-media img {
        min-height: 360px;
    }

    .jobim-story-copy {
        max-width: none;
        padding: 45px 30px;
    }
}

@media (max-width: 767px) {

    .jobim-story-media,
    .jobim-story-media img {
        min-height: 280px;
    }

    .jobim-story-copy {
        padding: 38px 25px;
    }

    .jobim-story-copy h3 {
        font-size: 29px;
    }
}

/* Ritmo visual da página do empreendimento */
.arc-project-single-area {
    background: #edf0ed;
}

.arc-project-single-area .arc-project-single-wrap {
    width: 100%;
}

.jobim-intro,
.jobim-surface {
    padding: 52px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(16, 45, 55, .07);
}

.jobim-design .arc-project-single-main-img {
    margin-bottom: 0 !important;
    overflow: hidden;
}

.jobim-design .arc-project-single-main-img img {
    transition: transform .5s ease;
}

.jobim-design:hover .arc-project-single-main-img img {
    transform: scale(1.02);
}

.jobim-gallery-block {
    padding: 28px;
    background: #163640;
}

.jobim-gallery-block .arc-p-details-img {
    margin-bottom: 0 !important;
}

.jobim-gallery-block .arc-p-details-img img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.jobim-leisure {
    padding: 52px;
    background: #102d37;
}

.jobim-leisure .arc-project-single-title h3,
.jobim-leisure p,
.jobim-leisure li,
.jobim-leisure strong {
    color: #fff !important;
}

.jobim-leisure .list-widget-s {
    padding-left: 48px;
    border-left: 1px solid rgba(255, 255, 255, .2);
}

.jobim-leisure .list-widget ul li:before {
    background: rgba(116, 197, 212, .2);
    color: #74c5d4;
}

.arc-project-single-area .arc-project-contact-area {
    padding: 48px;
    background: linear-gradient(135deg, #c27833, #dd9c52);
    box-shadow: none;
}

.arc-project-single-area .arc-project-contact-area h2,
.arc-project-single-area .arc-project-contact-area p {
    color: #fff;
}

.arc-project-single-area .arc-project-contact-area .arc-btn-s2 {
    background: #102d37;
}

.arc-project-single-area .arc-project-contact-area .arc-btn-s2:hover {
    background: #fff;
    color: #102d37;
}

@media (max-width: 991px) {
    .jobim-progress {
        padding: 35px 25px;
    }

    .jobim-text-link {
        margin-top: 20px;
    }

    .jobim-intro,
    .jobim-surface,
    .jobim-leisure {
        padding: 35px 25px;
    }

    .jobim-leisure .list-widget-s {
        padding-left: 0;
        border-left: 0;
    }

    .jobim-editorial-media {
        margin-bottom: 45px !important;
    }
}

@media (max-width: 767px) {

    .jobim-progress,
    .jobim-design {
        margin: 45px 0;
    }

    .jobim-progress h3,
    .jobim-section-heading h3 {
        font-size: 29px;
    }

    .jobim-pillars {
        padding: 30px 20px;
    }

    .jobim-gallery-block {
        padding: 16px;
    }

    .arc-project-single-area .arc-project-contact-area {
        padding: 35px 25px;
    }
}

/* =============================================
   PORTFÓLIO / LANÇAMENTOS
   ============================================= */

.coppa-launch-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    background: #fff;
}

.coppa-launch-card:hover {
    box-shadow: 0 8px 32px rgba(5, 134, 166, 0.13);
    transform: translateY(-4px);
}

/* Card teaser (próximo lançamento) */
.coppa-launch-card--teaser {
    border: 2px dashed #0586A6;
    background: #f7fcfd;
}

.coppa-launch-badge {
    background: #0586A6;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 16px;
    display: inline-block;
}

.coppa-launch-badge--soon {
    background: #6c757d;
}

.coppa-launch-body {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.coppa-launch-location {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #0586A6;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.coppa-launch-body h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.coppa-launch-body h3 a {
    color: inherit;
    text-decoration: none;
}

.coppa-launch-body h3 a:hover {
    color: #0586A6;
}

.coppa-launch-body p {
    color: #666;
    font-size: 15px;
    flex: 1;
}

/* ==========================================================
   PORTFÓLIO INTERATIVO — AJUSTE PREMIUM
   ========================================================== */

/* ==========================================================
   ESTRUTURA
   ========================================================== */

.arc-project-section .arc-project-items .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}


/* Título da section */
.arc-project-section .arc-project-items .row>.col-lg-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}


/* ==========================================================
   CARDS
   ========================================================== */

.arc-project-section .arc-project-items .row>.col-lg-4 {
    flex: 1 1 33.333%;
    max-width: none;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
    position: relative;

    transition:
        flex-basis 1.05s cubic-bezier(.22, .61, .36, 1),
        opacity 0.85s ease,
        filter 0.85s ease;
}


/* ==========================================================
   CARD / IMAGEM
   ========================================================== */

.arc-project-section .arc-project-item {
    position: relative;
    height: 620px;
    overflow: hidden;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    transition:
        background-size 1.2s cubic-bezier(.22, .61, .36, 1);
}


/* ==========================================================
   OVERLAY
   ========================================================== */

.arc-project-section .arc-project-item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: rgba(0, 0, 0, 0.18);

    transition:
        background 0.9s ease;
}


/* ==========================================================
   CONTEÚDO
   ========================================================== */

.arc-project-section .arc-project-content {
    position: relative;
    z-index: 2;

    height: 100%;

    /* Garante que o conteúdo possa ficar na parte inferior */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


/* Container interno */
.arc-project-section .arc-project-content-top {
    width: 100%;
}


/* Informações */
.arc-project-section .arc-project-content-inner {
    padding: 45px 45px 50px;

    transform: translateY(0);

    transition:
        transform 0.9s cubic-bezier(.22, .61, .36, 1),
        opacity 0.8s ease;
}


/* ==========================================================
   HOVER — EXPANSÃO
   ========================================================== */

.arc-project-section .arc-project-items .row:hover>.col-lg-4 {
    flex-basis: 20%;
    opacity: 0.55;
    filter: saturate(0.65);
}


/* Card ativo */
.arc-project-section .arc-project-items .row:hover>.col-lg-4:hover {
    flex-basis: 60%;
    opacity: 1;
    filter: none;
    z-index: 5;
}


/* ==========================================================
   ZOOM DA IMAGEM
   ========================================================== */

/* .arc-project-section .arc-project-items .row:hover
> .col-lg-4:hover
.arc-project-item {
    background-size: 115%;
} */


/* ==========================================================
   OVERLAY CARD ATIVO
   ========================================================== */

.arc-project-section .arc-project-items .row:hover>.col-lg-4:hover .arc-project-item::before {

    background:
        linear-gradient(180deg,
            rgba(0, 0, 0, 0.05) 10%,
            rgba(0, 0, 0, 0.12) 42%,
            rgba(0, 0, 0, 0.82) 100%);
}


/* Cards não selecionados */
.arc-project-section .arc-project-items .row:hover>.col-lg-4:not(:hover) .arc-project-item::before {
    background: rgba(0, 0, 0, 0.55);
}


/* ==========================================================
   CONTEÚDO DOS CARDS NÃO SELECIONADOS
   ========================================================== */

.arc-project-section .arc-project-items .row:hover>.col-lg-4:not(:hover) .arc-project-content-inner {

    transform: translateY(20px);
    opacity: 0.7;
}


/* ==========================================================
   CONTEÚDO DO CARD ATIVO
   ========================================================== */

.arc-project-section .arc-project-items .row:hover>.col-lg-4:hover .arc-project-content-inner {

    transform: translateY(0);
    opacity: 1;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991px) {

    .arc-project-section .arc-project-items .row {
        display: flex;
        flex-wrap: wrap;
    }

    .arc-project-section .arc-project-items .row>.col-lg-12 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .arc-project-section .arc-project-items .row>.col-lg-4 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .arc-project-section .arc-project-item {
        height: 500px;
    }

    /* No mobile não existe expansão */
    .arc-project-section .arc-project-items .row:hover>.col-lg-4 {

        flex-basis: 100%;
        opacity: 1;
        filter: none;
    }

    .arc-project-section .arc-project-items .row:hover>.col-lg-4:hover .arc-project-item {

        background-size: cover;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .arc-project-section .arc-project-item {
        height: 420px;
    }

    .arc-project-section .arc-project-content-inner {
        padding: 30px 25px 35px;
    }
}

/* ==========================================================
   COPPA — DIFERENCIAIS EDITORIAL
   ========================================================== */

.coppa-diferenciais {
    position: relative;
    padding: 130px 0 120px;
    background: #102d37;
    overflow: hidden;
}


/* detalhe arquitetônico no fundo */

.coppa-diferenciais::before {
    content: "";

    position: absolute;
    top: 0;
    right: 8%;

    width: 1px;
    height: 100%;

    background: rgba(255, 255, 255, .08);
}

.coppa-diferenciais::after {
    content: "";

    position: absolute;
    top: 0;
    right: 8%;

    width: 160px;
    height: 160px;

    border-right: 1px solid rgba(116, 197, 212, .15);
    border-bottom: 1px solid rgba(116, 197, 212, .15);

    transform: translate(80px, -80px) rotate(45deg);
}


/* ==========================================================
   HEADER
   ========================================================== */

.coppa-diferenciais-header {
    position: relative;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 80px;

    margin-bottom: 90px;
}

.coppa-diferenciais-heading {
    max-width: 650px;
}

.coppa-diferenciais-eyebrow {
    display: block;

    margin-bottom: 22px;

    color: #74c5d4;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.coppa-diferenciais-heading h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(52px, 6vw, 82px);
    font-weight: 300;
    line-height: .92;
    letter-spacing: -.035em;
}

.coppa-diferenciais-heading h2 strong {
    color: #74c5d4;
    font-weight: 500;
}

.coppa-diferenciais-description {
    width: 300px;
    padding-bottom: 5px;
}

.coppa-diferenciais-description span {
    display: block;

    margin-bottom: 18px;

    color: rgba(255, 255, 255, .35);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
}

.coppa-diferenciais-description p {
    margin: 0;

    color: rgba(255, 255, 255, .62);

    font-size: 14px;
    line-height: 1.8;
}


/* ==========================================================
   GRID
   ========================================================== */

.coppa-diferenciais-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border-top: 1px solid rgba(255, 255, 255, .16);
}


/* ==========================================================
   CARD
   ========================================================== */

.coppa-diferencial {
    position: relative;

    min-height: 470px;

    padding: 34px 32px 38px;

    border-right: 1px solid rgba(255, 255, 255, .12);

    overflow: hidden;

    transition:
        background .6s ease,
        transform .65s cubic-bezier(.22, .61, .36, 1);
}

.coppa-diferencial:first-child {
    border-left: 1px solid rgba(255, 255, 255, .12);
}


/* Número principal */

.coppa-diferencial-number {
    position: absolute;

    top: 24px;
    right: 25px;

    color: rgba(116, 197, 212, .12);

    font-size: 76px;
    font-weight: 300;
    line-height: 1;

    transition:
        color .6s ease,
        transform .8s cubic-bezier(.22, .61, .36, 1);
}


/* conteúdo */

.coppa-diferencial-content {
    position: relative;
    z-index: 2;

    padding-top: 28px;
}


/* ícone */

.coppa-diferencial-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin-bottom: 52px;

    border: 1px solid rgba(116, 197, 212, .4);

    border-radius: 50%;

    color: #74c5d4;

    font-size: 18px;

    transition:
        background .5s ease,
        color .5s ease,
        border-color .5s ease,
        transform .6s ease;
}


/* label */

.coppa-diferencial-label {
    display: block;

    margin-bottom: 13px;

    color: rgba(255, 255, 255, .42);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;

    transition: color .45s ease;
}


/* título */

.coppa-diferencial h3 {
    min-height: 72px;

    margin-bottom: 20px;

    color: #fff;

    font-size: 29px;
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -.015em;

    transition:
        color .45s ease,
        transform .55s ease;
}


/* texto */

.coppa-diferencial p {
    max-width: 260px;
    min-height: 72px;

    margin-bottom: 32px;

    color: rgba(255, 255, 255, .58);

    font-size: 13px;
    line-height: 1.75;

    transition: color .45s ease;
}


/* link */

.coppa-diferencial-link {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    color: #74c5d4;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;

    transition:
        color .4s ease,
        transform .4s ease;
}

.coppa-diferencial-link i {
    transition: transform .45s ease;
}

.coppa-diferencial-link:hover {
    color: #fff;
}

.coppa-diferencial-link:hover i {
    transform: translateX(7px);
}


/* índice inferior */

.coppa-diferencial-index {
    position: absolute;

    left: 32px;
    bottom: 28px;

    color: rgba(255, 255, 255, .22);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;

    transition: color .45s ease;
}


/* ==========================================================
   HOVER
   ========================================================== */

.coppa-diferencial:hover {
    background: #163d48;
    transform: translateY(-8px);
}

.coppa-diferencial:hover .coppa-diferencial-number {
    color: rgba(116, 197, 212, .24);
    transform: translate(-8px, 8px) scale(1.12);
}

.coppa-diferencial:hover .coppa-diferencial-icon {
    background: #0586A6;
    border-color: #0586A6;
    color: #fff;

    transform: rotate(-8deg) scale(1.06);
}

.coppa-diferencial:hover .coppa-diferencial-label {
    color: #74c5d4;
}

.coppa-diferencial:hover h3 {
    transform: translateX(4px);
}

.coppa-diferencial:hover p {
    color: rgba(255, 255, 255, .72);
}

.coppa-diferencial:hover .coppa-diferencial-index {
    color: #74c5d4;
}


/* ==========================================================
   LINHA DE DESTAQUE
   ========================================================== */

.coppa-diferencial::before {
    content: "";

    position: absolute;

    top: -1px;
    left: 0;

    width: 0;
    height: 2px;

    background: #74c5d4;

    transition: width .7s cubic-bezier(.22, .61, .36, 1);
}

.coppa-diferencial:hover::before {
    width: 100%;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991px) {

    .coppa-diferenciais {
        padding: 90px 0;
    }

    .coppa-diferenciais-header {
        align-items: flex-start;
        flex-direction: column;

        gap: 35px;
        margin-bottom: 60px;
    }

    .coppa-diferenciais-description {
        width: 100%;
        max-width: 430px;
    }

    .coppa-diferenciais-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .coppa-diferencial:nth-child(2) {
        border-right: 0;
    }

    .coppa-diferencial:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .coppa-diferenciais {
        padding: 75px 0;
    }

    .coppa-diferenciais-heading h2 {
        font-size: 48px;
    }

    .coppa-diferenciais-grid {
        grid-template-columns: 1fr;
    }

    .coppa-diferencial {
        min-height: 390px;

        padding: 30px 25px 35px;

        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .coppa-diferencial:last-child {
        border-bottom: 0;
    }

    .coppa-diferencial-icon {
        margin-bottom: 42px;
    }

    .coppa-diferencial h3 {
        font-size: 27px;
    }
}

/* ==========================================================
   CARD INTEIRO CLICÁVEL
   ========================================================== */

.arc-project-card-link {
    position: absolute;
    inset: 0;
    /* z-index: 3; */
    display: block;
    cursor: pointer;
    text-decoration: none;
}

/* Mantém o conteúdo visual acima do overlay */
.arc-project-content {
    position: relative;
    z-index: 4;
}

/* Os links internos continuam clicáveis */
.arc-project-content a {
    position: relative;
    z-index: 5;
}

/* ==========================================================
   COPPA — VÍDEO DE FUNDO / PÁGINA SOBRE
   ========================================================== */

.arc-page-title.sobre {
    position: relative;
    min-height: 500px;
    overflow: hidden;

    background: #102d37 !important;
}

/* Vídeo ocupando toda a área */
.arc-page-title.sobre .arc-page-title-video {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    z-index: -2;
}

/* Overlay sobre o vídeo */
.arc-page-title.sobre .arc-page-title-overlay {
    position: absolute;

    inset: 0;

    /* background:
        linear-gradient(90deg,
            rgba(16, 45, 55, 0.82),
            rgba(16, 45, 55, 0.42));
 */
    z-index: -1;
}

/* Conteúdo permanece acima do vídeo */
.arc-page-title.sobre .arc-page-title-content {
    position: relative;
    z-index: 2;
}

/* Garante que o texto fique acima */
.arc-page-title.sobre .arc-breadcumb-wrap {
    position: relative;
    z-index: 3;
}

.arc-btn-group {
    flex-direction: column;
    position: relative;
    z-index: 2;
    display: flex;
    gap: 12px;
    align-items: start;
    margin-top: 16px;
}

.b-btn {
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.b-btn:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}

.coppa-equipe-info {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.coppa-equipe-info p {
    margin: 0;
    font-size: 12px;
    line-height: 1.8;
    opacity: 0.65;
}

.header-noticia {
    background-color: #202632 !important;
}

.noticia-breadcrumb-bar {
    padding: 26px 0;
    margin-top: 104px;
    border-bottom: 1px solid #f0f0f0;
}

@media (max-width: 767px) {
    .noticia-breadcrumb-bar {
        margin-top: 104px;
    }
}

.noticia-breadcrumb-bar a {
    font-size: 13px;
    color: #999;
    text-decoration: none;
}

.noticia-breadcrumb-bar a:hover {
    color: #1a1a1a;
}

.noticia-breadcrumb-bar span {
    font-size: 13px;
    color: #999;
}

.noticia {
    max-width: 900px;
    margin: 60px auto;
    padding: 0 20px;
    line-height: 1.8;
    color: #333;
}

.noticia-header {
    margin-bottom: 40px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 30px;
}

.noticia-data {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    display: block;
    margin-bottom: 15px;
}

.noticia-titulo {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #1a1a1a;
}

.noticia-subtitulo {
    font-size: 16px;
    color: #666;
    font-style: italic;
}

.noticia-destaque {
    margin: 40px 0;
    text-align: center;
}

.noticia-destaque img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.noticia-destaque figcaption {
    font-size: 13px;
    color: #888;
    margin-top: 12px;
    font-style: italic;
}

.noticia-conteudo {
    font-size: 16px;
}

.noticia-conteudo h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #1a1a1a;
}

.noticia-conteudo p {
    margin-bottom: 20px;
}

.noticia-conteudo ul {
    margin-left: 20px;
    margin-bottom: 20px;
}

.noticia-conteudo ul li {
    margin-bottom: 12px;
}

.noticia-cta {
    background-color: #f9f9f9;
    padding: 20px;
    border-left: 4px solid #1a1a1a;
    margin: 40px 0;
    display: block;
    font-size: 15px;
}

.noticia-footer {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.btn-saiba-mais {
    display: inline-block;
    padding: 12px 28px;
    background-color: #1a1a1a;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.3s;
}

.btn-saiba-mais:hover {
    background-color: #333;
    color: white;
}

.arc-noticias-grid {
    max-width: 1100px;
    margin: 0 auto;
}

.noticia-card {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    transition: box-shadow .3s ease, transform .3s ease;
}

.noticia-card:hover,
.noticia-card:focus {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transform: translateY(-4px);
    text-decoration: none;
    color: inherit;
}

.noticia-card-img {
    overflow: hidden;
    height: 260px;
}

.noticia-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}

.noticia-card:hover .noticia-card-img img {
    transform: scale(1.05);
}

.noticia-card-body {
    padding: 28px 30px 32px;
}

.noticia-card-data {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    display: block;
    margin-bottom: 12px;
}

.noticia-card-titulo {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.35;
    color: #1a1a1a;
    margin-bottom: 14px;
}

.noticia-card-resumo {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 22px;
}

.noticia-card-leia {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
}

.noticia-card-leia::after {
    content: "\203A";
    margin-left: 6px;
    font-size: 18px;
    line-height: 1;
    transition: margin-left .3s ease;
}

.noticia-card:hover .noticia-card-leia::after {
    margin-left: 12px;
}