/* =========================================================
   CARD FIPE - APURACAO
   ========================================================= */
.fipe-dashboard {
   width: 100%;
   height: 100%;
   box-sizing: border-box;

   display: grid;
   grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, .85fr) 1px minmax(0, .85fr);
   grid-template-rows: 28px 28px auto;
   align-items: center;
   align-content: start;
   column-gap: 5px;
   row-gap: 4px;
   padding: 6px;

   background: linear-gradient(135deg, #fff8f8 0%, #ffeded 55%, #ffe5e5 100%);
   border: 1px solid #f1aaaa;
   border-left: 4px solid #ef4444;
   border-radius: 8px;
   font-family: Arial, sans-serif;
}

.fipe-dashboard.fipe-critical {
   background: linear-gradient(135deg, #fff1f1 0%, #ffdddd 55%, #ffd1d1 100%);
   border-color: #ed8585;
   border-left-color: #dc2626;
}

.fipe-metric {
   display: flex;
   align-items: center;
   min-width: 0;
   gap: 4px;
}

.fipe-metric-content {
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
}

.fipe-icon {
   width: 24px;
   height: 24px;
   min-width: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   border-radius: 50%;
   font-size: 11px;
}

.fipe-icon i {
   font-size: 11px !important;
}

.fipe-icon-blue {
   background-color: #e2f2fb;
   color: #2580b3;
}

.fipe-icon-green {
   background-color: #e3f5e9;
   color: #39a861;
}

.fipe-icon-red {
   background-color: #fde2e2;
   color: #e44747;
}

.fipe-metric-label {
   display: block;
   font-size: 7px;
   line-height: 10px;
   font-weight: 600;
   color: #657083;
   text-transform: uppercase;
   white-space: nowrap;
}

.fipe-metric-value {
   display: block;
   margin-top: 1px;
   font-size: 11px;
   line-height: 13px;
   font-weight: 700;
   white-space: nowrap;
}

.fipe-blue { color: #2574a9; }
.fipe-green { color: #32985a; }
.fipe-percent { font-size: 12px; font-weight: 700; }
.fipe-percent-normal { color: #2f9d59; }
.fipe-percent-critical { color: #dc2626; }

.fipe-divider {
   width: 1px;
   height: 27px;
   background-color: rgba(112, 123, 140, .13);
}

.fipe-dashboard .fipe-progress-area {
   grid-column: 1 / -1;
   position: relative;
   width: 100%;
   height: 28px;
   padding-top: 14px;
   box-sizing: border-box;
   cursor: help;
}

.fipe-dashboard .fipe-progress-track {
   width: 100%;
   height: 6px;
   overflow: hidden;
   background-color: #d8dee7;
   border-radius: 6px;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
}

.fipe-dashboard .fipe-progress-value {
   height: 100%;
   border-radius: 6px;
   background: linear-gradient(90deg, #68ca7e 0%, #3eae61 100%);
}

.fipe-dashboard.fipe-critical .fipe-progress-value {
   background: linear-gradient(90deg, #f87171 0%, #dc2626 100%);
}

.fipe-limit {
   position: absolute;
   top: 0;
   transform: translateX(-50%);
}

.fipe-limit span {
   display: block;
   padding: 1px 4px;
   font-size: 6px;
   line-height: 8px;
   font-weight: 700;
   color: #ffffff;
   background-color: #e33434;
   border-radius: 3px;
   white-space: nowrap;
}

.fipe-limit::after {
   content: '';
   position: absolute;
   left: 50%;
   top: 10px;
   width: 1px;
   height: 10px;
   background-color: #e33434;
   transform: translateX(-50%);
}

.fipe-scale {
   display: flex;
   justify-content: space-between;
   margin-top: 2px;
   font-size: 6px;
   line-height: 7px;
   color: #8c96a5;
}

.fipe-scale-limit {
   color: #e33434 !important;
   font-weight: 700;
}

.fipe-tooltip-source {
   display: none !important;
}

.fipe-warning {
   grid-column: 1 / -1;
   display: none;
   align-items: center;
   gap: 5px;
   padding: 3px 5px;
   background-color: #fff0f0;
   border: 1px solid #f0c3c5;
   border-radius: 4px;
}

.fipe-dashboard.fipe-critical .fipe-warning {
   display: flex;
}

.fipe-warning-icon {
   width: 20px;
   height: 20px;
   min-width: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #dc2626;
   color: #ffffff;
   border-radius: 4px;
   font-size: 9px;
}

.fipe-warning-content {
   display: flex;
   flex-direction: column;
   min-width: 0;
   line-height: 10px;
}

.fipe-warning-content strong {
   font-size: 8px;
   font-weight: 700;
   color: #b62932;
}

.fipe-warning-content span {
   font-size: 8px;
   color: #75575a;
}

/* Altura interna preservada enquanto o componente recolhe para 44px. */
.fipe-apuracao-frame {
   overflow: hidden !important;
   border-radius: 8px;
}

.fipe-apuracao-frame .fipe-dashboard {
   height: 110px;
}

/* Indicacao completa somente quando o quadro esta expandido. */
.fipe-apuracao-frame:not(:hover) .fipe-progress-area,
.fipe-apuracao-frame:not(:hover) .fipe-warning {
   visibility: hidden;
}

.fipe-apuracao-frame .fipe-warning {
   display: flex;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) .fipe-warning {
   background-color: #f0faf2;
   border-color: #bce3c6;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) .fipe-warning-icon {
   background-color: #32985a;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) .fipe-warning-content strong {
   color: #287c48;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) {
   background: linear-gradient(135deg, #f7fff8 0%, #eaf7ee 55%, #d9f0e0 100%);
   border-color: #9dd5ad;
   border-left-color: #32985a;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) .fipe-icon-red {
   background-color: #e3f5e9;
   color: #39a861;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) .fipe-limit span {
   background-color: #32985a;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) .fipe-limit::after {
   background-color: #32985a;
}

.fipe-apuracao-frame .fipe-dashboard:not(.fipe-critical):not(.fipe-alert) .fipe-scale-limit {
   color: #32985a !important;
}

/* Apuracao: faixa de alerta parametrizada. */
.fipe-apuracao-frame .fipe-dashboard.fipe-alert {
   background: linear-gradient(135deg, #fffaf0 0%, #fff0d9 55%, #ffe3b5 100%);
   border-color: #f3c477;
   border-left-color: #e69522;
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-icon-red {
   color: #c77712;
   background-color: #fff0d5;
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-percent-alert {
   color: #c77712;
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-progress-value {
   background: linear-gradient(90deg, #f7bf64 0%, #e69522 100%);
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-limit span,
.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-limit::after,
.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-warning-icon {
   background-color: #e69522;
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-scale-limit {
   color: #e69522 !important;
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-warning {
   background-color: #fff4e5;
   border-color: #f3c477;
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-warning-content strong {
   color: #c77712;
}

.fipe-apuracao-frame .fipe-dashboard.fipe-alert .fipe-warning-content span {
   color: #85602d;
}

.fipe-tooltip-global {
   position: fixed !important;

   width: 245px;

   padding: 10px 11px;

   box-sizing: border-box;

   background: #263238;

   color: #ffffff;

   border-radius: 7px;

   box-shadow: 0 8px 24px rgba(0,0,0,0.32);

   transform: translateX(-50%) translateY(-5px);

   opacity: 0;
   visibility: hidden;

   pointer-events: none;

   z-index: 2147483647 !important;

   transition:
      opacity .15s ease,
      transform .15s ease;
}

.fipe-tooltip-global.fipe-tooltip-show {
   opacity: 1;
   visibility: visible;

   transform: translateX(-50%) translateY(0);
}

.fipe-tooltip-global::before {
   content: '';

   position: absolute;

   left: 50%;
   top: -7px;

   transform: translateX(-50%);

   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #263238;
}

.fipe-tooltip-title {
   display: flex;
   align-items: center;

   gap: 5px;

   margin-bottom: 7px;
   padding-bottom: 6px;

   font-size: 10px;
   font-weight: 700;

   border-bottom: 1px solid rgba(255,255,255,.14);
}

.fipe-tooltip-row {
   display: flex;
   align-items: center;
   justify-content: space-between;

   gap: 12px;

   min-height: 17px;

   margin-top: 3px;

   font-size: 9px;
}

.fipe-tooltip-row span {
   color: #b9c3c8;
}

.fipe-tooltip-row strong {
   font-size: 10px;
   font-weight: 700;

   color: #ffffff;

   white-space: nowrap;
}

.fipe-tooltip-percentual {
   padding: 1px 5px;

   color: #68d39b !important;

   background: rgba(104,211,155,.12);

   border-radius: 3px;
}

.fipe-tooltip-critical .fipe-tooltip-percentual {
   color: #ff7b83 !important;

   background: rgba(255,123,131,.14);
}

.fipe-tooltip-limit {
   padding: 1px 5px;

   color: #ffd166 !important;

   background: rgba(255,209,102,.12);

   border-radius: 3px;
}

/* =========================================================
   FIPE - PRÉ-ORÇAMENTO
   Layout compacto: aproximadamente 200px x 140px
   ========================================================= */

.fipe-pre-orcamento {
   position: relative !important;

   display: flex !important;
   flex-direction: column !important;

   width: 100% !important;
   height: 100% !important;
   min-height: 136px !important;

   padding: 5px 7px 4px 10px !important;

   box-sizing: border-box !important;

   background: #fff0f0 !important;

   background-image:
      linear-gradient(
         135deg,
         #fff8f8 0%,
         #ffeded 55%,
         #ffe5e5 100%
      ) !important;

   border: 1px solid #f1aaaa !important;
   border-left: 4px solid #ef4444 !important;

   border-radius: 8px !important;

   box-shadow:
      0 2px 7px rgba(220, 38, 38, .12) !important;

   overflow: visible !important;

   font-family:
      Arial,
      Helvetica,
      sans-serif !important;
}


/* =========================================================
   FAIXA DE ALERTA LATERAL
   ========================================================= */

.fipe-pre-orcamento::before {
   content: "";

   position: absolute;

   left: -1px;
   top: 6px;
   bottom: 6px;

   width: 3px;

   background: #ef4444;

   border-radius: 0 3px 3px 0;

   pointer-events: none;

   z-index: 2;
}


/* =========================================================
   ESTADO CRÍTICO
   ========================================================= */

.fipe-pre-orcamento.fipe-critical {
   background: #ffe4e4 !important;

   background-image:
      linear-gradient(
         135deg,
         #fff1f1 0%,
         #ffdddd 55%,
         #ffd1d1 100%
      ) !important;

   border-color: #ed8585 !important;
   border-left-color: #dc2626 !important;

   box-shadow:
      0 2px 9px rgba(220, 38, 38, .18) !important;
}


.fipe-pre-orcamento.fipe-critical::before {
   background: #dc2626;
}


/* =========================================================
   MÉTRICAS
   ========================================================= */

.fipe-pre-orcamento .fipe-metric {
   position: relative;

   display: flex !important;
   align-items: center !important;

   flex: 0 0 27px;

   width: 100% !important;
   height: 27px !important;
   min-height: 27px !important;

   padding: 1px 0 !important;

   margin: 0 !important;

   box-sizing: border-box !important;
}


/* =========================================================
   ÍCONES
   ========================================================= */

.fipe-pre-orcamento .fipe-icon {
   display: flex !important;

   align-items: center !important;
   justify-content: center !important;

   flex: 0 0 23px !important;

   width: 23px !important;
   height: 23px !important;

   min-width: 23px !important;
   min-height: 23px !important;

   margin: 0 6px 0 0 !important;
   padding: 0 !important;

   border-radius: 50% !important;

   font-size: 10px !important;

   line-height: 23px !important;

   box-sizing: border-box !important;
}


.fipe-pre-orcamento .fipe-icon i {
   margin: 0 !important;
   padding: 0 !important;

   font-size: 10px !important;

   line-height: 1 !important;
}


/* =========================================================
   ÍCONE - VALOR FIPE
   ========================================================= */

.fipe-pre-orcamento .fipe-icon-blue {
   color: #2580b3 !important;

   background: #e2f2fb !important;
}


/* =========================================================
   ÍCONE - REFERÊNCIA
   ========================================================= */

.fipe-pre-orcamento .fipe-icon-green {
   color: #39a861 !important;

   background: #e3f5e9 !important;
}


/* =========================================================
   ÍCONE - ORÇAMENTO / FIPE
   ========================================================= */

.fipe-pre-orcamento .fipe-icon-red {
   color: #e44747 !important;

   background: #fde2e2 !important;
}


/* =========================================================
   CONTEÚDO DA MÉTRICA
   ========================================================= */

.fipe-pre-orcamento .fipe-metric-content {
   display: flex !important;

   flex: 1 1 auto !important;

   flex-direction: row !important;

   align-items: center !important;
   justify-content: space-between !important;

   width: auto !important;

   min-width: 0 !important;

   margin: 0 !important;
   padding: 0 !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.fipe-pre-orcamento .fipe-metric-label {
   display: block !important;

   flex: 1 1 auto !important;

   margin: 0 !important;
   padding: 0 !important;

   color: #657083 !important;

   font-size: 7px !important;
   font-weight: 600 !important;

   line-height: 11px !important;

   text-transform: uppercase !important;

   white-space: nowrap !important;

   overflow: hidden !important;

   text-overflow: ellipsis !important;
}


/* =========================================================
   VALORES
   ========================================================= */

.fipe-pre-orcamento .fipe-metric-value {
   display: block !important;

   flex: 0 0 auto !important;

   margin: 0 0 0 4px !important;
   padding: 0 !important;

   font-size: 9px !important;
   font-weight: 700 !important;

   line-height: 12px !important;

   text-align: right !important;

   white-space: nowrap !important;
}


/* =========================================================
   VALOR FIPE
   ========================================================= */

.fipe-pre-orcamento .fipe-blue {
   color: #2574a9 !important;
}


/* =========================================================
   REFERÊNCIA
   ========================================================= */

.fipe-pre-orcamento .fipe-green {
   color: #32985a !important;
}


/* =========================================================
   PERCENTUAL
   ========================================================= */

.fipe-pre-orcamento .fipe-percent {
   font-size: 11px !important;
   font-weight: 700 !important;

   line-height: 12px !important;
}


/* =========================================================
   PERCENTUAL NORMAL
   ========================================================= */

.fipe-pre-orcamento .fipe-percent-normal {
   color: #2f9d59 !important;
}


/* =========================================================
   PERCENTUAL CRÍTICO
   ========================================================= */

.fipe-pre-orcamento .fipe-percent-critical {
   color: #dc2626 !important;
}


/* =========================================================
   DIVISORES
   ========================================================= */

.fipe-pre-orcamento .fipe-divider {
   display: block !important;

   flex: 0 0 1px !important;

   width: calc(100% - 29px) !important;
   height: 1px !important;

   min-height: 1px !important;

   margin: 0 0 0 29px !important;
   padding: 0 !important;

   background: rgba(112, 123, 140, .13) !important;

   border: 0 !important;
}


/* =========================================================
   ÁREA DO PROGRESSO
   ========================================================= */

.fipe-pre-orcamento .fipe-progress-area {
   position: relative !important;

   display: block !important;

   flex: 1 1 auto !important;

   width: 100% !important;
   min-height: 35px !important;

   margin: 3px 0 0 0 !important;

   padding: 14px 0 0 0 !important;

   box-sizing: border-box !important;

   cursor: help !important;
}


/* =========================================================
   BARRA DE PROGRESSO
   ========================================================= */

.fipe-pre-orcamento .fipe-progress-track {
   position: relative !important;

   display: block !important;

   width: 100% !important;
   height: 6px !important;

   margin: 0 !important;
   padding: 0 !important;

   overflow: hidden !important;

   background: #d8dee7 !important;

   border: 0 !important;

   border-radius: 6px !important;

   box-shadow:
      inset 0 1px 2px rgba(0, 0, 0, .08) !important;
}


/* =========================================================
   VALOR DA BARRA
   ========================================================= */

.fipe-pre-orcamento .fipe-progress-value {
   position: absolute !important;

   left: 0 !important;
   top: 0 !important;

   display: block !important;

   height: 6px !important;
   min-width: 2px !important;

   margin: 0 !important;
   padding: 0 !important;

   background: #4fbd70 !important;

   background-image:
      linear-gradient(
         90deg,
         #68ca7e 0%,
         #3eae61 100%
      ) !important;

   border-radius: 6px !important;
}


/* =========================================================
   BARRA EM ESTADO CRÍTICO
   ========================================================= */

.fipe-pre-orcamento.fipe-critical .fipe-progress-value {
   background: #dc2626 !important;

   background-image:
      linear-gradient(
         90deg,
         #f87171 0%,
         #dc2626 100%
      ) !important;
}


/* =========================================================
   MARCADOR DO LIMITE
   ========================================================= */

.fipe-pre-orcamento .fipe-limit {
   position: absolute !important;

   top: 0 !important;

   display: block !important;

   height: 21px !important;

   margin: 0 !important;
   padding: 0 !important;

   transform: translateX(-50%) !important;

   z-index: 10 !important;

   pointer-events: none !important;
}


/* =========================================================
   LINHA VERTICAL DO LIMITE
   ========================================================= */

.fipe-pre-orcamento .fipe-limit::after {
   content: "";

   position: absolute;

   left: 50%;
   top: 10px;

   width: 2px;
   height: 11px;

   transform: translateX(-50%);

   background: #e33434;

   border-radius: 0 0 1px 1px;
}


/* =========================================================
   ETIQUETA "LIMITE 50%"
   ========================================================= */

.fipe-pre-orcamento .fipe-limit span {
   position: relative !important;

   display: block !important;

   margin: 0 !important;

   padding: 1px 4px !important;

   color: #ffffff !important;

   background: #e33434 !important;

   border-radius: 3px !important;

   font-size: 6px !important;
   font-weight: 700 !important;

   line-height: 8px !important;

   white-space: nowrap !important;

   box-shadow:
      0 1px 3px rgba(220, 38, 38, .20) !important;
}


/* =========================================================
   SETA DO MARCADOR
   ========================================================= */

.fipe-pre-orcamento .fipe-limit span::after {
   content: "";

   position: absolute;

   left: 50%;
   bottom: -3px;

   width: 0;
   height: 0;

   transform: translateX(-50%);

   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   border-top: 3px solid #e33434;
}


/* =========================================================
   ESCALA
   ========================================================= */

.fipe-pre-orcamento .fipe-scale {
   position: relative !important;

   display: block !important;

   width: 100% !important;
   height: 8px !important;

   margin: 2px 0 0 0 !important;
   padding: 0 !important;

   color: #8c96a5 !important;

   font-size: 5px !important;
   font-weight: 500 !important;

   line-height: 7px !important;
}


/* =========================================================
   ESCONDE TODOS OS VALORES DA ESCALA
   ========================================================= */

.fipe-pre-orcamento .fipe-scale span {
   display: none !important;
}


/* =========================================================
   EXIBE SOMENTE 0%
   ========================================================= */

.fipe-pre-orcamento .fipe-scale span:first-child {
   position: absolute !important;

   left: 0 !important;
   top: 0 !important;

   display: block !important;

   margin: 0 !important;
   padding: 0 !important;
}


/* =========================================================
   EXIBE SOMENTE 100%
   ========================================================= */

.fipe-pre-orcamento .fipe-scale span:last-child {
   position: absolute !important;

   right: 0 !important;
   top: 0 !important;

   display: block !important;

   margin: 0 !important;
   padding: 0 !important;
}


/* =========================================================
   ESCONDE O PERCENTUAL DO LIMITE NA ESCALA

   O percentual já está apresentado no marcador:
   "Limite 50%"
   ========================================================= */

.fipe-pre-orcamento .fipe-scale-limit {
   display: none !important;
}


/* =========================================================
   TOOLTIP - FONTE DE DADOS

   Deve permanecer invisível dentro do componente.
   O JavaScript utiliza o conteúdo para montar o tooltip.
   ========================================================= */

.fipe-pre-orcamento .fipe-tooltip-source {
   display: none !important;
}


/* =========================================================
   ALERTA TEXTUAL

   Não há espaço para o bloco textual dentro de 200x140.
   A sinalização é feita pelo próprio visual do componente.
   ========================================================= */

.fipe-pre-orcamento .fipe-warning {
   display: none !important;
}

/* Pre-orcamento: tons verdes abaixo do limite parametrizado. */
.fipe-pre-orcamento:not(.fipe-critical):not(.fipe-alert) {
   background: #eaf7ee !important;
   background-image: linear-gradient(135deg, #f7fff8 0%, #eaf7ee 55%, #d9f0e0 100%) !important;
   border-color: #9dd5ad !important;
   border-left-color: #32985a !important;
   box-shadow: 0 2px 7px rgba(50, 152, 90, .12) !important;
}

.fipe-pre-orcamento:not(.fipe-critical):not(.fipe-alert)::before {
   background: #32985a;
}

.fipe-pre-orcamento:not(.fipe-critical):not(.fipe-alert) .fipe-icon-red {
   color: #39a861 !important;
   background: #e3f5e9 !important;
}

.fipe-pre-orcamento:not(.fipe-critical):not(.fipe-alert) .fipe-limit span {
   background: #32985a !important;
   box-shadow: 0 1px 3px rgba(50, 152, 90, .20) !important;
}

.fipe-pre-orcamento:not(.fipe-critical):not(.fipe-alert) .fipe-limit::after {
   background: #32985a;
}

.fipe-pre-orcamento:not(.fipe-critical):not(.fipe-alert) .fipe-limit span::after {
   border-top-color: #32985a;
}


/* Pre-orcamento: alerta entre os parametros de alerta e bloqueio. */
.fipe-pre-orcamento.fipe-alert {
   background: #fff4e5 !important;
   background-image: linear-gradient(135deg, #fffaf0 0%, #fff0d9 55%, #ffe3b5 100%) !important;
   border-color: #f3c477 !important;
   border-left-color: #e69522 !important;
   box-shadow: 0 2px 7px rgba(230, 149, 34, .16) !important;
}

.fipe-pre-orcamento.fipe-alert::before {
   background: #e69522;
}

.fipe-pre-orcamento.fipe-alert .fipe-icon-red {
   color: #c77712 !important;
   background: #fff0d5 !important;
}

.fipe-pre-orcamento.fipe-alert .fipe-percent-alert {
   color: #c77712 !important;
}

.fipe-pre-orcamento.fipe-alert .fipe-progress-value {
   background: #e69522 !important;
   background-image: linear-gradient(90deg, #f7bf64 0%, #e69522 100%) !important;
}

.fipe-pre-orcamento.fipe-alert .fipe-limit span {
   background: #e69522 !important;
   box-shadow: 0 1px 3px rgba(230, 149, 34, .20) !important;
}

.fipe-pre-orcamento.fipe-alert .fipe-limit::after {
   background: #e69522;
}

.fipe-pre-orcamento.fipe-alert .fipe-limit span::after {
   border-top-color: #e69522;
}
