﻿.sectionCondicoesClass {
    /* Cor por defeito para as letras puderem ficar a branco e ainda estar compliant com o EAA */
    background-color: black;
    background-image: url('/img/bg-desk.jpg');
    background-size: cover;
}

    .sectionCondicoesClass .divTitleClass {
        color: #fff;
        text-align: center;
        padding-bottom: 1rem;
    }

    .sectionCondicoesClass .rowSeccoesClass {
        color: #fff;
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 colunas iguais */
        gap: 2rem 3rem; /* vertical gap 2rem, horizontal gap 3rem */
        padding: 0;
    }

    .sectionCondicoesClass .rowSeccaoClass {
        background-color: rgba(51, 51, 51, 0.3);
        padding: 25px 25px 0 25px;
        min-height: 332px;
        box-sizing: border-box;
        width: 100%; /* ocupa toda a célula do grid */
        margin: 0; /* sem margem, espaço vem do gap */
    }

        .sectionCondicoesClass .rowSeccaoClass h3,
        .sectionCondicoesClass .rowSeccaoClass p {
            color: #fff;
            text-align: center;
            margin: 0 0 1rem 0;
        }

        .sectionCondicoesClass .rowSeccaoClass p {
            text-align: left;
        }

        .sectionCondicoesClass .rowSeccaoClass:hover {
            background-color: var(--cep-Color-Orange);
        }

            .sectionCondicoesClass .rowSeccaoClass:hover h3,
            .sectionCondicoesClass .rowSeccaoClass:hover p {
                color: #fff;
            }

    .sectionCondicoesClass .hr-separador {
        border: 0;
        height: 1em;
        background: url('/img/separador.png') no-repeat center center;
        opacity: 1;
    }

    .sectionCondicoesClass a.link-branco {
        color: #fff;
    }

    .sectionCondicoesClass p.espaco-topo {
        padding-top: 80px;
    }

    .sectionCondicoesClass .no-markers {
        list-style: none;
        padding-left: 0;
    }

        .sectionCondicoesClass .no-markers li::before {
            content: "– "; /* substitui o traço manual */
        }

@media (max-width: 767.98px) {
    .sectionCondicoesClass .rowSeccoesClass {
        /* Fica só uma coluna */
        grid-template-columns: 1fr;
    }
}
