:root {
    --fs-var-neg:#FF0000;
    --fs-var-pos:#339933;
    --fs-var-zero:#666666;
}

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}

.fs-widgets {
	display: flex;
	flex-direction: column;
}

.fs-widget {
	display: flex;
    flex:1 1 0;
    margin-bottom: 1.5rem;
}

.fs-widget__content {
    background: var(--cor-principal6);
    border: 1px solid var(--cor-apoio-3);
    border-radius: 1rem;
    color: var(--cor-principal);
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.fs-widget__titulo {
    font-weight: 600;
    padding-bottom: 0.5rem;
    color: var(--cor-principal);
    border-bottom: 2px var(--cor-apoio-3);
    display: block;
}

.fs-widget__dados { position: relative; min-height: 14rem; margin-bottom: 0.5rem;}

.fs-widget__loader {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height:100%;
	background: white;
    transition: all 0.325s ease-in-out;
    display: flex; 
    align-items: center;
    z-index: 3;
}

.fs-widget__loader-spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    margin: 0 auto;
}

.fs-widget__table {
    width: 100%;
    font-size: 1rem;
    border-collapse: collapse;
    background-color: var(--cor-principal6);
    clear: both;
    opacity: 0;
    transition: all 0.325s ease-in-out;
}

.fs-widget__table th { white-space: nowrap; color: var(--cor-principal); padding: 0 0.25rem; }
.fs-widget__table td { padding: 0 0.25rem; white-space: nowrap;}

.fs-widget__table td:not(:first-child) { white-space: nowrap; color: #43434D; }

.fs-widget__table td .icone {vertical-align: middle; line-height: 1.2; font-size:1.25rem; display: inline-block;}
.fs-widget__table td .var-zero i {font-size: 1rem; padding-left: 0.4rem; padding-right: 0.4rem; display: inline-block;}

.fs-widget__table td .icone {vertical-align: middle; line-height: 1.2; font-size:1.25rem; display: inline-block;}
.fs-widget__table td .var-zero i:after {display: inline-block; content:'=';}
.fs-widget__table td .var-pos .icone:after {display: inline-block; content:'arrow_drop_up';}
.fs-widget__table td .var-neg .icone:after {display: inline-block; content:'arrow_drop_down';}

.fs-widget__table .variacao, .fs-widget__table .hora, .fs-widget__table .data,
.fs-widget__table .igp-m, .fs-widget__table .igp-di, .ipca, .inpc {text-align: center;}

.fs-widget__table .variacao:has(.var-pos),
.fs-widget__table .variacao:has(.var-zero) {padding-left: 0.55rem; font-size: 0.885rem;}

.fs-widget__legenda {margin-top:0.5rem;}

.fs-widget__mensagem {display: flex; flex-direction: column; text-align: center; opacity: 0;}
.fs-widget__mensagem .icone {font-size: 5rem; display: block;padding-bottom: 1.5rem;}

.fs-widget__updated {color: var(--cor-texto); margin-top:auto; text-align: right; font-size: 0.69rem;}

.fs-widget__fonte {color: var(--cor-texto); text-align: center; font-size: 0.69rem; margin-top: -1rem;}

.fs-widget--carregado .fs-widget__loader { opacity: 0; }
.fs-widget--carregado .fs-widget__table { opacity: 1; }
.fs-widget--carregado .fs-widget__mensagem { opacity: 0; }

.fs-widget--erro .fs-widget__loader { opacity: 0; }
.fs-widget--erro .fs-widget__mensagem { opacity: 1; padding:3rem 0;}

.var-zero { color: #666666; }
.var-pos { color: #339933; }
.var-neg { color: #FF0000; }

.linhaimpar, .linhaimpar td { background-color: #F2F2F2;}

.linhapar, .linhapar td { background-color: #FFFFFF; }

.fonteGrafico {
    margin: 5px 10px 5px 10px;
    text-align: right;
    color: #000;
    font-size: 10px;
}

.fonteGraficoHome {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    letter-spacing: -0.04em;
    text-align: left;
    color: var(--cor-principal);
    clear: right;
    padding-bottom: 15px;
    white-space: nowrap;
    margin-left: 10px;
    margin-top: 5px;
}

.d-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    gap:1.5rem;
}

.widget-ind {
}

.widget-simula {
    grid-column: span 2;
    grid-row: span 2;
}

.widget-conversor {
    grid-row: span 2;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .fs-widget__table { font-size: 0.875rem; }

    .fs-widget:only-child .fs-widget__table,
    .fs-widget:only-child .fs-widget__table .variacao:has(.var-pos),
    .fs-widget:only-child .fs-widget__table .variacao:has(.var-zero) { font-size: 1.1rem;}

    .fs-widget__updated { font-size: 0.75rem; }
}

/* FHD devices (FHD 2k and 4k) */
@media (min-width: 1640px) { 
    .fs-widget__fonte { font-size: 0.75rem; }
}

@media only screen and (min-width: 992px) and (resolution >= 1.5dppx) {
    .fs-widget__updated { font-size: 0.75rem; }
}