/* Telas públicas */
.rt-hero{ background: linear-gradient(135deg, rgba(11,59,57,.96), rgba(15,118,110,.88)); color:#fff; position:relative; overflow:hidden; }
.rt-hero::before{ content:''; position:absolute; inset:0; background: radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 24%), radial-gradient(circle at bottom left, rgba(45,212,191,.18), transparent 28%); pointer-events:none; }
.rt-stat-card{ position:relative; overflow:hidden; }
.rt-stat-card::after{ content:''; position:absolute; inset:auto -40px -40px auto; width:120px; height:120px; border-radius:999px; background:rgba(255,255,255,.18); }
.public-accent-card{ background:rgba(255,255,255,.96); color:#0f172a; border-radius:1.5rem; padding:1.25rem; box-shadow:0 14px 30px rgba(15,23,42,.08); }
.public-accent-card .title{ font-weight:700; font-size:1.125rem; margin-bottom:.5rem; }
.public-info-grid{ display:grid; gap:1rem; }
@media (min-width:768px){ .public-info-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.card-parcelamento .info-card-body p {
  margin: 0 0 8px;
  line-height: 1.5;
}

.parcelamento-status {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid transparent;
}

.parcelamento-status.status-ativo {
  background: rgba(15, 118, 110, 0.10);
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.18);
}

.parcelamento-status.status-previo {
  background: rgba(3, 105, 161, 0.10);
  color: #0369a1;
  border-color: rgba(3, 105, 161, 0.18);
}

.parcelamento-status.status-encerrado {
  background: rgba(185, 28, 28, 0.10);
  color: #b91c1c;
  border-color: rgba(185, 28, 28, 0.18);
}

.logo {
  align-items: center;
  display: flex;
  width: auto;
  height: auto;
}

/*============== header css =============*/
.header_area{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.header-top{
    padding: 3px 0px;
    a{
        color:#fff;
        transition: all 0.3s linear;
        &:hover{
          color:$yellow;
        }
    }
    ul{
        padding-left: 0px;
        margin-bottom: 0px;
    }
    ul li{
        display:inline-block;
        margin-right: 15px;
        @media(max-width:414px){
            margin-right:0px;
        }
    }

    .header-top-left{
        a{
            margin-right:8px;
            font-size: 12px;
            font-weight: 500;
            line-height: 20px;
            display: inline-block;
        }
    }

    .header-top-right{
        text-align: right;
        .header-social{
            a{
                color:#fff;
                margin-left: 15px;
                transition: all 0.3s linear;
                font-size: 14px;
                &:hover{
                    color:$yellow;
                }
            }
        }
    }

}

.navbar{
    padding: 0px;
    border:0px;
    border-radius: 0px;
}
.navbar{
    background: #fff;
    padding: 0px 25px;
    .logo_h{
        padding-top: 0px;
    }
    .menu_nav{
        .nav-item{
            .nav-link{
                font: 500 12px/80px $pop;
                color: $dark;
                text-transform: uppercase;
                padding: 0px;
                &:after{
                    display: none;
                }
            }
            &:hover, &.active{
                .nav-link{
                    color: $light_blue;
                }
            }
            &.submenu{
                position: relative;
                ul{
                    border: none;
                    padding: 0px;
                    border-radius: 0px;
                    box-shadow: none;
                    margin: 0px;
                    background: transparent;
                    @media (min-width: 992px){
                        position: absolute;
                        top: 100%;
                        left: 0px;
                        min-width: 220px;
                        text-align: left;
                        opacity: 0;
                        transition: all 300ms ease-in;
                        visibility: hidden;
                        display: block;
                        border: none;
                        padding: 0px;
                        border-radius: 0px;
                    }
                    &:before{
                        content: "";
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 10px 10px 0 10px;
                        border-color: #eeeeee transparent transparent transparent;
                        position: absolute;
                        right: 24px;
                        top: 45px;
                        z-index: 3;
                        opacity: 0;
                        transition: all 400ms linear;
                    }
                    .nav-item{
                        display: block;
                        float: none;
                        margin-right: 0px;
                        border-bottom: 1px solid #ededed;
                        margin-left: 0px;
                        background: #fff;
                        transition: all 0.4s linear;
						@media( min-width:992px){
							margin-top: 10px;
						}
                        .nav-link{
                            line-height: 45px;
                            color: $dark;
                            padding: 0px 30px;
                            transition: all 150ms linear;
                            display: block;
                        }
                        &:last-child{
                            border-bottom: none;
                        }
                        &:hover{
                            .nav-link{
                                background: #f0f0f0;
                                color: $light_blue;
                            }
                        }    
                    }
                }
                &:hover{
                    ul{
                        @media (min-width: 992px){
                            visibility: visible;
                            opacity: 1;
                        }
                        .nav-item{
                            margin-top: 0px;
                        }
                    }
                }
            }
            & + li{
                margin-left: 30px;
            }
        }
    }
}



.menu_two{
	background: rgba(255, 255, 255, 0.15);
	.menu_nav{
        .nav-item{
			.nav-link{
				line-height: 60px;
				color: #fff;
			}
		}
	}
}


//affix menu css

.navbar_fixed{
    position: fixed;
    width: 100%;
    left: 0;
    background: #fff;
    top: 0;
    top: -50px;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    transition: transform 300ms ease, background 300ms ease, -webkit-transform 300ms ease;
    .navbar{
        background: transparent;
    }
    .header-top{
        display: none;
    }
    &.header_two{
        background: rgba(34, 34, 34, 0.9)
    }
}