:root{
    --color-primary: #405D9E;
    --color-primary-light: #4E86B8;
    --color-secondary: #2C5178;
    --color-accent: #1F9090;
    --color-white: #ffffff;
    --color-grey-light: #D5E9F1;
    --color-grey-bg: #D5E5F3;
    --color-text-dark: #232F48;
    --color-text-muted: #555555;

    --shadow-hover: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
#informative-content-post summary {
    display: list-item;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: bold;
    background-color: var(--color-grey-bg);
    color: var(--color-text-dark);
    border-radius: 10px;
    margin: 5px 0;
    padding: 5px 10px;
}
/*HOME*/
#informative-content .search{
    max-width: 400px;
    margin: 0 auto;
}
#informative-content .accordion .accordion-item{
    background-color: transparent;
    border:0;
}
#informative-content .accordion .accordion-button:focus {
    box-shadow: none;
    border:1px solid var(--color-primary-light);
}
#informative-content .accordion .accordion-button{
    background: linear-gradient(180deg, #F2F8FD 0%, #E3EEF8 100%);
    border: 1px solid #D3E2F0;
    box-shadow: 0 2px 6px rgba(44, 81, 120, 0.06);
    transition: background .25s ease, box-shadow .25s ease;
    padding: .5rem 1rem;
}
#informative-content .accordion .accordion-button img{
    width: 64px;
    height: 64px;
}
#informative-content .accordion .accordion-button:not(.collapsed){
    background: linear-gradient(180deg, #F2F8FD 0%, #E3EEF8 100%);
    box-shadow: 0 2px 6px rgba(44, 81, 120, 0.06);
}
#informative-content .accordion .accordion-button:hover,
#informative-content .accordion .accordion-button:not(.collapsed):hover{
    background: linear-gradient(180deg, #EAF3FB 0%, #D8E8F6 100%);
    box-shadow: 0 4px 10px rgba(44, 81, 120, 0.10);
}
#informative-content .accordion .accordion-button span{
    padding:0 20px;
    font-weight: bold;
    color:var(--color-secondary);
}
#informative-content .accordion .accordion-collapse span{
    font-weight: bold;
    color:var(--color-secondary);
}
#informative-content .accordion .accordion-collapse a:hover {
    box-shadow: var(--shadow-hover);
    transition: .6s;
    transform: scale(1.01);
}
#informative-content .accordion-flush>.accordion-item:first-child {
    border-bottom: 0;
}
#informative-content .accordion-body .col a{
    background-color: var(--color-white);
    padding: 1rem;
    border-radius: 1rem;
    color: var(--color-primary);
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

/*GRUPO DE SUBESPECIALIDADES*/
#informative-content-group .background-header{
    width: 100%;
    height: 100px;
    background-color: var(--color-primary);
    position: relative;
    text-align: center;
}
#informative-content-group h2.specialty{
    color:var(--color-white);
    font-weight: 400;
    margin-bottom:0;
}
#informative-content-group h3.name{
    color:var(--color-white);
    padding-bottom:10px;
}
#informative-content-group .description{
    font-size:1rem;
    font-weight: 400;
    color: var(--color-white);
    padding-top:20px;
}
#informative-content-group .btn-post{
    background-color: var(--color-grey-light);
    padding: 1rem;
    border-radius: 1rem;
    color:var(--color-secondary);
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    margin-bottom:10px;
}
#informative-content-group .videos{
    margin:50px 0;
}
#informative-content-group .videos .card h3{
    font-size:1rem !important;
    color:var(--color-secondary);
    font-weight: bold;
}


/*POST*/
#informative-content-post .subspecialty{
    color:var(--color-white);
    font-weight: 400;
    margin-bottom:0;
}
#informative-content-post .content .title{
    background-color: var(--color-grey-bg);
    color:var(--color-text-dark);
    font-size:2.5rem;
    border-radius: 1rem;
    padding:1rem;
    margin-bottom:2rem;
}
#informative-content-post .content h2,
#informative-content-post .content h3{
    color:#000;
    font-size:1.5rem;
}
#informative-content-post .our-experts{
    background-color: var(--color-grey-bg);
    color:var(--color-text-dark);
    border-radius: 1rem;
}
#informative-content-post .our-experts a{
    color:var(--color-secondary);
    font-weight: bold;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background-color: var(--color-white);
    border-radius: 1rem;
    padding:1rem;
}


#informative-content-post .content p,
#informative-content-post .content ul li{
    font-size:1rem;
    font-weight: 400;
    color:var(--color-text-muted); 
}
#informative-content .background-header,
#informative-content-post .background-header {
    width: 100%;
    height: 100px;
    background-color: var(--color-primary);
    position: relative;
    text-align: center;
}
#informative-content .background-header {
    background-image: url('../images/conteudos-informativos-background-mobile.webp');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}


@media (min-width: 992px) {
    #informative-content .background-header {
      background-image: url('../images/conteudos-informativos-background.webp');
      height: 269px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    #informative-content-group .background-header,
    #informative-content-post .background-header{
        background-image: url('../images/conteudos-informativos-background-especialidade.webp');
        height: 260px;
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }
}