.header-middle .container {
    background-image: url(/es/images/background.png);
}

@media (max-width: 991px) {
    header.header-1 .header-middle #logotipo img {
        margin: 20px 0;
    }
    .header-middle .container {
        background-image: none;
    }
}

@media (max-width: 767px) {
    header.header-1 .header-middle #logotipo img {
        margin: 10px 0;
    }
    header .header-middle #logotipo a img {
        max-height: 30px;
    }
    header.header-1 .header-middle {
        background: #04357A !important;
    }
}

.materias .materias-scroller .label {
    color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
}

.materias .materias-scroller .label:focus, .materias .materias-scroller .label:hover {
    background: var(--color-secondary);
    color: #fff;
    border-color: var(--color-secondary);
}

header .header-middle #header-actions .header-action-item>a div {
    color: #fff;
}

header.header-1.sticky .header-middle #search {
    margin: 25px 3rem 25px 0;
}

footer .footer-newsletter {
    background-color: var(--color-secondary);
}

.swiper~.swiper-button-next:hover{
    background-color: var(--color-tertiary);
}

.product-list .product-item .product-item-wrapper .product-buttons ul li .nomesigas {
    background: var(--color-secondary);
    color: var(--color-primary);
}

.btn:focus-within{
    color: var(--color-secondary);
}

.login-register-panel .nav-tabs .nav-link.active {
    color: var(--color-secondary) !important;
}

.form-check label a {
    color: var(--color-secondary);
}

.form-check .form-check-input:checked {
    background-color: var(--color-secondary);
}

.contact-page:before {
    background: linear-gradient(to bottom, rgba(4, 53, 122, 0.65), rgba(4, 53, 122, 0.85));
}

.proceso_compra li span {
    background-color: rgb(4 53 122 / 10%);
    color: var(--color-secondary);
}

.proceso_compra li.select span {
    background-color: var(--color-secondary);
}

.proceso_compra li:after {
    background: var(--color-tertiary);
}

.offcanvas .offcanvas-header>div h2 {
    color: var(--color-secondary);
}

.fichaDetalle #info-book .info-book-meta .meta-item dt .icon {
    color: var(--color-secondary);    
}

.fichaDetalle .tabs-detalle .nav-tabs .nav-link.active {
    color: var(--color-secondary, var(--color-secondary, #234a91));
}

.header-nav .navbar #mainNav .offcanvas-body .navbar-nav .nav-item .nav-link {
    color: var(--color-secondary);
}

#clickAndCollect.btn{
    color: var(--color-secondary);
}

header .header-middle #header-actions .header-action-item>a.show {
    background-color: var(--color-tertiary);
}

.scrollToTop .icon {
    color: var(--color-secondary);
}

.checkout .card .card-header {
    color: var(--color-secondary);
}