/* =========================================
   SHOP PRODUCTOS
========================================= */
.productos{
    max-width:1450px;
    margin:170px auto;
    padding:0 35px;
    text-align:center;
}

.mini-shop{
    color:#7a8d52;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.productos .titulo{
    font-size:50px;
    margin:12px 0;
    color:#222;
    font-family:'Times New Roman', serif;
}

.productos .sub{
    color:#777;
    font-size:17px;
    margin-bottom:45px;
}

/* GRID */
.grid-productos{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* CARD */
.card-producto{
    background:#fff;
    border:1px solid #ece5d9;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.04);
    transition:.35s;
}

.card-producto:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,0.08);
}

.img-container{
    position:relative;
    overflow:hidden;
}

.img-container img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.4s;
}

.card-producto:hover img{
    transform:scale(1.06);
}

/* BADGES */
.badge{
    position:absolute;
    top:14px;
    left:14px;
    z-index:2;
    padding:6px 12px;
    border-radius:20px;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.badge.nuevo{
    background:#7a8d52;
}

.badge.vendido{
    background:#b48b5a;
}

.badge.limitada{
    background:#c97f7f;
}

/* INFO */
.info{
    padding:22px;
    text-align:left;
}

.info h3{
    font-size:22px;
    color:#222;
    margin-bottom:8px;
    font-family:'Times New Roman', serif;
}

.codigo{
    font-size:12px;
    color:#888;
    margin-bottom:14px;
}

.precio{
    margin-bottom:18px;
}

.actual{
    font-size:24px;
    font-weight:700;
    color:#5d6d3d;
}

/* BOTON */
.btn-add{
    width:100%;
    background:#6f7f46;
    color:#fff;
    border:none;
    padding:13px;
    border-radius:30px;
    cursor:pointer;
    font-weight:600;
    transition:.3s;
}

.btn-add:hover{
    background:#5c6c39;
}