/* ================================================================= */
/* CSS UNIVERSAL DE RESPONSIVIDADE E RESET - IESC                     */
/* ================================================================= */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
    width: 100%;
    overflow-x: hidden;
}

/* Imagens e Midia Fluidas Universal */
img, video, canvas {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Tabelas Responsivas Globais (Ideal para painéis como o visualiza.php) */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Contêiner Fluido Padrão */
.container-global {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ================================================================= */
/* MEDIA QUERIES UNIVERSAIS (BREAKPOINTS)                            */
/* ================================================================= */

/* Tablets e Dispositivos Médios (Abaixo de 992px) */
@media screen and (max-width: 992px) {
    .container, .container-global {
        padding: 0 15px;
    }
    
    /* Força estruturas flex a empilharem em telas médias/pequenas */
    .flex-desktop-row {
        flex-direction: column !important;
    }
}

/* Celulares e Smartphones (Abaixo de 600px) */
@media screen and (max-width: 600px) {
    body {
        font-size: 14px; /* Ajuste global de escala para mobile */
    }
    
    .container, .container-global {
        padding: 0 10px;
    }
	.logo-img {
        margin-top: -35px; /* Altere para o valor em pixels desejado */
        margin-bottom: 0px;
		padding-bottom: 0px;
	}
}