.breadcrumb-area:after {
    background-image: linear-gradient(90deg, #009CA6, #84BD00);
}
.col-dreta {
    display: none;
}
.filtro-seccion {
    margin-bottom: 25px;
}
span.filtro {
    display: inline-block;
    margin-right: 6px;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 3px 14px;
    margin-bottom: 6px;
    font-size: 0.7rem;
    cursor: pointer;
}
span.filtro:hover {
    background: #b4db67;
    color: #fff;
    border: 1px solid transparent;
}
span.filtrochecked {
    background: #8abd24;
    color: #fff;
    border: 1px solid transparent;
}
span.filtrochecked:hover {
    background: #8abd24;
}
span.filtro-titulo {
    margin-right: 6px;
    font-size: 0.7rem;
    font-weight: bold;
}
.card-title {
    margin-bottom: .5rem;
    font-size: 1.1rem;
    line-height: 1.4rem;
}
.card-pretitle {
    position: absolute;
    top: 10px;
    left: -2px;
    font-size: 0.7rem;
    padding: 1px 20px 1px 8px;
    border-radius: 0 20px 20px 0;
    border: 0px solid #ddd;
    color: #fff;
    background-color: #505050;
}
body.modal-open .content-container {
    filter: blur(5px);
}
.breadcrumb-area .breadcrumb-content h1 {
    font-size: 2.6rem;
    color: #ffffff;
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: -1px;
}
@media only screen and (max-width: 575px) {
.breadcrumb-area .breadcrumb-content h1 {
    font-size: 2rem;
}
}



/*************** ESTILS PER PASSAR AL GENERAL ***************/

.footer-area {
    background-color: #485C74;
}
.footer-bottom-area {
    background-color: #000;
}
.breadcrumb-area .breadcrumb-content .breadcrumb-item.active {
    color: #fff;
}
.loginModule h3 {
    color: #009CA6;
}
.btn-primary {
    background-color: #009CA6;
    border-color: #009CA6;
}
.btn-primary:hover {
    background-color: #009CA6;
    border-color: #009CA6;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    background-color: #009CA6;
    border-color: #009CA6;
    box-shadow: 0 0 0 0.25rem rgb(0 156 166 / 50%);
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #009CA6;
    border-color: #009CA6;
}
.btn-outline-primary {
    color: #009CA6;
    border-color: #009CA6;
}
.btn-outline-primary:hover {
    background-color: #009CA6;
    border-color: #009CA6;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    background-color: #009CA6;
    border-color: #009CA6;
}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgb(0 156 166 / 50%);
}
#scrollUp {
    background-color: #009CA6;
}
a {
    color: #009CA6;
}
a:hover {
    color: #009CA6;
}
.classy-nav-container .classy-navbar .classynav ul li:hover > a {
    color: #009CA6;
}
.single-footer-widget .footer-menu li a:hover, .single-footer-widget .footer-menu li a:focus {
    color: #009CA6;
}
.section-heading .line {
    background: #009CA6;
    background: -webkit-gradient(linear, left top, right top, from(#84BD00), to(#009CA6));
    background: linear-gradient(to right, #84BD00, #009CA6);
}
.night-mode-wrapper {
    background-color: #4D008C;
}
.night-mode-wrapper .default-icon {
    color: #4D008C;
}
[data-theme="dark"] .header-area.header-sticky {
    background-color: #485C74;
}
.single-blog-post .small p, .single-blog-post .small li {
    line-height: 1.25!important;
 }
.single-blog-post ul li,
.single-blog-post ol li {
    margin-top: 0.4rem;
    margin-bottom: 0;
    color: #848aa6;
}
.single-blog-post ol, 
.single-blog-post ul,
.single-blog-post ol ol, 
.single-blog-post ol ul, 
.single-blog-post ul ol, 
.single-blog-post ul ul {
    margin-bottom: 1.5rem;
}



.nav-brand img {max-width: 200px !important;}

/***** CASOS CLINICOS *****/
.CasoClinico .seleccion {cursor:pointer;}
.CasoClinico .seleccion:hover {background-color:#eee!important;}
.CasoClinico .texto-verde {color:#009CA6;}
.CasoPaciente p {line-height: 1.5!important;}
.CasoPaciente li {line-height: 1.5!important;}
.CasoQuestion .alert p {line-height: 1.5!important;}
.CasoQuestion .alert li {line-height: 1.5!important;}
/***************/