body{background:#f5f7fa;font-family:"Encode Sans", sans-serif}

.encode-sans-<uniquifier> {
  font-family: "Encode Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.hero{background:#f5f7fa;color:#000000;font-size: 16px;text-align:left; margin-bottom: 30px}
.hero h1 {color:#0C78D4; margin-bottom: 0px; font-weight: 500}
.card{border:none;border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:.2s}
.card:hover {transform:translateY(-6px)}
.thumb{height:160px;background:#ffffff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#777;font-weight:bold}
.thumb img { border-radius: 10px;}
.thumb {height: 150px}
.btn-primary{border-radius:10px;background: #0C78D4; border: none; font-weight: 600;}
.btn { --bs-btn-padding-x: 1rem; --bs-btn-padding-y: 1rem;}
.h4, h4 {font-weight: 500;}
.py-5 { padding-top: 2rem !important;}
.modal {--bs-modal-padding: 2rem;}


.banner-728x90-mobile div{display: hidden}
.banner-728x90-mobile {text-align: center;background-color: #eef1f7}
.banner-728x90 {text-align: center; padding: 30px; background-color: #eef1f7}
*{margin:0;padding:0;box-sizing:border-box;}

/* HEADER */

.header{

    position:sticky;
    top:0;
    z-index:999;

    width:100%;
    height:90px;

    background:linear-gradient(90deg,#0C78D4 0%,#05E3AE 100%);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);

}

.header-container{

    max-width:1400px;
    margin:auto;

    height:90px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 24px;

}

/* LOGO */

.logo img{

    height:60px;
    display:block;

}

/* MENU */

.menu{

    display:flex;
    gap:34px;

}

.menu a{

    color:#FFF;

    text-decoration:none;

    font-size:16px;
    font-weight:500;

    transition:.25s;

}

.menu a:hover{

    opacity:.75;

}

/* BOTÃO */

.menu-toggle{

    display:none;

    width:42px;
    height:42px;

    border:none;
    background:none;

    cursor:pointer;

    position:relative;

}

.menu-toggle span{

    position:absolute;

    width:30px;
    height:4px;

    left:7px;

    background:#FFF;

    border-radius:10px;

    transition:.30s;

}

.menu-toggle span:nth-child(1){

    top:10px;

}

.menu-toggle span:nth-child(2){

    top:19px;

}

.menu-toggle span:nth-child(3){

    top:28px;

}

/* ANIMAÇÃO */

.menu-toggle.active span:nth-child(1){

    transform:rotate(45deg);
    top:19px;

}

.menu-toggle.active span:nth-child(2){

    opacity:0;

}

.menu-toggle.active span:nth-child(3){

    transform:rotate(-45deg);
    top:19px;

}

/* MOBILE MENU */

.mobile-menu{

    position:fixed;

    top:0;
    right:-320px;

    width:320px;
    max-width:85%;

    height:100vh;

    background:#0075D5;

    box-shadow:-8px 0 30px rgba(0,0,0,.20);

    padding-top:90px;

    transition:.35s;

    z-index:1001;

}

.mobile-menu.active{

    right:0;

}

.mobile-menu a{

    display:block;

    padding:15px 30px;

    color:#fff;

    text-decoration:none;

    font-weight:500;

    /*border-bottom:1px solid #EEE;*/

}

.mobile-menu a:hover{

    background:#004d8c;

}

/* OVERLAY */

.overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;
    visibility:hidden;

    transition:.35s;

    z-index:1000;

}

.overlay.active{

    opacity:1;
    visibility:visible;

}


.footer-redetv{
    background: #eef1f7;
    margin-top:80px;
    padding:70px 0;
    border-top:1px solid #e5e8ed;
}

.footer-container{
    width:min(1400px,92%);
    margin:auto;

    display:grid;
    grid-template-columns:2.2fr 1.2fr 1fr 1fr;
    gap:60px;
}

.footer-col{
    padding-right:40px;
    border-right:1px solid #d9d9d9;
}

.footer-col:last-child{
    border:none;
    padding-right:0;
}

.footer-col h3{
    font-size:18px;
    font-weight:700;
    margin-bottom:28px;
    color:#333;
    letter-spacing:.5px;
}

.footer-col ul{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-col li{
    margin-bottom:5px;
}

.footer-col a{
    color:#4b4b4b;
    text-decoration:none;
    transition:.2s;
    font-size: 14px;
}

.footer-col a:hover{
    color:#0088ff;
    padding-left:4px;
}

.programas-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.footer-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
}

.footer-logo{
    width:170px;
    margin-bottom:35px;
    opacity:.7;
}

.footer-brand p{
    color:#555;
    line-height:1.8;
    margin-bottom:50px;
}

.termo{
    color:#555;
    text-decoration:none;
}

.mt-40{
    margin-top:45px;
}


/* RESPONSIVO */

@media (max-width:1200px){

.footer-container{
    grid-template-columns:1fr 1fr;
}

.footer-col{
    border:none;
    padding-right:0;
}

}




@media(max-width:992px){

.menu{

    display:none;

}

.menu-toggle{

    display:block;

}

}





@media (max-width:768px){

.footer-container{
    grid-template-columns:1fr;
    gap:45px;
}

.programas-grid{
    grid-template-columns:1fr;
    gap:0;
}

.footer-brand{
    align-items:flex-start;
    text-align:left;
}

.footer-logo{
    width:150px;
}

.footer-col h3{
    font-size:18px;
}

.thumb {height: 200px}

.banner-728x90 div{display: hidden}
.banner-728x90-mobile div{display: active}

}