/* =====================================================
   TARJETAS DE PRODUCTO - MUNDOARTE
===================================================== */

.ma-product-card{
    list-style:none;
    margin:0 !important;
    width:100% !important;
}

.ma-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

    transition:.30s;

    height:100%;

    display:flex;

    flex-direction:column;

}

.ma-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.15);

}

.ma-image{

    position:relative;

    overflow:hidden;

    aspect-ratio:1/1;

    background:#fafafa;

}

.ma-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.45s;

}

.ma-card:hover img{

    transform:scale(1.05);

}

.ma-content{

    padding:22px;

    display:flex;

    flex-direction:column;

    gap:12px;

    flex:1;

}


/* Título */

.ma-content h2,
.ma-content .woocommerce-loop-product__title{

    font-size:20px;

    line-height:1.35;

    color:#222;

    margin:0;

    font-weight:700;

}

/* Precio */

.ma-content .price{

    font-size:24px;

    font-weight:700;

    color:#ff6b00;

    margin-top:auto;

}

.ma-content del{

    opacity:.45;

    margin-right:8px;

}

.ma-content ins{

    text-decoration:none;

}

.ma-content .button{

    margin-top:15px;

    width:100%;

    border-radius:10px;

    background:#ff6b00;

    color:#fff !important;

    padding:14px;
 
    font-size:15px;

    font-weight:600;

    text-align:center;

    transition:.25s;

}

.ma-content .button:hover{

    background:#e85d00;

}

/* Contenido */

.ma-title{
    min-height:58px;
}

.ma-title h2,
.ma-title .woocommerce-loop-product__title{

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#2b2b2b;

    line-height:1.35;

}

/* Valoraciones */

.ma-rating{

    min-height:24px;

}

.ma-rating .star-rating{

    color:#f5b301;

    margin:0;

}

/* Precio */

.ma-price{

    margin-top:6px;

}

.ma-price .price{

    color:#ff6b00;

    font-size:28px;

    font-weight:700;

}

.ma-price del{

    color:#999;

    font-size:18px;

}

.ma-price ins{

    text-decoration:none;

}

/* Botón */

.ma-cart{

    margin-top:auto;

}

.ma-cart .button{

    width:100%;

    border-radius:12px;

    padding:14px;

    font-weight:600;

    font-size:15px;

    background:#ff6b00;

    color:#fff;

    transition:.25s;

}

.ma-cart .button:hover{

    background:#e55e00;

} 


.woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:30px !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
    display:none !important;
    content:none !important;
}

.woocommerce ul.products li.product{
    float:none !important;
    clear:none !important;
    width:auto !important;
    margin:0 !important;
}

.woocommerce ul.products li.first,
.woocommerce ul.products li.last{
    clear:none !important;
}