/* READMORE */
.article-content {
    position: relative;
    padding: 0 1rem;
    margin-top: 20px;
}

.ReadMore {
    position: relative;
    height: 200px; /* fixed height */
    overflow: hidden;
    transition: height 0.5s ease; /* transition */
    padding: 0 1rem;
    margin: 10px 0px;
}
.ReadMore_Service_Product {
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease; /* transition */
    margin: 10px 0px;
}
.ReadMore_SearchPage {
    height: 80px;
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease; /* transition */
    padding: 0 1rem;
    margin: 10px 0px;
}

.Product.ReadMore {
    padding: 0;
    margin-top: 0;
}
.Product.ReadMore.collapsed::after {
    background: inherit;
}
.ReadMore h1,
.article-content h1 {
    color: #012f73;
    font-size: 2.2em;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    /* padding: 5px; */
}

.ReadMore h2,
.article-content h2 {
    color: #012f73;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.ReadMore a,
.article-content a {
    color: #007bff; /* Azul moderno, pode ajustar conforme sua paleta */
    text-decoration: none; /* Remove o sublinhado padrão */
    font-weight: bold; /* Deixa o link mais destacado */
    transition: color 0.3s ease-in-out; /* Efeito suave na mudança de cor */
}

.ReadMore a:hover,
.article-content a:hover {
    color: #0056b3; /* Azul mais escuro ao passar o mouse */
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}

.ReadMore a:visited,
.article-content a:visited {
    color: #551a8b; /* Roxo para links já visitados */
}

.ReadMore a:active,
.article-content a:active {
    color: #ff0000; /* Vermelho no momento do clique */
}

.ReadMore h3,
.article-content h3 {
    color: #012f73;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.ReadMore h4,
.article-content h4 {
    color: #012f73;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.ReadMore p,
.article-content p {
    text-align: left;
    color: #747474;
    margin-bottom: 15px;
}

.ReadMore ul {
    list-style-type: disc; /* Define o tipo de marcador como bullet */
}

.ReadMore li {
    list-style-position: inside; /* Alinha o bullet com o texto */
    color: #747474;
}

.ReadMore.collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* altura de gradient */
    background: linear-gradient(to bottom, transparent, white);
}

.fade-service.collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* altura de gradient */
    background: linear-gradient(
        to bottom,
        rgba(222, 231, 242, 0) 4.55%,
        #f2f3fb 100%
    );
}
.fade-product.collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* altura de gradient */
    background: linear-gradient(
        to bottom,
        rgba(222, 231, 242, 0) 4.55%,
        #dee7f2 100%
    );
}

.readmore-button {
    margin-right: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 8px 20px;
    transition: 0.3s;
    float: right;
}

.readmore-button a {
    font-weight: 600;
    color: #504f4f;
    transition: 0.3s;
}

.readmore-button:hover a {
    color: #000;
}
/* FIM READMORE */

.ReadMore_SearchPage h1,
.article-content h1 {
    color: #012f73;
    font-size: 2.2em;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
}

.ReadMore_SearchPage h2,
.article-content h2 {
    color: #012f73;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.ReadMore_SearchPage h3,
.article-content h3 {
    color: #012f73;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.ReadMore_SearchPage h4,
.article-content h4 {
    color: #012f73;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.ReadMore_SearchPage ul {
    list-style-type: disc;
    margin: 16px;
}

.ReadMore_SearchPage ol {
    list-style-type: decimal;
    margin: 16px;
}

.ReadMore_SearchPage li {
    list-style-position: inside;
    color: #747474;
    margin-bottom: 8px;
}

.ReadMore_SearchPage p,
.article-content p {
    text-align: left;
    color: #747474;
    margin-bottom: 15px;
}

.ReadMore_SearchPage strong,
.article-content strong {
    color: #5e5e5e;
}

.ReadMore_SearchPage div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}