/* =========================================================
   NOVIDADES - LOJAS DAS COMUNIDADES
========================================================= */

.ldc-novidades{
    position:relative;
    padding:90px 20px;
    overflow:hidden;
    color:#fff;

    background:
        radial-gradient(circle at top left,rgba(0,224,255,.22),transparent 35%),
        radial-gradient(circle at bottom right,rgba(255,120,0,.20),transparent 35%),
        linear-gradient(135deg,#071220,#0b1628 55%,#050914);
}

.ldc-novidades::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("https://www.transparenttextures.com/patterns/cartographer.png");
    opacity:.04;
    pointer-events:none;
}

.ldc-novidades-wrap{
    max-width:1200px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* ========================================================= */

.ldc-novidades-top{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:40px;
    align-items:center;
    margin-bottom:50px;
}

.ldc-tag-live{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:10px 18px;

    border-radius:999px;

    background:rgba(255,255,255,.12);

    border:1px solid rgba(255,255,255,.2);

    color:#ffd166;

    font-weight:800;

    margin-bottom:20px;

}

/* ========================================================= */

.ldc-titulo{

    margin:0 0 20px;

    line-height:.95;

}

.ldc-branco{

    display:block;

    color:#fff;

    font-size:clamp(42px,5vw,72px);

    font-weight:900;

    text-shadow:0 3px 15px rgba(0,0,0,.35);

}

.ldc-gradiente{

    display:block;

    font-size:clamp(42px,5vw,72px);

    font-weight:900;

    background:linear-gradient(
        90deg,
        #ff9800,
        #ff4d6d,
        #7b61ff,
        #3dd9ff
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;

}

/* caso use h2 antigo */

.ldc-novidades h2{

    color:#fff !important;

    font-size:clamp(42px,5vw,70px);

    font-weight:900;

}

.ldc-novidades h2 strong{

    background:linear-gradient(
        90deg,
        #ff9800,
        #ff4d6d,
        #7b61ff,
        #3dd9ff
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    color:transparent !important;

}

.ldc-novidades-sub{

    color:#dbeafe;

    font-size:18px;

    line-height:1.8;

    max-width:700px;

}

/* ========================================================= */

.ldc-mini-stats{

    display:grid;

    gap:14px;

}

.ldc-mini-stat{

    padding:20px;

    border-radius:24px;

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.18);

}

.ldc-mini-stat b{

    display:block;

    color:#fff;

    font-size:34px;

    margin-bottom:8px;

}

.ldc-mini-stat span{

    color:#d7e4f6;

    font-size:14px;

}

/* ========================================================= */

.ldc-novidades-grid{

    display:grid;

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

    gap:24px;

}

.ldc-nov-card{

    position:relative;

    padding:34px;

    border-radius:28px;

    overflow:hidden;

    transition:.35s;

    border:1px solid rgba(255,255,255,.18);

    backdrop-filter:blur(12px);

    box-shadow:0 25px 60px rgba(0,0,0,.30);

}

.ldc-nov-card:hover{

    transform:translateY(-8px);

    box-shadow:0 40px 70px rgba(0,0,0,.45);

}

.ldc-nov-card:nth-child(1){

    background:linear-gradient(145deg,#00b7ff55,#ffffff10);

}

.ldc-nov-card:nth-child(2){

    background:linear-gradient(145deg,#ff980055,#ffffff10);

}

.ldc-nov-card:nth-child(3){

    background:linear-gradient(145deg,#ff3d8d55,#ffffff10);

}

.ldc-nov-card::before{

    content:"NOVO";

    position:absolute;

    right:18px;

    top:18px;

    padding:6px 10px;

    background:#ffb703;

    color:#111;

    font-size:11px;

    font-weight:900;

    border-radius:999px;

}

.ldc-nov-icon{

    width:78px;

    height:78px;

    border-radius:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:40px;

    background:rgba(255,255,255,.14);

    margin-bottom:24px;

}

/* ======== TITULOS ======== */

.ldc-novidades .ldc-nov-card h3{

    color:#ffffff !important;

    font-size:30px;

    font-weight:900;

    line-height:1.2;

    margin:0 0 14px;

    text-shadow:0 3px 10px rgba(0,0,0,.30);

}

/* ========================= */

.ldc-novidades .ldc-nov-card p{

    color:#edf7ff !important;

    font-size:16px;

    line-height:1.7;

    margin-bottom:22px;

}

.ldc-nov-pill{

    display:inline-flex;

    padding:10px 15px;

    border-radius:999px;

    background:rgba(0,0,0,.25);

    border:1px solid rgba(255,255,255,.18);

    color:#fff;

    font-size:13px;

    font-weight:800;

}

/* ========================================================= */

@media(max-width:900px){

.ldc-novidades{

padding:70px 18px;

}

.ldc-novidades-top{

grid-template-columns:1fr;

}

.ldc-mini-stats{

grid-template-columns:1fr;

}

.ldc-novidades-grid{

grid-template-columns:1fr;

}

.ldc-nov-card{

padding:28px;

}

.ldc-novidades h2,
.ldc-branco,
.ldc-gradiente{

font-size:42px;

}

}