/* ==========================================================================
   ESTILOS ESPECÍFICOS PARA BOLETIM.HTML
   ==========================================================================
   Este arquivo contém todos os estilos específicos para a página boletim.html
   ========================================================================== */

/* Reset CSS básico */
* {
    box-sizing: border-box;
}

*::before,
*::after {
    box-sizing: border-box;
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Estilos para o body do boletim */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    background-color: #f0f2f5;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

/* Container principal do boletim */
.container {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Container da agenda */
.agenda-container {
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Primeiro iframe (carrossel) - ocupa 100% do espaço disponível do iframe principal */
.agenda-container:first-of-type {
    min-height: 100vh; /* Ocupa toda a altura da viewport */
}

.agenda-container:first-of-type iframe {
    width: 100%;
    height: 100vh; /* Altura total da viewport */
    border: none;
    border-radius: 12px;
    flex: 1;
}

/* Segundo iframe (Google Calendar) - acessível via scroll */
.agenda-container:nth-of-type(2) {
    min-height: 100vh; /* Também ocupa altura total para boa visualização quando acessado via scroll */
}

.agenda-container:nth-of-type(2) iframe {
    width: 100%;
    height: 100vh;
    border: none;
    border-radius: 12px;
    flex: 1;
}

@media (max-width: 599px) {
    .container {
        padding: 0;
        gap: 0;
    }
    
    /* Primeiro iframe (carrossel) no mobile - ocupa 100% da altura */
    .agenda-container:first-of-type {
        min-height: 100vh;
    }
    
    .agenda-container:first-of-type iframe {
        height: 100vh;
        border-radius: 8px;
    }
    
    /* Segundo iframe (Google Calendar) no mobile - acessível via scroll */
    .agenda-container:nth-of-type(2) {
        min-height: 100vh;
    }
    
    .agenda-container:nth-of-type(2) iframe {
        height: 100vh;
        border-radius: 8px;
    }
    
    body {
        overflow-x: hidden;
    }
    
    .agenda-container {
        margin: 0;
        border-radius: 8px;
    }
}