/* =========================================================
   NEWS PAGE - INDUSTRIAL PREMIUM
   Pagina: /noutati
========================================================= */


/* =========================================================
   INTRO
========================================================= */

.news-page .section-head {

    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center;

}


.news-page .section-head h1,
.news-page .section-head h2 {

    max-width: 900px;
    margin: 0 auto;

    text-align: center;

    line-height: 1.15;

    text-wrap: balance;

}


.news-page .section-subtitle {

    max-width: 780px;
    margin: 0 auto;

    color: #64748b;

    line-height: 1.7;

}



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

.news-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 30px;

}



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

.news-card {

    overflow: hidden;

    background: #ffffff;

    border: 1px solid rgba(15,23,42,.09);

    border-radius: 18px;

    box-shadow:
        0 14px 35px rgba(15,23,42,.06);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;

}


.news-card:hover {

    transform: translateY(-6px);

    border-color: rgba(203,175,117,.40);

    box-shadow:
        0 25px 55px rgba(15,23,42,.12);

}



/* =========================================================
   IMAGE
========================================================= */

.news-image {

    height: 230px;

    overflow: hidden;

    background: #f8fafc;

}


.news-image img {

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition: transform .45s ease;

}


.news-card:hover .news-image img {

    transform:scale(1.05);

}



/* =========================================================
   CONTENT
========================================================= */

.news-content {

    padding: 28px;

}


.news-date {

    display:inline-flex;

    margin-bottom:12px;

    padding:6px 12px;

    border-radius:999px;

    background:rgba(203,175,117,.12);

    border:1px solid rgba(203,175,117,.25);

    color:#9a7631;

    font-size:12px;

    font-weight:800;

}



.news-content h3 {

    margin:0 0 12px;

    color:#0f172a;

    font-size:22px;

    font-weight:900;

    line-height:1.3;

}



.news-content p {

    margin:0;

    color:#64748b;

    line-height:1.7;

}



/* =========================================================
   EMPTY STATE
========================================================= */

.news-empty {

    max-width:700px;

    margin:40px auto 0;

    padding:40px;

    text-align:center;

    background:#f8fafc;

    border-radius:18px;

    color:#64748b;

}



/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .news-grid {

        grid-template-columns:repeat(2,minmax(0,1fr));

    }

}


@media(max-width:700px){

    .news-grid {

        grid-template-columns:1fr;

    }


    .news-image {

        height:220px;

    }


    .news-content {

        padding:24px;

    }


    .news-content h3 {

        font-size:20px;

    }

}