<style type="text/css">
	/* --- RESET E ESTRUTURA BÁSICA --- */
	.layout-reunioes {
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	    color: #333;
	    max-width: 100%;
	    margin-top: 20px;
	    line-height: 1.6;
	}

	.layout-reunioes * {
	    box-sizing: border-box;
	}

	.layout-reunioes a {
	    color: #004d80;
	    text-decoration: none;
	}

	.layout-reunioes a:hover {
	    text-decoration: underline;
	}

	/* --- TIPOGRAFIA E TÍTULOS --- */
	.layout-reunioes h2 {
	    font-size: 1.5rem;
	    color: #004d80; /* Azul Institucional */
	    border-bottom: 2px solid #e0e0e0;
	    padding-bottom: 12px;
	    margin: 40px 0 25px 0;
	    font-weight: 700;
	    letter-spacing: -0.5px;
	}

	.intro-text p {
	    margin-bottom: 15px;
	    text-align: justify;
	}

	.contact-box {
	    background-color: #f8f9fa;
	    border-left: 4px solid #004d80;
	    padding: 15px;
	    margin: 20px 0;
	    font-size: 0.95rem;
	}

	/* --- ACESSIBILIDADE --- */
	.layout-reunioes .sr-only {
	    position: absolute;
	    width: 1px;
	    height: 1px;
	    padding: 0;
	    margin: -1px;
	    overflow: hidden;
	    clip: rect(0, 0, 0, 0);
	    border: 0;
	}

	/* --- LINKS RÁPIDOS (BOTÕES TOPO) --- */
	.quick-links {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 10px;
	    margin-bottom: 30px;
	}

	/* --- AGENDA (PRÓXIMAS REUNIÕES) --- */
	.agenda-grid {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	    gap: 15px;
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}

	.agenda-card {
	    background-color: #fff;
	    border: 1px solid #e1e4e8;
	    border-top: 4px solid #004d80;
	    padding: 15px;
	    border-radius: 4px;
	    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	    text-align: center;
	}

	.agenda-date {
	    display: block;
	    font-size: 1.25rem;
	    font-weight: 700;
	    color: #004d80;
	    margin-bottom: 5px;
	}

	.agenda-title {
	    font-size: 0.9rem;
	    color: #555;
	    font-weight: 500;
	}

	/* --- ATAS (GRID DE CARDS) --- */
	.atas-grid {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	    gap: 25px;
	}

	.ata-card {
	    background: #fff;
	    border: 1px solid #e1e4e8;
	    border-radius: 6px;
	    display: flex;
	    flex-direction: column;
	    transition: box-shadow 0.2s ease;
	}

	.ata-card:hover {
	    box-shadow: 0 6px 12px rgba(0,0,0,0.08);
	    border-color: #ccd0d5;
	}

	.ata-header {
	    background-color: #f8f9fa;
	    padding: 15px 20px;
	    border-bottom: 1px solid #e1e4e8;
	    border-radius: 6px 6px 0 0;
	}

	.ata-header span {
	    font-size: 0.8rem;
	    color: #666;
	    text-transform: uppercase;
	    font-weight: 600;
	    letter-spacing: 0.5px;
	}

	.ata-header strong {
	    display: block;
	    color: #004d80;
	    font-size: 1.1rem;
	    margin-top: 2px;
	}

	.ata-content {
	    padding: 10px 20px 20px;
	    flex-grow: 1;
	}

	.file-list {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}

	.file-row {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 10px 0;
	    border-bottom: 1px solid #eee;
	    font-size: 0.95rem;
	}

	.file-row:last-child {
	    border-bottom: none;
	}

	/* --- ÍCONES SVG --- */
	.file-label {
	    display: flex;
	    align-items: center;
	    gap: 10px;
	    font-weight: 500;
	    color: #2c3e50;
	}

	.icon-svg {
	    width: 18px;
	    height: 18px;
	    fill: #5f6368; /* Cinza chumbo */
	    flex-shrink: 0;
	}

	.file-label:hover .icon-svg {
	    fill: #004d80;
	}

	/* --- BOTÕES E BADGES --- */
	.btn-action {
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    gap: 5px;
	    padding: 5px 12px;
	    font-size: 0.8rem;
	    font-weight: 600;
	    border-radius: 4px;
	    text-decoration: none !important; /* Força sem sublinhado */
	    transition: all 0.2s;
	    border: 1px solid #d0d7de;
	    background-color: #f6f8fa;
	    color: #24292f;
	    white-space: nowrap;
	}

	.btn-action:hover {
	    background-color: #004d80;
	    color: #ffffff;
	    border-color: #004d80;
	}

	/* Botão Principal (Repositório) */
	.btn-primary {
	    background-color: #004d80;
	    color: white;
	    padding: 12px 24px;
	    font-size: 1rem;
	    border: none;
	}
	.btn-primary:hover {
	    background-color: #00365a;
	    opacity: 1;
	}

	.status-badge {
	    font-size: 0.75rem;
	    padding: 2px 8px;
	    border-radius: 12px;
	    font-weight: 600;
	    text-transform: uppercase;
	    border: 1px solid transparent;
	}

	.status-wait {
	    background: #fff8c5;
	    color: #5a4305;
	    border-color: #fbefa8;
	}
	.status-draft {
	    background: #f6f8fa;
	    color: #57606a;
	    border-color: #d0d7de;
	    font-style: italic;
	}

	/* Mobile */
	@media (max-width: 600px) {
	    .file-row {
	        flex-direction: column;
	        align-items: flex-start;
	        gap: 8px;
	    }
	    .btn-action, .status-badge {
	        align-self: flex-start;
	        margin-left: 28px; /* Alinha com o texto, pulando o ícone */
	    }
	}
	
	/* --- SISTEMA DE ÍCONES */
	.icone {
	    display: inline-block;
	    width: 20px;
	    height: 20px;
	    background-color: #5f6368; /* Cor padrão do ícone */
	    /* Garante compatibilidade */
	    -webkit-mask-repeat: no-repeat;
	    mask-repeat: no-repeat;
	    -webkit-mask-position: center;
	    mask-position: center;
	    -webkit-mask-size: contain;
	    mask-size: contain;
	}

	/* Muda a cor do ícone quando passa o mouse no texto */
	.file-label:hover .icone {
	    background-color: #004d80;
	}

	/* --- DEFINIÇÃO DOS DESENHOS (MÁSCARAS) --- */

	/* Ícone de Documento/Convocação/Extrato */
	.icone-doc {
	    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E");
	    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E");
	}

	/* Ícone de Gráfico/Apresentação */
	.icone-grafico {
	    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");
	    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");
	}

	/* Ícone de Caneta/Ata */
	.icone-ata {
	    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
	    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
	}

	/* Ícone de Vídeo/Play */
	.icone-video {
	    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z'/%3E%3C/svg%3E");
	    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z'/%3E%3C/svg%3E");
	}
</style>