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

.bs-footer__containt::before {
    position: absolute;
    top: -5rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color), 0) 0px, rgb(243 241 241 / 45%) 10rem, rgb(243 241 241 / 45%) 100%);
}

.bs-footer__title, .bs-footer__title__little {
    font-weight: var(--title-weight);
    text-transform: var(--title-transform);
    color: #0e695d;
    filter: drop-shadow(1px 1px 1px white);
}


@media screen and (min-width: 996px) {
    .bs-banner-grid-items-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 996px) {
    .bs-banner-grid-items-3 .bs-banner-grid__child {
        grid-column-end: span 1;
                height: 212%;
    }
}

@media screen and (min-width: 996px) {
    .bs-banner-grid__img {
                     height: auto;
                   object-fit: contain;
    }
}



.bs-banner-grid {
    margin-bottom: 15rem;
    }

.bs-banner-grid__img {
    object-fit: contain;
}

.bs-menu__lv2:hover, .dropdown__lv2.show .bs-menu__lv2 {
    background: #02635914;
    color: #000000;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background: #5aaeae;
    border-color: #5aaeae;
    color: #ffffff;
}

.col-12 {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.bs-footer__link.bs-footer__link:hover {
    color: black;
}

.bs-copyright {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: .85rem;
    text-align: center;
    margin-top: 1rem;
    background: #02635900;
    color: #000000;
    padding: .5rem 1rem;
    z-index: 10;
}

.bs-footer {
    position: relative;
    padding-top: 20rem;
    color: var(--footer-txt-color);
    margin-top: 2rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-danger, .badge-danger {
    background: #0acab6;
    border-color: #0acab6;
    color: var(--danger-contrast);
}

.btn-danger:hover {
    background: #339086;
    border-color: #339086;
    color: var(--danger-hover-contrast);
}