/* Notícias de cada jornal na home (Default.aspx): cartão branco com separadores, sem cabeçalho nem pontos.
   Escolhido no issue #29 (protótipo Default5). Computador: 255px ao lado da capa; telemóvel: 300px por baixo. */
#main .divJornais .noticias.nhome {
    box-sizing: border-box;
    width: 255px;
    max-height: none;
    margin: 0 0 36px 8px;
    padding: 4px 12px;
    background-color: #fff;
    border: 1px solid #d5d9df;
    border-radius: 8px;
}

#main .divJornais .noticias.nhome:not(:has(.nv-item)) {
    visibility: hidden;
}

#main .divJornais .noticias.nhome > div.nv-item {
    position: relative;
    padding: 7px 0;
    line-height: 1.3;
    border-top: 1px solid #e6e9ed;
}

    #main .divJornais .noticias.nhome > div.nv-item:first-of-type {
        border-top: 0;
    }

    #main .divJornais .noticias.nhome > div.nv-item:before,
    #main .divJornais .noticias.nhome > div.nv-item:first-child:before {
        content: none;
    }

    #main .divJornais .noticias.nhome > div.nv-item > a.linkRSScapa {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding: 0;
        font-size: 13px;
        line-height: 1.3;
        color: #1f2a37 !important;
        text-decoration: none;
        background-color: transparent;
    }

        #main .divJornais .noticias.nhome > div.nv-item > a.linkRSScapa:hover {
            color: #0062ae !important;
            text-decoration: underline;
            background-color: transparent;
        }

/* Telemóvel: a coluna passa para baixo da capa com 300px; os títulos podem ter 3 linhas */
@media screen and (max-width: 590px) {
    #main .divJornais .noticias.nhome {
        width: 300px;
        margin: 0 auto 30px auto;
    }

        #main .divJornais .noticias.nhome > div.nv-item {
            padding: 9px 0;
        }

            #main .divJornais .noticias.nhome > div.nv-item > a.linkRSScapa {
                -webkit-line-clamp: 3;
                font-size: 14px;
            }
}

/* Computador: grelha de 2 colunas com o mesmo espaço à esquerda, entre os pares e à direita (space-evenly).
   Com os floats antigos, um par mais alto (ex.: nome do jornal em 2 linhas) deixava buracos nas colunas;
   na grelha cada linha começa sempre à esquerda. Só na lista dos jornais (a das revistas não tem .nhome). */
@media screen and (min-width: 1069px) {
    #main .divJornais:has(.noticias.nhome) {
        display: grid;
        grid-template-columns: repeat(2, max-content);
        justify-content: space-evenly;
        align-items: start;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }

        /* Títulos das categorias e o div final ocupam a linha toda */
        #main .divJornais:has(.noticias.nhome) > h2,
        #main .divJornais:has(.noticias.nhome) > div:not(.artigo) {
            grid-column: 1 / -1;
        }

        #main .divJornais:has(.noticias.nhome) > .artigo {
            float: none;
            margin: 0;
        }

            /* Coluna da capa com largura fixa: todos os pares ficam com 459px. Nomes compridos
               (ex.: "Diário de Notícias da Madeira") passam para a linha de baixo em vez de alargar o par. */
            #main .divJornais:has(.noticias.nhome) > .artigo > .conteudo {
                box-sizing: border-box;
                width: 196px;
            }

                #main .divJornais:has(.noticias.nhome) > .artigo > .conteudo .data h3 {
                    white-space: normal;
                }
}