/* Arquivo: assets/presentation.css */

/* Remove margens padrão para garantir tela cheia na apresentação */
body {
    margin: 0;
    padding: 0;
}

.iframe-wrapper {
    /* Define a proporção de tela desejada (1920 / 1080 = 16 / 9) */
    aspect-ratio: 16 / 9;

    /* Faz o wrapper ocupar a maior altura possível dentro do seu contêiner flex */
    height: 100%;

    /* Garante que, se a tela for muito larga, ele não ultrapasse a largura */
    max-width: 100%;

    /* Estilos visuais */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: white;
    overflow: hidden;
    position: relative; /* Necessário para posicionamento absoluto se precisar */
}

.presentation-iframe {
    /* TÉCNICA DE ZOOM OUT (ESCALA) */
    /* Reduz o conteúdo para 85% do tamanho original para caber mais verticalmente */
    transform: scale(0.85);

    /* Define o ponto de origem da escala no canto superior esquerdo */
    transform-origin: 0 0;

    /* Como encolhemos para 85% (0.85), precisamos aumentar o tamanho do container
       para cobrir 100% da área. Cálculo: 100% / 0.85 = ~117.65% */
    width: 117.65%;
    height: 117.65%;

    border: none;
    display: block;
}