/* =========================================================
   Notícias Contábeis - estilos base
   Toda a estilização visual fina é feita via controles do
   Elementor (seletores {{WRAPPER}} injetados dinamicamente).
   Este arquivo só contém o necessário para o funcionamento
   estrutural do Carrossel (marquee) e do Grid.
   ========================================================= */

.ncw-wrapper {
    width: 100%;
}

/* ---------------------------------------------------------
   CARROSSEL (marquee horizontal infinito)
   --------------------------------------------------------- */
.ncw-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ncw-marquee-track {
    display: inline-flex;
    align-items: center;
    animation-name: ncw-marquee-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.ncw-marquee:hover .ncw-marquee-track {
    animation-play-state: paused;
}

.ncw-marquee-set {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.ncw-marquee-item {
    flex-shrink: 0;
    white-space: nowrap;
}

.ncw-marquee-item a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.ncw-marquee-date {
    display: inline-block;
    white-space: nowrap;
}

.ncw-marquee-title {
    display: inline-block;
    white-space: nowrap;
}

.ncw-marquee-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

@keyframes ncw-marquee-scroll {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

/* Fallback para Safari muito antigo (anterior ao iOS 14.5), que não
   suporta "gap" em flexbox. Sem isso, os itens ficariam colados. */
@supports not (gap: 1px) {
    .ncw-marquee-item,
    .ncw-marquee-icon {
        margin-inline-end: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ncw-marquee-track {
        animation: none;
    }
}

/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */
.ncw-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.ncw-card {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 24px;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, padding .3s ease;
}

.ncw-card-date,
.ncw-card-title,
.ncw-card-excerpt,
.ncw-card-readmore {
    transition: color .3s ease;
}

.ncw-card-date {
    margin: 0 0 8px;
}

.ncw-card-title {
    margin: 0 0 8px;
}

.ncw-card-excerpt {
    margin: 0 0 8px;
}

.ncw-card-readmore {
    display: inline-block;
}

.ncw-empty {
    opacity: .7;
}

@media (max-width: 575px) {
    .ncw-grid {
        grid-template-columns: 1fr;
    }
}