/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */



/* Destacar la pestaña BLOG */
#lnk-blog a {
    background-color: #ab4a81; /* Color de fondo */
    color: #ffffff !important; /* Color del texto */
    padding: 8px 15px;          /* Espaciado dentro del botón */
    border-radius: 5px;         /* Bordes redondeados */
    text-transform: uppercase;  /* Texto en mayúsculas */
    font-weight: bold;          /* Negrita */
}
#lnk-blog a:hover {
    background-color: #ffa9cc;  /* Color al pasar el ratón */
    text-decoration: none;       /* Quitar subrayado al pasar el ratón */
}

/* Destacar la pestaña STORE */
#category-7 > a {
    background-color: #ab4a81; /* Color de fondo */
    color: #ffffff !important; /* Color del texto */
    padding: 8px 15px;         /* Espaciado dentro del botón */
    border-radius: 5px;        /* Bordes redondeados */
    text-transform: uppercase; /* Texto en mayúsculas */
    font-weight: bold;         /* Negrita */
}

#category-7 > a:hover {
    background-color: #ffa9cc; /* Color al pasar el ratón */
    text-decoration: none;     /* Quitar subrayado */
}

/* Corregir títulos de producto para que respeten mayúsculas y minúsculas originales */
.product-title,
.h3.product-title a,
h1[itemprop="name"],
h1.h1.product-detail-name {
    text-transform: none !important;
}