body{position:relative;font-family:"Work Sans",sans-serif;color:#27348b;background-color:#fff}
img{height:auto}

/* TIPOGRAFIA */
a{color:#27348b;word-break:break-word}
a:hover{color:#27348b}
#fixedbar a,footer a,.toast a{text-decoration:none}
img,video{max-width:100%;height:auto}
.visually-hidden{color:#000;background-color:#fff}
.border-primary{border-color:#27348b!important}
.border-secondary{border-color:#8d8f95!important}
.border-light{border-color:#e8e8e8!important}
.border-dark{border-color:#333!important}
.btn{border-radius:0;border:0}
.btn-primary,.bg-primary,.list-group-item-primary{background-color:#27348b!important}
.btn-primary:hover{color:#000;background-color:#e8e8e8!important}
.btn-light,.bg-light,.list-group-item-light{background-color:#e8e8e8!important}
.btn-light:hover{color:#fff;background-color:#27348b!important}
.btn-secondary,.bg-secondary,.list-group-item-secondary{background-color:#8d8f95!important}
.btn-dark,.bg-dark,.list-group-item-dark{background-color:#333!important}
.text-primary{color:#27348b!important}
.text-dark{color:#333!important}
.fs-120{font-size:1.2rem}
.fs-150{font-size:1.5rem}
.fs-180{font-size:1.8rem}
.fs-200{font-size:2rem}
.accordion-item{border-radius:0!important;border:0!important}
.accordion-button{box-shadow:none!important}
.nav-tabs .nav-link{border:0!important}

/* HEADER */
#topbar{padding:6px;background-color:#000}
#topbar #brand{font-size:1rem;font-weight:bold;color:#fff;text-decoration:none}
#topbar li:not(:last-child){margin-right:4px}
#topbar li a{padding:0 4px;display:inline-block;width:34px;height:26px;color:#fff}

header{background:#ffffff;opacity:.92/*;background:linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0) 100%)*/}
header{padding: 6px 10px}
@media(min-width:768px){
    header{padding:10px 60px 10px}
}
#header-logo{/*max-width:fit-content;width:40%;*/min-width:180px}
#menu .list-inline-item{margin:.3rem 0;font-size:clamp(1rem,1.4vw,1.2rem)}
#menu .list-inline-item:not(:first-child){padding-left:.5rem}
#menu .list-inline-item:not(:last-child){margin-right:0;padding-right:.5rem;border-right:1px solid #27348b}
#menu a:hover,#menu a.active{border-bottom:2px solid #27348b}

/* CONTENT */
a.anchor{display:block}
section{color:#27348b;border-top:16px solid #27348b/*;padding-top:100px*/}
.section-text{font-size:clamp(1rem,3vw,1.8rem)}
h1{font-weight:bold;font-size:clamp(2rem,4vw,4rem)}

/* FOOTER */
footer{background-color:black;color:white;padding:0 12px}
#social a{width:24px;height:24px;display:inline-block;color:#fff}

/* TOAST */
.toast{border:0;background-color:#e30613;color:#fff;box-shadow:rgba(0, 0, 0, 1) 0 0 16px 0}
.toast-header{font-size:1rem;background-color:#27348b;color:#fff}
.toast-body a{color:#fff}