header > h1{
    background-color: var(--dark-two);
    background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    letter-spacing: 2px;
}

header i{
    border: 4px solid white;
    padding: 10px;
}

#page-gob h1{
    font-size: 5rem;
    letter-spacing: 1.5px;
}
#page-gob h2, 
#page-gob h3, 
#page-gob h4{
    font-family: var(--font-main);
}
#page-gob h2{
    font-size: 2.8rem;
}
#page-gob h3{
    color: var(--sec);
    font-size: 2.6rem;
}
#page-gob h4{
    font-size: 2rem;
}
.accordion-item button{
    min-height: 8rem;
    background-color: var(--sec);
    font-weight: bold;
    font-size: 1.5rem;
    color:white;

    &::after{
        filter: invert(1);
    }
    &:not(.collapsed)::after{
        filter: none;
    }
}

.item-marca{
    width: 1rem;
    background-color: var(--sec);
}

@media (min-width:768px) {
    .accordion-item button{
        min-height: 5rem;
    }
    #page-gob h2{
        font-size:1.5rem;
    }
    
    #page-gob h3{
        font-size: 1rem;
    } 
}
@media (min-width:1024px) {
    #page-gob h2{
        font-size:1.8rem;
    }
    
    #page-gob h3{
        font-size: 1.2rem;
    } 
}