/*** agrega aqui los estilos necesarios para modificar el template ***/
/* encabezado */
.bs-grid-header__logo {
    width: 140px;
    filter: drop-shadow(2px 4px 6px black);
}

.bs-highlight {
    background-color: #F2620F;
    color: #fff;
}

.bs-primary {
    background-color: #F24405;
    color: #fff;
    border: 1px solid #F24405;
}

.bs-primary:hover {
    background-color: #F28705;
    color: #fff;
    border: 1px solid #F28705;
}

.bs-secondary {
    background-color: #F2620F;
    color: #fff;
    border: 1px solid #F2620F;
}

.bs-secondary:hover {
    background-color: #F29F05;
    color: #fff;
    border: 1px solid #F29F05;
}

body {
    color: #f5f5f5;
    background-color: #020C1C;
}

.bs-brand-color {
    color: #A94B00;
}

/* Migas de pan 
.bs-breadcrumb {
    background-color: #F2F2F2;
}*/

/* Formularios */
input, textarea, select {
    border-color: #F29F05;
}

/* Slider */
.slick-dots li button {
    background-color: #F29F05;
}

.slick-dots li.slick-active button {
    border-color: #F24405;
}

.slick-arrow {
    color: #F24405;
}

.slick-arrow:hover {
    background-color: #F24405;
    color: #fff;
}

/* Títulos home */
.home-title {
    color: #F2620F;
    background-image: linear-gradient(90deg, #F29F05 0%, #F24405 50%, #F29F05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Footer */
.bs-footer {
    background: linear-gradient(to bottom, #020C1C 0%, rgba(242, 135, 5, 0) 50%, rgba(242, 68, 5, 0) 100%), url(fondored.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bs-footer__top-section {
    background: #020C1C;
}

.bs-footer__logo img {
    max-height: 180px;
    width: auto;
    margin-bottom: -80px;
    filter: drop-shadow(2px 4px 6px black);
}

.bs-header .img-fluid
{
    width: 250px;
    max-width: 200%;
}


.bs-copyright {
    background: #020c1ced;
}
.bs-footer__link__icon::before {
    color: #F2F2F2;
    filter: drop-shadow(2px 4px 6px black);
}
.bs-footer__title {
    color: #F2F2F2;
    filter: drop-shadow(2px 4px 6px black);
}
.bs-pay-method {
    opacity: 1.5;
    filter: drop-shadow(2px 4px 6px black);
}
/* Banner hover */
.banner:hover {
    background-color: rgba(242, 135, 5, 0.6);
}

/* Chat */
.chat-facebook {
    background-color: #F28705;
}

.chat-facebook:hover {
    background-color: #F2620F;
}

.chat-whatsapp {
    background-color: #F29F05;
}

.chat-whatsapp:hover {
    background-color: #F24405;
}

/* Alertas */
.bs-alert {
    background-color: #F29F05;
    color: #fff;
}

/* Modal de suscripción */

.modal-suscripcion__titulo {
    background: linear-gradient(45deg, #F24405, #F28705);
}

.modal-suscripcion__boton {
    background: linear-gradient(45deg, #F2620F, #F28705);
    color: #fff;
}
.announcement-bar {
    background: #020C1C;
    border-color: #020C1C;
}
.bs-img-square.cover picture img {
    border-radius: 40px;
}
.bs-footer__description, .bs-footer__link {
    color: #f5f2f2;
    filter: drop-shadow(2px 4px 6px black);
}
.bs-title-home {
    color: #e3e3e3;
}
.bs-blog-article {
    background: #020C1C;
}
.bs-blog-article:hover {
    background: #020C1C;
}

.bs-blog-article__content {
    color: #e5e5e5;
}
.row.pb-3 {
    background-color: #020C1C;
    border: 1px solid #020C1C;
    filter: drop-shadow(2px 2px 2px black);
}
.modal-content {
    background-color: #090f23;
}
.close {
    color: #a55b01;
    text-shadow: 0 1px 0 #a55b01;
}
.breadcrumb-item.active {
    color: rgb(224 223 223);
}
.breadcrumb-item a {
    color: rgb(224 223 223);
}
.jumbotron {
    background-color: #040c1d;
}
@media screen and (max-width: 768px) {
  .bs-header .img-fluid {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
.bs-footer__link {
    color: #f5f5f5;
    filter: drop-shadow(1px 1px 1px black);
}

.bs-title, .bs-title:hover {
    color: #f2f2f2;
}
.custom-control {
    color: #040c1d;
}

.bs-collection-filter {
    border: 1px solid #56b2e5;
    background-color: #040c1d;
}
.bs-collection-filter .list-group-item {
    color: #040c1d;
}
.bs-product__label {
    color: #f5f5f5;
}
.custom-control-label {
    color: white;
    }

.bg-light {
    background-color: #0b0f23 !important;
}
.bs-title, .bs-title:hover {
    text-transform: uppercase;
}