/*==================================================
        COMPONENTES GENERALES LUXMODA
==================================================*/


/*==================================================
        TARJETA PRODUCTO
==================================================*/


.lux-card{

    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    transition:.3s;

}


.lux-card:hover{

    transform:translateY(-5px);

}


.lux-card img{

    width:100%;
    display:block;

}


.lux-info{

    padding:18px;

}


.lux-title{

    color:var(--color-secundario);

    font-size:20px;

    font-weight:600;

}


.lux-price{

    color:var(--color-terciario);

    font-size:18px;

    font-weight:bold;

}



/*==================================================
        BOTONES
==================================================*/


.lux-btn{

    display:inline-block;

    margin-top:15px;

    background:var(--color-terciario);

    color:#fff;

    padding:12px 25px;

    border-radius:6px;

    text-decoration:none;

}


.lux-btn:hover{

    background:var(--color-secundario);

}



/*==================================================
    SECTION HEADER GENERAL
==================================================*/


.section-header{

    text-align:center;

    margin-bottom:40px;

}



.section-subtitle{

    display:block;

    font-size:20px;

    color:var(--color-terciario);

    letter-spacing:3px;

    font-weight:600;

    margin-bottom:5px;

    text-transform:uppercase;

}



.section-header h2{

    font-size:42px;

    color:var(--color-secundario);

    letter-spacing:2px;

    margin-bottom:10px;

}



.section-header p{

    max-width:600px;

    margin:0 auto;

    color:var(--color-secundario);

    line-height:1.6;

}


/*==================================================
        PRODUCTOS DESTACADOS
==================================================*/


#productos-destacados{

    padding-top:50px !important;

}



#productos-destacados .producto-card img{

    width:270px !important;

    height:275px !important;

    margin-top:10px !important;

    object-fit:contain !important;

}



/*==================================================
        FOOTER SECCION
==================================================*/


#productos-destacados .section-footer{

    display:flex !important;

    justify-content:center !important;

    width:100% !important;

    margin:20px auto 30px !important;

}



#productos-destacados .btn-principal{

    padding:6px 28px !important;

    font-size:14px !important;

}



/*==================================================
        BADGE PRODUCTO
==================================================*/


.producto-badge{

    position:absolute;

    top:8px;

    left:8px;

    background:var(--color-terciario);

    color:#fff;

    font-size:9px !important;

    font-weight:600;

    letter-spacing:1.8px;

    text-transform:uppercase;

    padding:1px 5px !important;

    border-radius:10px;

}