/*** agrega aqui los estilos necesarios para modificar el template ***/


/**cabecera**/

.bs-header {
    background-image: url(fondoc1.png);
}

.bs-header-navbar {
    background: transparent;
}

.bs-header-search .input-group {
    background: rgb(255 255 255);
}

.bs-menu__lv1 {
    color: #2c2c2c;
    font-weight: 500;
}

.navbar-brand {
padding-bottom: 0;
padding-top: 0;
}

.bs-menu__lv1:hover, .show > .bs-menu__lv1 {
    color: #808080;
}

img.img-fluid.logo-header {
    max-width: 165px;
}

/**Categorías**/

@media screen and (max-width: 992px){
.bs-collection-filter form#bs-collection-filter-form .btn-link {
    color: white;
    background: #730a14;
}}

.bs-categories .bs-img-square {
    width: 120%;
    place-self: anchor-center;
}

.bs-title-home-cat{
    font-size: var(--home-title-size);
    color: var(--home-title-color);
    text-transform: var(--title-transform);
    font-weight: var(--title-weight);
    display: flex
;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 2rem 0 0rem;
    white-space: nowrap;
    flex-direction: column;
}

.bs-title-home{
    padding: 2rem 0 0rem;
}

.bs-img-square img.bs-categories__img {
    width: 100%;
}

.bs-categories__svg {
    fill: transparent;
}

.bs-collection__title {
    color: var(--secondary-color);
    text-transform: uppercase;
}

.bs-banner-grid__info {
    background: #a60c16;
    justify-content: center;
}

.bs-banner-grid__title {
    color: #ffffff;
}

/**Parallax**/


.bs-parallax .btn-secondary{
    background: #ab1210;
    border-color: #ab1210;
    font-size: xx-large;
    border-radius: 30px;
    position: absolute;
    justify-self: anchor-center;
}

@media (max-width: 992px) {
.bs-parallax .btn-secondary {
    background: var(--primary-color);
    border-color: var(--primary-color);
    font-size: 14px;
    border-radius: 0;
}
}

.btn-danger, .badge-danger {
    background: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.tyc{
font-weight:600;
color:black;
}

/**Pie**/

.article-body td
{
border: 2px solid #e1e1e1;
}