/* =====================================================
   HONG YUN - ESTILO ELEGANTE
   Paleta:
   Blanco: #FFFFFF
   Crema: #F8F4EF
   Beige: #EFE6DA
   Arena: #E7DDD2
=====================================================*/

/* ---------- FONDO GENERAL ---------- */

body{
    background:#F8F4EF;
    color:#3E352F;
}

/* Contenedor principal */

#page,
.site,
.site-content,
.content-area{
    background:#F8F4EF;
}

/* ---------- CABECERA ---------- */

.site-header{
    background:#FFFFFF;
    border-bottom:1px solid #EFE6DA;
}

.site-branding{
    padding:30px 0;
}

.site-title{
    letter-spacing:6px;
    font-weight:300;
    text-transform:uppercase;
}

/* ---------- MENÚ ---------- */

.main-navigation{
    background:#FFFFFF;
    border-top:1px solid #EFE6DA;
    border-bottom:1px solid #EFE6DA;
}

.main-navigation a{
    color:#433B35;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1.5px;
    transition:.3s;
}

.main-navigation a:hover{
    color:#B79C82;
}

/* ---------- BUSCADOR ---------- */

.search-form input,
.search-field{
    background:#FFFFFF;
    border:1px solid #E7DDD2;
    border-radius:30px;
    padding:12px 20px;
}

//* ---------- TÍTULOS ---------- */



h1,h2,h3,h4,h5{

    font-weight:400;

    letter-spacing:1px;

    color:#3B322C;

}

/* ---------- TARJETAS ---------- */

.product,
.products li,
article{

    background:#FFFFFF;

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 8px 25px rgba(0,0,0,.04);
}

.product:hover,
.products li:hover{

    transform:translateY(-6px);

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

}
.woocommerce ul.products li.product{
    padding:18px;
    border-radius:18px;
}

/* ---------- IMÁGENES ---------- */

.woocommerce ul.products li.product img{
    width:90%;
    margin:18px auto 28px;
    border-radius:20px;
}

.woocommerce ul.products li.product{
    padding:20px;
}
/* ---------- NOMBRE PRODUCTO ---------- */

.woocommerce-loop-product__title{

    font-size:16px;

    letter-spacing:.5px;

    margin-top:15px;

}

/* ---------- PRECIO ---------- */

.price{

    color:#B79C82;

    font-weight:600;

}

/* ---------- BOTONES ---------- */

.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button{

    background:#EFE6DA;

    color:#3A322C;

    border:none;

    border-radius:30px;

    padding:13px 28px;

    transition:.35s;

}

.button:hover,
button:hover,
.woocommerce a.button:hover{

    background:#E7DDD2;

    color:#000;

}

/* ---------- CATEGORÍAS ---------- */

.product-category{

    background:#FFFFFF;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

    margin:25px;

    padding:15px;

}

/* ---------- MIGAS ---------- */

.woocommerce-breadcrumb{

    color:#9E8F81;

}

/* ---------- FOOTER ---------- */

.site-footer{

    background:#FFFFFF;

    border-top:1px solid #EFE6DA;

    padding:50px 0;

}

/* ---------- FORMULARIOS ---------- */

input,
textarea,
select{

    border:1px solid #E7DDD2;

    background:#FFFFFF;

    border-radius:10px;

    padding:12px;

}

/* ---------- TABLAS ---------- */

table{

    background:#FFFFFF;

}

/* ---------- ENLACES ---------- */

a{

    transition:.3s;

}

a:hover{

    color:#B79C82;

}

/* ---------- ICONOS ---------- */

svg,
i{

    transition:.3s;

}

svg:hover,
i:hover{

    color:#B79C82;

}

    border-bottom:1px solid #EFE6DA;

}
/* Más espacio entre categorías */

.woocommerce ul.products li.product-category{
    margin:0 20px 45px 20px;
    padding:18px;
}