/* Responsividade */


@media screen and (orientation: portrait) and (max-width: 800px) {

    body {
        flex-direction: column;
        align-items: center;
    }

    .par {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 87.5%;
    }

    .modal {
        display: none;
    }

    .sumario-cortina {
        display: none;
    }

    details {
        display: none;
    }


    .modal {
        max-width: 90vw;
        /* ocupa quase toda a largura */
        left: 50%;
        transform: translate(-50%, -10px);
    }

    icone-container:hover .modal {
        transform: translate(-10%, 0) scale(1);
    }

}


/* 
@media screen {
    .toggle-input {
        display: none;
    }

    .menu-conteudo {
        display: none;
    }

    .toggle-input:checked~.menu-conteudo {
        display: block;
    }
} */


/* Impressão: expandir tudo automaticamente */
@media print {

    header,
    .actions {
        display: none;
    }

    details {
        display: block;
    }

    details[open]>summary::after,
    summary::after {
        content: "";
    }

    details {
        page-break-inside: avoid;
    }
}