* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    /* background-color: var(--sisam-brand-050); */
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 0px;
    flex: 1;     
    background-color: #f3f4f7; 
}


/* Base - Telas médias/grandes (desktops comuns) */
@media screen and (max-width: 1440px) {
    /* --- */
}

@media screen and (max-width: 1200px) {
    /* --- */
}

@media screen and (max-width: 992px) {
    /* --- */
}

@media screen and (max-width: 768px) {
    /* Tablets em modo portrait */
}

@media screen and (max-width: 576px) {
    /* Dispositivos móveis pequenos */
    main {
        flex-direction: column;
    }
    aside {
        width: 100%;
    }
}

.status_estado {
    background-color: transparent;
    padding: var(--spacing-12);
}

.status_estado--indicadores {
    padding: var(--spacing-12);
}

@media (min-width: 768px) { 
    .status_estado,
    .status_estado--indicadores {
        padding: var(--spacing-12) var(--spacing-24) var(--spacing-12);
    }
}

.status_text_small, #status-titulo, .status_text {
    font-family: var(--font-family-sans-serif);
    display: block;
}
.status_text_small {     
    font-size: var(--font-size-base);
    line-height: 1.25; 
    display: inline-flex;
    align-items: center;
}

#status-titulo {
    /* Brasil ou Estados */           
    font-size: var(--font-size-2xl); /* 24px */
    font-weight: var(--font-weight-semibold);    
}

.status_text {   
    /* Indicador ambiental */    
    font-size: var(--font-size-lg);    
}

.status_estado h3 {
    /*
    font-family: var(--font-family-sans-serif);
    font-size: var(--font-size-base);
    color: var(--sisam-dark-gray);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    */
}
.status_estado--indicadores--title {    
    font-family: var(--font-family-sans-serif);
    font-size: var(--font-size-base); 
    color: var(--sisam-icon-color);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;    
    padding: var(--spacing-12) 0;
    /* border-bottom: 1px solid var(--sisam-icon-color); */
}

.indicadores_lista {
    list-style: none;    
    font-family: var(--font-family-sans-serif);    
    margin: 0;
    /* padding: var(--spacing-12) 0; */
    display: grid;    
    grid-template-columns: min-content min-content max-content auto min-content;
    /* align-items: center; */
    /* justify-items: center; */
    gap: var(--spacing-8);    
}

.indicadores_item {
    display: contents;       
}

.indicadores_col {
    padding: var(--spacing-4) 0;
    display: flex;
    align-items: center;
    height: 28px; /* Altura fixa para todas as colunas */
}

.indicadores_icon, .indicadores_info, .indicadores_checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.indicadores_checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.indicadores_checkbox input[type="radio"] {
    width: 100%;
    transform: scale(1.2);
    margin: 0;
}

/* Aplica os alinhamentos específicos a cada coluna do grid */
.indicadores_item > .indicadores_col:nth-child(2) {
    justify-self: start; /* Segunda coluna à esquerda */
    align-self: center;
    /* padding-left: 24px; */
    
}

.indicadores_item > .indicadores_col:nth-child(3) {
    justify-self: end; /* Terceira coluna à direita */
    align-self: center;
    /* padding-right: 12px; */
    
}
.indicadores_item > .indicadores_col:nth-child(4) {
    justify-self: center; /* Quarta coluna ao centro */
    align-self: center;
    /* padding-right: 12px; */
    
}
.indicadores_item > .indicadores_col:nth-child(5) {
    justify-self: end; /* Quinta coluna à direita */
    align-self: center;
    /* padding-right: 12px; */
    
}