/*  Responsive Css */

@media only screen and (max-width: 5000px){
    .boxed_wrapper{
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 1200px){
    .anim-icon{
        display: none !important;
    }
    
    .about-section{
        padding-bottom: 150px;
    }
    
    .service-section .inner-content{
        margin: 0px;
    }
    
    .service-section .owl-nav{
        left: -324px;
    }
    
    .classes-section .inner-block .lower-content .info-box li:before,
    .feature-section .image-column{
        display: none;
    }
    
    .event-block-one .inner-box{
        padding-right: 15px;
    }
    
    .event-block-one .inner-box .content-box{
        padding-left: 250px;
    }

    .faq-content{
        margin-left: 0px;
    }
    
    .gallery-section{
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .news-block-one .inner-box .lower-content{
        padding-left: 25px;
    }
    
    .main-footer .footer-top .link-widget{
        margin-left: 30px;
    }
    
    .main-footer .footer-bottom .right-content .footer-logo:before,
    .activities-section .image-box .image:before{
        display: none;
    }
    
    .main-footer .footer-bottom .right-content .footer-logo{
        margin-right: 120px;
    }
    
    .fact-counter .counter-block{
        padding-left: 70px;
    }
    
    .activities-section .image-box {
        margin-left: 0px;
    }
    
    .testimonial-video .testimonial-column .testimonial-content {
        padding-left: 30px;
    }

    .main-header.style-two .main-menu .navigation > li{
        margin: 0px 35px;
    }
    
    .classes-section.style-three .owl-nav{
        left: -405px;
    }
    
    .activities-section.style-two .image-box{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .news-block-two .inner-box{
        margin-bottom: 30px;
    }
    
    .about-section.style-two .image-box{
        margin-left: 160px;
    }
    
    .faq-page-section .faq-content{
        margin-top: 30px;
    }
    
    .classes-section .inner-block .lower-content {
        padding: 34px 30px 37px 30px;
    }
    
    .class-details .inner-box .info-box li:first-child:before, 
    .class-details .inner-box .info-box li:nth-child(2):before{
        display: none;
    }
    
    .class-details .inner-box .info-box{
        padding: 27px 15px 23px 15px;
    }

    .class-details .inner-box .info-box li{
        margin-right: 20px;
    }
    
    .class-details .inner-box .info-box li .theme-btn{
        padding: 17px 30px;
    }
    
    .teachers-block-one{
        margin-bottom: 30px;
    }
    
    .our-teachers{
        padding-bottom: 120px;
    }
    
    .pricing-section .pricing-table .table-header{
        padding: 49px 30px 43px 30px;
    }
    
    .pricing-section .pricing-table .table-header:before{
        display: none;
    }
    
    .pricing-section .pricing-table .table-content{
        padding: 30px 20px 19px 20px;
    }
    
    .pricing-section .pricing-table .table-footer{
        padding-left: 20px;
    }
    
    .event-details .event-details-content .countdown-box h3{
        display: block;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .shop-details .content-box{
        margin-left: 0px;
    }
    
    .countdown-box{
        text-align: center;
    }
    
    .shop-section .shop-sidebar{
        margin-bottom: 40px;
    }
    
    .blog-page-section .news-block-one .more-btn{
        left: 25px;
    }
    
    .home-main-slider .slide:not(.video-slide) .content-box {
        transform: translateX(0);
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px;
        padding: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .home-main-slider {
        --home-slider-height: 640px;
    }
    
    .home-main-slider .slide:not(.video-slide) .content-box {
        transform: translateX(0);
        max-width: 580px;
        width: 100%;
    }

    .depoimentos-page .testimonials-carousel {
        padding: 0 56px;
    }
    
    .depoimentos-page .testimonial-item {
        padding: 26px;
    }
    
    .depoimento-modal-grid {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 24px;
    }
    
    .blog-listing-page .blog-filter-bar {
        align-items: flex-start;
    }

    .blog-listing-page .blog-filter-actions {
        align-items: flex-end;
        flex-direction: column;
    }

    :is(.blog-listing-page, .blog-details-page)
    .blog-sidebar .widget {
        padding: 23px;
    }
    
    :is(.blog-listing-page, .blog-details-page)
    .sidebar-blog-post-link .image {
        flex-basis: 80px;
        width: 80px;
        height: 70px;
    }
    
    .vb-location__container {
        max-width: 960px;
    }

    .vb-location__content {
        grid-template-columns: minmax(0, 1.8fr) minmax(285px, 1fr);
        gap: 26px;
    }

    .vb-location__card {
        padding: 28px 25px;
    }
    
    .depoimentos-page .testimonials-carousel {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .depoimentos-page .testimonials-carousel .owl-nav .owl-prev {
        left: -52px;
    }
    
    .depoimentos-page .testimonials-carousel .owl-nav .owl-next {
        right: -52px;
    }

    .bercario-apresentacao__conteudo {
        padding-right: 25px;
    }
    
    .bercario-rotina__conteudo {
        padding-left: 35px;
    }
    
    .bercario-apresentacao__imagem img,
    .bercario-rotina__imagem img {
        height: 470px;
    }
    
    .bercario-cta__conteudo {
        padding: 50px 45px;
    }
    
    .basic-page .basic-sobre__conteudo,
    .basic-page .basic-proposta__conteudo { 
        padding-right: 25px; 
    }
    
    .basic-page .basic-destaque-item {
        flex-basis: calc((100% - 22px) / 2);
    }
}

@media only screen and (max-width: 991px){
    .sticky-header{
        display: none;
    }
    
    .main-header .logo-box{
        position: relative;
        display: block;
        float: none;
        text-align: center;
    }
    
    .main-header .nav-outer,
    .main-header .menu-area{
        position: relative;
        float: none;
    }
    
    .main-header .outer-box{
        position: absolute;
        top: -2px;
        right: 0px;
        margin: 0px;
    }
    
    .main-header .logo-box .logo:before,
    .about-section .image-box:before{
        display: none;
    }
    
    .about-section .image-box .image-2{
        position: relative;
        left: 0px;
        top: 0px;
    }
    
    .about-section .image-box{
        margin: 0px;
        margin-bottom: 40px;
    }
    
    .about-section .image-box .image-1{
        margin-bottom: 30px;
    }

    .service-section .inner-content{
        margin-bottom: 40px;
    }
    
    .service-section .carousel-content{
        margin: 0px;
    }
    
    .classes-section .inner-block{
        margin-bottom: 30px;
    }
    
    .classes-section{
        padding-bottom: 120px;
    }
    
    .testimonial-content{
        margin-right: 0px;
        margin-bottom: 30px;
    }
    
    .news-block-one .inner-box{
        margin-bottom: 70px;
    }
    
    .news-section{
        padding-bottom: 118px;
    }
    
    .main-footer .footer-top .about-widget,
    .main-footer .footer-top .link-widget{
        margin: 0px 0px 30px 0px;
    }
    
    .main-footer .footer-top .contact-widget{
        margin-left: 0px;
    }

    .main-footer .footer-bottom .left-content,
    .main-footer .footer-bottom .right-content{
        float: none;
        display: block;
        text-align: center;
    }
    
    .main-footer .footer-bottom .right-content .footer-logo{
        margin: 15px 0px;
        display: block;
        text-align: center;
    }
    
    .main-menu .navigation > li > ul > li{
        padding: 0px;
    }
    
    .main-menu .navigation > li > ul > li:hover{
        background: #333;
        border-color: #fff;
    }
    
    .main-menu .navigation > li > ul > li > ul > li > a{
        color: #fff !important;
    }
    
    .offer-section .single-offer-block{
        margin-bottom: 30px;
    }
    
    .offer-section{
        padding-bottom: 120px;
    }
    
    .fact-counter .counter-block{
        margin: 15px 0px;
    }

    .activities-section .image-box{
        margin-top: 0px;
    }
    
    .activities-section .image-box .image{
        float: none;
    }
    
    .testimonial-video .video-column{
        width: 100%;
    }
    
    .testimonial-video .video-column,
    .testimonial-video .video-column .video-inner{
        position: relative;
    }
    
    .testimonial-video .testimonial-column{
        float: none;
        width: 100%;
    }
    
    .testimonial-video .testimonial-column .testimonial-content{
        max-width: 100%;
    }
    
    .service-style-two .service-block-one{
        margin-bottom: 30px;
    }
    
    .main-header.style-two .main-menu .navigation > li.logo-box{
        display: none;
    }
    
    .main-header.style-two .main-menu .navbar-header{
        padding-top: 15px;
    }

    .classes-section.style-three .inner-content{
        margin: 0px 0px 30px 0px;
    }
    
    .classes-section.style-three .owl-nav,
    .service-section .owl-nav{
        display: none;
    }
    
    .classes-section.style-three .carousel-content{
        margin: 0px;
    }
    
    .parallax-icon{
        display: none !important;
    }
    
    .activities-section.style-two .image-box{
        margin: 0px;
        margin-bottom: 50px;
    }
    
    .teachers-block-two .inner-box{
        margin-bottom: 30px;
    }
    
    .contact-section .outer-container .contact-column{
        position: relative;
        width: 100%;
    }
    
    .contact-section .outer-container .map-column{
        float: none;
        width: 100%;
    }
    
    .about-section.style-two .image-box{
        margin: 0px;
    }
    
    .about-section.style-two .content-box,
    .class-details .class-details-content{
        margin: 0px 0px 30px 0px;
    }

    .about-section.style-two .image-box .image-2{
        left: 0px;
        bottom: 0px;
    }
    
    .about-section.style-two{
        padding-bottom: 150px;
    }
    
    .testimonial-video .testimonial-column .testimonial-content{
        margin: 0px;
    }
    
    .testimonial-video .video-column .video-inner{
        padding: 216px 0px 215px 0px;
    }
    
    .class-details .inner-box .info-box li{
        margin-right: 50px;
    }
    
    .pricing-section .pricing-table{
        margin-bottom: 30px;
    }
    
    .pricing-section{
        padding-bottom: 120px;
    }
    
    .event-details .event-details-content{
        margin: 0px 0px 50px 0px;
    }
    
    .shop-details .product-details-content .image-box,
    .blog-details .blog-details-content{
        margin: 0px 0px 30px 0px;
    }

    .cart-section .table-outer .othre-content .coupon-box input{
        max-width: 100%;
        margin-bottom: 15px;
        margin-right: 0px;
    }
    
    .checkout-section .additional-info,
    .contact-info-section .single-info-box .inner-box{
        margin-bottom: 30px;
    }
    
    .contact-info-section{
        padding-bottom: 120px;
    }
    
    .blog-page-section .news-block-one .inner-box{
        margin-bottom: 30px;
    }
    
    .main-header .menu-area{
        margin-right: 0px;
    }
    
    .header-top .links-nav li{
        margin-right: 15px;
    } 
    
    .main-menu .navbar-header{
        position: relative;
        float:none;
        display:block;
        text-align:left;
        width:100%;
        top: 0px;
        padding-bottom: 15px;
    }
    
    .main-header .main-menu {
        width: 100%;
    }  
    
    .main-menu .navbar-header .navbar-toggle{
        display:inline-block;
        z-index:7;
        float:none;
        padding: 10px;
        cursor:  pointer;
        border-radius:0px;
        background:  #ff7162;
    }  
    
    .main-menu .navbar-header .navbar-toggle .icon-bar{
        background: #ffffff;
        height: 2px;
        width: 29px;
        display:  block;
        margin: 5px;
    }
    
    .main-menu .collapse {
        overflow:auto;
        float:none;
        width:100%;
        padding:0px 0px 0px;
        border:none;
        margin:0px;
        max-height: 320px;
        -ms-border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -o-border-radius:3px;
        border-radius:3px;
    }
    
    .main-menu .navbar-collapse > .navigation{
        float:none !important;
        margin:0px !important;
        width:100% !important;
        background: #333333;
        border:1px solid #ffffff;
    } 
    
    .main-menu .navbar-collapse > .navigation > li{
        margin:0px !important;
        float:none !important;
        width:100%;
        border-bottom: 1px solid #ffffff !important;
    }  
    
    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul:before{
        border:none;  
    }  
    
    .main-menu .navbar-collapse > .navigation > li > a{
        padding:10px 10px !important;
        border:none !important;
    } 
    
    .main-menu .navigation li.dropdown > a:after,
    .main-menu .navigation > li.dropdown > a:before,
    .main-menu .navigation > li > ul > li > a::before,
    .main-menu .navigation > li > ul > li > ul > li > a::before{
        color:#ffffff !important;
        right:15px;
        font-size:16px;
        display:none !important;
    } 
    
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
        position:relative;
        border:none;
        float:none;
        visibility:visible;
        opacity:1;
        display:none;
        margin:0px;
        padding:0px;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        width:100%;
        background: #333333;
        -webkit-border-radius:0px;
        -ms-border-radius:0px;
        -o-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        transition:none !important;
        -webkit-transition:none !important;
        -ms-transition:none !important;
        -o-transition:none !important;
        -moz-transition:none !important;
        box-shadow:none !important;
    }
    
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
        border-top:1px solid rgba(255,255,255) !important;
    }
    
    .main-menu .navbar-collapse > .navigation > li:last-child{
        border-bottom: none;
    } 
    
    .main-menu .navbar-collapse > .navigation > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
        padding:12px 15px !important;
        line-height:22px;
        color: #fff;
        background: #333333;
        text-align:left;
        min-height:0px;
    }  
    
    .main-menu .navbar-collapse > .navigation > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li.current > a,
    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
        color: #ffffff !important;
        background: #333333;
    } 
    
    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
        display:block;
    }  
    
    .main-menu .navbar-collapse > .navigation li.dropdown:after,
    .main-menu .navigation > li > ul:before{
        display:none !important;  
    }

    body {
        padding-top: 90px;
    }
    
    .main-header .header-top {
        display: none;
    }
    
    .main-header .logo-box .logo {
        padding: 10px 0;
    }
    
    .main-header .logo-box .logo img {
        height: 48px;
    }
    
    .main-header.is-scrolled .logo-box .logo {
        padding: 7px 0;
    }
    
    .main-header.is-scrolled .logo-box .logo img {
        height: 42px;
    }

    .main-slider .video-slide {
        height: 520px;
    }
    
    .ouvidoria-page .ouvidoria-apresentacao {
        padding: 90px 0;
    }
    
    .ouvidoria-page .ouvidoria-apresentacao__grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }
    
    .ouvidoria-page .ouvidoria-canais {
        max-width: 650px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .ouvidoria-page .ouvidoria-form-area {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    
    .ouvidoria-page .ouvidoria-form {
        padding: 48px 38px;
    }

    .home-main-slider {
        --home-slider-height: 560px;
    }
    
    .home-main-slider h1 {
        font-size: 46px;
        line-height: 56px;
    }
    
    .home-main-slider .slide-desenvolvimento .content-box {
        max-width: 410px;
    }
    
    .home-main-slider .slide-desenvolvimento h1 {
        font-size: 32px;
        line-height: 1.38;
    }
    
    .depoimentos-page {
        padding: 95px 0 85px;
    }
    
    .depoimentos-page__title {
        margin-bottom: 48px;
    }
    
    .depoimentos-page__title h1 {
        font-size: 34px;
        line-height: 1.35;
    }
    
    .depoimentos-page .testimonials-carousel:not(.owl-loaded) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .depoimento-modal-grid {
        grid-template-columns: 1fr;
    }
    
    .depoimento-preview-side {
        position: static;
    }
    
    .page-banner-area {
        min-height: 310px;
        padding: 80px 0;
    }

    .blog-listing-page {
        padding: 85px 0 95px;
    }

    .blog-listing-page .blog-sidebar-desktop {
        display: none;
    }

    .blog-listing-page .blog-sidebar-mobile {
        display: block;
        margin-bottom: 38px;
    }

    .blog-listing-page .blog-sidebar-mobile .blog-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .blog-listing-page .blog-sidebar-mobile .widget {
        margin: 0 !important;
    }

    .blog-listing-page .blog-sidebar-mobile .widget-search {
        grid-column: 1 / -1;
    }
    
    .galeria-grupo__fotos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .home-main-slider h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .home-main-slider .slide > .container {
        width: 100%;
        max-width: 100%;
        
        padding-left: 42px;
        padding-right: 42px;
    }
    
    .home-main-slider .slide:not(.video-slide) .content-box {
        transform: translateX(0);
        
        max-width: 440px;
        width: 100%;
    }
    
    .home-main-slider h1 {
        font-size: 34px;
        line-height: 1.34;
        
        margin-bottom: 24px;
    }
    
    .home-main-slider h3 {
        font-size: 22px;
        line-height: 29px;
    }
    
    .home-main-slider .nav-style-one .owl-nav .owl-prev {
        left: 16px;
    }
    
    .home-main-slider .nav-style-one .owl-nav .owl-next {
        right: 16px;
    }

    .vb-location {
        padding: 82px 0 92px;
    }

    .vb-location__container {
        max-width: 720px;
    }

    .vb-location__header {
        margin-bottom: 34px;
    }

    .vb-location__content {
        grid-template-columns: 1fr;
    }

    .vb-location__map {
        aspect-ratio: 16 / 9;
    }

    .vb-location__card {
        width: 100%;
    }
    
    .blog-detail-banner {
        min-height: 370px;
        padding: 85px 0;
    }

    .blog-details-page {
        padding: 85px 0 95px;
    }

    .blog-details-sidebar-column {
        margin-top: 48px;
    }

    .blog-details-sidebar-column .blog-sidebar {
        position: static;
    }
    
    .depoimentos-page .testimonials-carousel .owl-nav .owl-prev {
        left: 8px;
    }
    
    .depoimentos-page .testimonials-carousel .owl-nav .owl-next {
        right: 8px;
    }
    
    .bercario-page__banner {
        min-height: 340px;
        padding: 85px 0;
    }
    
    .bercario-page__banner .content-box h1 {
        font-size: 48px;
    }
    
    .bercario-apresentacao,
    .bercario-rotina {
        padding: 90px 0;
    }
    
    .bercario-apresentacao__conteudo,
    .bercario-rotina__conteudo {
        padding-right: 0;
        padding-left: 0;
    }
    
    .bercario-apresentacao__conteudo {
        margin-bottom: 55px;
    }
    
    .bercario-rotina__imagem {
        margin-bottom: 55px;
    }

    .bercario-apresentacao__imagem,
    .bercario-rotina__imagem {
        max-width: 620px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .bercario-apresentacao__imagem img,
    .bercario-rotina__imagem img {
        height: 500px;
    }
    
    .bercario-informacoes {
        padding: 90px 0 65px;
    }
    
    .bercario-cta {
        padding-bottom: 90px;
    }
    
    .bercario-cta__conteudo {
        flex-direction: column;
        align-items: flex-start;
        padding: 48px 42px;
    }
    
    .basic-page .basic-page__banner { 
        min-height: 340px; padding: 85px 0; 
    }
    
    .basic-page .basic-page__banner .content-box h1 { 
        font-size: 47px; 
    }
    
    .basic-page .basic-sobre,
    .basic-page .basic-proposta { 
        padding: 90px 0; 
    }
    
    .basic-page .basic-sobre__conteudo,
    .basic-page .basic-proposta__conteudo { 
        padding-right: 0; 
    }
    
    .basic-page .basic-sobre__conteudo,
    .basic-page .basic-proposta__conteudo { 
        margin-bottom: 55px; 
    }
    
    .basic-page .basic-sobre__visual,
    .basic-page .basic-proposta__imagem { 
        margin-right: auto; margin-left: auto; 
    }
    
    .basic-page .basic-cta__conteudo { 
        flex-direction: column; align-items: flex-start; padding: 48px 42px; 
    }
    
    .contato-page .contato-info-area {
        padding: 90px 0 65px;
    }
    
    .contato-page .section-title h2 {
        font-size: 36px;
    }
    
    .contato-page .contact-form {
        padding: 48px 38px !important;
    }
    
    .contato-page .contato-form-area {
        padding-bottom: 90px;
    }
    
    .visita-page .visita-apresentacao {
        padding: 90px 0;
    }
    
    .visita-page .visita-apresentacao__grid {
        grid-template-columns: 1fr;
        
        gap: 55px;
    }
    
    .visita-page .visita-passos {
        max-width: 650px;
        
        margin-right: auto;
        margin-left: auto;
    }
    
    .visita-page .visita-form-area {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    
    .visita-page .visita-form {
        padding: 48px 38px;
    }
    
    .trabalhe-page .trabalhe-apresentacao {
        padding: 90px 0;
    }
    
    .trabalhe-page .trabalhe-apresentacao__grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }
    
    .trabalhe-page .trabalhe-diferenciais {
        max-width: 650px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .trabalhe-page .trabalhe-form-area {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    
    .trabalhe-page .trabalhe-form {
        padding: 48px 38px;
    }
    
    .ensino-page .ensino-apresentacao {
        padding: 90px 0;
    }
    
    .ensino-page .ensino-page__banner {
        min-height: 330px;
        padding: 85px 0;
    }
    
    .main-menu .navigation > li.dropdown
    > a .menu-dropdown-icon {
        display: none;
    }
}

@media only screen and (max-width: 767px){
    .main-header .header-top .social-links{
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .main-header .header-top .header-info{
        float: none;
        display: block;
        text-align: center;
    }
    
    .about-section,
    .feature-section{
        padding: 70px 0px;
    }
    
    .sec-pad,
    .testimonial-faq,
    .cta-section,
    .main-footer .footer-top,
    .activities-section{
        padding: 64px 0px 70px 0px;
    }
    
    .event-section,
    .news-section{
        padding: 64px 0px 40px 0px;
    }
    
    .main-footer .footer-top .contact-widget{
        margin-bottom: 30px;
    }
    
    .main-slider.style-two .slide{
        padding-bottom: 175px;
    }
    
    .fact-counter .counter-block{
        margin: 15px auto;
        max-width: 210px;
        width: 100%;
    }

    .fact-counter{
        padding: 50px 0px;
    }
    
    .testimonial-video .testimonial-column .testimonial-content{
        padding: 65px 30px 20px 30px;
    }
    
    .main-header.style-two .header-top .header-info{
        margin-top: 0px;
        margin-bottom: 15px;
    }
    
    .main-header.style-two .outer-content{
        float: none;
        display: block;
        text-align: center;
    }
    
    .about-style-two .image-inner .image-box{
        margin-bottom: 30px;
    }

    .about-style-two .image-inner{
        margin-bottom: 0px;
    }
    
    .classes-section.style-three{
        padding: 64px 0px 40px 0px;
    }
    
    .activities-section.style-two{
        padding-bottom: 25px;
    }
    
    .testimonial-style-two{
        padding: 65px 0px;
    }
    
    .news-section.style-two,
    .about-section.style-two,
    .faq-page-section,
    .class-details,
    .blog-details{
        padding: 65px 0px 70px 0px;
    }
    
    .contact-section .outer-container .contact-column .content-box{
        padding: 65px 15px 70px 15px;
    }
    
    .contact-section .outer-container .contact-column .content-box{
        max-width: 100%;
    }

    .main-footer .footer-bottom .left-content{
        margin-top: 0px;
    }
    
    .class-details .inner-box .info-box li{
        width: 50%;
        margin: 0px;
    }
    
    .class-details .inner-box .info-box{
        padding-left: 80px;
    }
    
    .class-details .inner-box .info-box li .thumb-box{
        left: -65px;
    }
    
    .class-details .inner-box .info-box li:first-child{
        padding-left: 0px;
    }

    .class-details .inner-box .info-box li{
        margin: 5px 0px;
    }
    
    .gallery-page-section{
        padding: 62px 0px 40px 0px;
    }
    
    .our-teachers.teachers-page-section .block-column:last-child .teachers-block-one{
        margin-bottom: 0px;
    }
    
    .event-block-one .inner-box{
        padding: 20px 15px 28px 0px;
    }
    
    .event-page-section,
    .shop-details{
        padding: 70px 0px 40px 0px;
    }
    
    .event-details,
    .shop-section,
    .cart-section,
    .checkout-section{
        padding: 70px 0px;
    }
    
    .contact-info-section{
        padding-bottom: 40px;
    }

    .classes-page-section,
    .classes-section,
    .our-teachers{
        padding-bottom: 40px;
    }
    
    .offer-section{
        padding: 64px 0px 40px 0px;
    }
    
    .main-slider .video-slide {
        height: 420px;
    }

    .main-footer .footer-top{
        padding: 55px 0px 60px;
    }
    
    .main-footer .footer-bottom{
        padding: 22px 0px;
    }
    
    .main-footer .footer-bottom .footer-bottom-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 22px;
        min-height: auto;
        text-align: center;
    }
    
    .main-footer .footer-virtua,
    .main-footer .footer-bottom .footer-logo,
    .main-footer .footer-links{
        justify-self: auto;
    }
    
    .main-footer .footer-virtua{
        order: 2;
    }
    
    .main-footer .footer-bottom .footer-logo{
        order: 1;
    }
    
    .main-footer .footer-links{
        order: 3;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 20px;
    }

    .main-footer .footer-bottom .footer-logo:before{
        display: none;
    }
    
    .ouvidoria-page .ouvidoria-apresentacao {
        padding: 72px 0;
    }
    
    .ouvidoria-page
    .ouvidoria-apresentacao__conteudo
    .sec-title h1 {
        font-size: 34px;
    }
    
    .ouvidoria-page .ouvidoria-canais {
        padding: 36px 28px;
        border-radius: 24px;
    }
    
    .ouvidoria-page .ouvidoria-canais__titulo h2 {
        font-size: 26px;
    }
    
    .ouvidoria-page .ouvidoria-form-area {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .ouvidoria-page .ouvidoria-form {
        padding: 40px 25px;
        border-radius: 24px;
    }

    .home-main-slider {
        --home-slider-height: 500px;
    }
    
    .home-main-slider h1 {
        font-size: 36px;
        line-height: 44px;
    }
    
    .home-main-slider h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .scroll-top.open {
        bottom: 20px;
    }
    
    .whatsapp-float {
        right: 20px;
        bottom: 20px;
        width: 54px;
        height: 54px;
        font-size: 27px;
    }

    .scroll-top {
        left: 20px;
    }
    
    .scroll-top.open {
        bottom: 20px;
    }
    
    .whatsapp-float {
        right: 20px;
        bottom: 20px;
        width: 54px;
        height: 54px;
        font-size: 27px;
    }

    .home-main-slider .slide > .container {
        padding-left: 45px;
        padding-right: 45px;
    }
    
    .home-main-slider .slide:not(.video-slide) .content-box {
        transform: translateX(0);
        max-width: 100%;
    }
    
    .home-main-slider h1 {
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 22px;
    }
    
    .home-main-slider h3 {
        font-size: 20px;
        line-height: 27px;
    }
    
    .home-main-slider .theme-btn {
        padding: 14px 28px;
        font-size: 13px;
    }
    
    .home-main-slider .slide-desenvolvimento .content-box {
        max-width: 100%;
    }
    
    .home-main-slider .slide-desenvolvimento h1 {
        font-size: 28px;
        line-height: 1.35;
    }
    
    .depoimentos-page {
        padding: 78px 0 72px;
    }
    
    .depoimentos-page__title {
        margin-bottom: 38px;
    }
    
    .depoimentos-page__title h1 {
        font-size: 29px;
        line-height: 1.3;
    }
    
    .depoimentos-page__title p {
        font-size: 15px;
    }
    
    .depoimentos-page .testimonials-carousel {
        margin: 0;
        padding: 0 46px;
    }
    
    .depoimentos-page .testimonials-carousel:not(.owl-loaded) {
        grid-template-columns: 1fr;
        padding: 0;
    }
    
    .depoimentos-page .testimonial-slide {
        padding: 0 8px;
    }
    
    .depoimentos-page .testimonial-item {
        min-height: 360px;
    }
    
    .depoimentos-page .testimonials-carousel .owl-nav .owl-prev,
    .depoimentos-page .testimonials-carousel .owl-nav .owl-next {
        width: 40px;
        height: 40px;
    }
    
    #modalDepoimento .modal-dialog {
        width: calc(100% - 20px);
        margin: 10px auto;
    }
    
    #modalDepoimento .modal-header,
    #modalDepoimento .modal-body,
    #modalDepoimento .modal-footer {
        padding-right: 20px;
        padding-left: 20px;
    }

    #modalDepoimento .modal-title {
        padding-right: 12px;
        font-size: 20px;
    }
    
    #modalDepoimento .modal-footer {
        flex-direction: column-reverse;
    }
    
    #modalDepoimento .modal-footer .theme-btn {
        width: 100%;
    }

    .page-banner-area,
    .blog-listing-hero {
        min-height: 280px;
        padding: 70px 0;
    }

    .page-banner-area .page-title h1,
    .blog-listing-hero__content h1 {
        font-size: 40px;
    }

    .blog-listing-page {
        padding: 68px 0 78px;
    }

    .blog-listing-page .blog-filter-bar,
    .blog-listing-page .blog-filter-actions,
    .blog-listing-page .blog-sort-form {
        align-items: stretch;
        flex-direction: column;
    }

    .blog-listing-page .blog-filter-bar {
        gap: 18px;
        padding: 20px;
    }

    .blog-listing-page .blog-filter-actions,
    .blog-listing-page .blog-sort-form {
        width: 100%;
    }

    .blog-listing-page .blog-sort-form select,
    .blog-listing-page .blog-clear-filters-form button {
        width: 100%;
    }

    .blog-listing-page .blog-standard-content {
        padding: 28px 25px 32px;
    }

    .blog-listing-page .blog-standard-content h2 {
        font-size: 24px;
    }

    .blog-listing-page .blog-standard-image {
        aspect-ratio: 16 / 10;
    }

    .blog-listing-page .blog-standard-image__overlay {
        right: 18px;
        bottom: 18px;
        width: 50px;
        height: 50px;
        opacity: 1;
        transform: none;
    }

    .blog-listing-page .blog-sidebar-mobile .blog-sidebar {
        display: block;
    }

    .blog-listing-page .blog-sidebar-mobile .widget:not(:last-child) {
        margin-bottom: 22px !important;
    }
    
    .vb-location {
        padding: 65px 0 75px;
    }

    .vb-location__container {
        padding: 0 20px;
    }

    .vb-location__title {
        font-size: 34px;
    }

    .vb-location__address {
        font-size: 14px;
    }

    .vb-location__map {
        aspect-ratio: 4 / 3;
        border-radius: 18px;
    }

    .vb-location__button {
        width: 100%;
    }

    .vb-location__card {
        padding: 27px 23px;
        border-radius: 18px;
    }
    
    .blog-detail-banner {
        min-height: 330px;
        padding: 70px 0;
        background-position: center;
    }

    .blog-detail-banner::after {
        right: -130px;
        bottom: -235px;
    }

    .blog-detail-banner .page-title {
        font-size: 38px;
    }

    .blog-detail-banner .breadcrumb-item.active {
        max-width: 170px;
    }

    .blog-details-page {
        padding: 65px 0 75px;
    }
    
    .blog-details-card {
        border-radius: 18px;
    }

    .blog-details-card > .image {
        aspect-ratio: 4 / 3;
    }

    .blog-details-card__body {
        padding: 30px 24px 35px;
    }

    .blog-details-card .title {
        font-size: 29px;
    }

    .blog-details-lead {
        padding: 19px 20px;
        font-size: 16px;
    }

    .blog-article-content h2 {
        font-size: 23px;
    }

    .blog-details-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .blog-share-buttons {
        width: 100%;
    }
    
    .bercario-page__banner {
        min-height: 300px;
        padding: 70px 0;
    }
    
    .bercario-page__banner .content-box h1 {
        font-size: 40px;
    }
    
    .bercario-apresentacao,
    .bercario-informacoes,
    .bercario-rotina {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    
    .bercario-apresentacao__conteudo .sec-title h1,
    .bercario-rotina__conteudo .sec-title h1 {
        font-size: 34px;
        line-height: 1.28;
    }
    
    .bercario-apresentacao__lista,
    .bercario-rotina__lista {
        grid-template-columns: 1fr;
    }
    
    .bercario-apresentacao__imagem,
    .bercario-rotina__imagem {
        padding: 8px;
        border-radius: 24px;
    }
    
    .bercario-apresentacao__imagem img,
    .bercario-rotina__imagem img {
        height: 400px;
        border-radius: 18px;
    }

    .bercario-informacoes__titulo {
        margin-bottom: 42px;
    }
    
    .bercario-card {
        min-height: 0;
    }
    
    .bercario-cta {
        padding-bottom: 72px;
    }
    
    .bercario-cta__conteudo {
        padding: 40px 30px;
        border-radius: 24px;
    }
    
    .bercario-cta__conteudo h2 {
        font-size: 28px;
    }

    .bercario-cta__botao {
        width: 100%;
        min-width: 0;
    }
    
    .contato-page .contato-info-area {
        padding: 72px 0 52px;
    }
    
    .contato-page .section-title .sub-title-two {
        padding: 0 42px;
        font-size: 15px;
    }
    
    .contato-page .section-title .sub-title-two::before,
    .contato-page .section-title .sub-title-two::after {
        width: 25px;
    }
    
    .contato-page .section-title h2 {
        font-size: 31px;
    }
    
    .contato-page .contact-card-side,
    .contato-page .contact-card-middle {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .contato-page .contact-info-box {
        min-height: 0;
    }
    
    .contato-page .contato-form-area {
        padding: 10px 0 72px;
    }
    
    .contato-page .contact-form {
        padding: 40px 25px !important;
        border-radius: 24px;
    }
    
    .contato-page .contact-form .row {
        margin-right: -8px;
        margin-left: -8px;
    }
    
    .contato-page .contact-form [class*="col-"] {
        padding-right: 8px;
        padding-left: 8px;
    }
    
    .contato-page .contact-page-map {
        height: 400px;
    }
    
    .visita-page .visita-apresentacao {
        padding: 72px 0;
    }
    
    .visita-page
    .visita-apresentacao__conteudo
    .sec-title h1 {
        font-size: 34px;
    }
    
    .visita-page .visita-passos {
        padding: 36px 28px;
        border-radius: 24px;
    }
    
    .visita-page .visita-passos__titulo h2 {
        font-size: 26px;
    }
    
    .visita-page .visita-form-area {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    
    .visita-page .visita-form {
        padding: 40px 25px;
        border-radius: 24px;
    }

    .visita-page .visita-form__grupo {
        margin-bottom: 30px;
    }

    .trabalhe-page .trabalhe-apresentacao {
        padding: 72px 0;
    }
    
    .trabalhe-page
    .trabalhe-apresentacao__conteudo
    .sec-title h1 {
        font-size: 34px;
    }
    
    .trabalhe-page .trabalhe-diferenciais {
        padding: 36px 28px;
        border-radius: 24px;
    }
    
    .trabalhe-page .trabalhe-diferenciais__titulo h2 {
        font-size: 26px;
    }
    
    .trabalhe-page .trabalhe-form-area {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    
    .trabalhe-page .trabalhe-form {
        padding: 40px 25px;
        border-radius: 24px;
    }

    .ensino-page .ensino-apresentacao {
        padding: 75px 0;
    }
    
    .ensino-page .ensino-apresentacao__titulo {
        margin-bottom: 45px;
    }
    
    .ensino-page .ensino-apresentacao__titulo h1 {
        font-size: 32px;
        line-height: 1.35;
    }
    
    .ensino-page .ensino-card__imagem,
    .ensino-page .ensino-card--horizontal .ensino-card__imagem {
        height: 240px;
    }

    .depoimento-modal-content .depoimento-modal-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .depoimento-modal-content .depoimento-recaptcha-wrap {
        width: 100%;
        justify-content: flex-start;
    }

    .depoimento-modal-content .depoimento-modal-actions {
        width: 100%;
        margin-left: 0;

        justify-content: flex-end;
    }

    #modalDepoimento .depoimento-modal-footer {
        flex-direction: column;
        align-items: stretch;

        padding-right: 20px;
        padding-left: 20px;
    }

    #modalDepoimento .depoimento-recaptcha-wrap {
        justify-content: center;
        width: 100%;
    }

    #modalDepoimento .depoimento-modal-actions {
        flex-direction: column-reverse;

        width: 100%;
        margin-left: 0;
    }

    #modalDepoimento .depoimento-modal-actions .theme-btn {
        width: 100%;
    }

    #modalDepoimento .depoimento-modal-footer {
        grid-template-columns: 1fr;
        row-gap: 18px;

        padding-right: 20px;
        padding-left: 20px;
    }

    #modalDepoimento .depoimento-recaptcha-wrap {
        justify-self: center;
    }

    #modalDepoimento .depoimento-modal-actions {
        flex-direction: column-reverse;
        justify-self: stretch;

        width: 100%;
    }

    #modalDepoimento .depoimento-modal-actions .theme-btn {
        width: 100%;
    }
    
    .basic-page .basic-page__banner { 
        min-height: 300px; 
        padding: 70px 0; 
    }
    
    .basic-page .basic-page__banner .content-box h1 { 
        font-size: 39px; 
    }
    
    .basic-page .basic-sobre__conteudo .sec-title h1,
    .basic-page .basic-proposta__conteudo .sec-title h1,
    .basic-page .basic-principios__titulo h1 { 
        font-size: 34px; 
    }
    
    .basic-page .basic-sobre__visual { 
        min-height: 470px; 
    }

    .basic-page .basic-sobre__imagem--principal { 
        width: 75%; 
        height: 350px; 
    }
    
    .basic-page .basic-sobre__imagem--secundaria { 
        width: 58%; 
        height: 235px; 
    }
    
    .basic-page .basic-sobre__selo { 
        right: 10px; 
        width: 125px; 
        height: 125px; 
    }
    
    .basic-page .basic-destaques { 
        grid-template-columns: 1fr; 
        margin-top: 65px; 
    }
    
    .basic-page .basic-proposta__lista { 
        grid-template-columns: 1fr; 
    }
    
    .basic-page .basic-proposta__imagem img { 
        height: 420px; 
    }
    
    .basic-page .basic-cta__conteudo { 
        padding: 40px 30px; 
    }
        
    .basic-page .basic-cta__conteudo h2 { 
        font-size: 28px; 
    }
        
    .basic-page .basic-cta__botao { 
        width: 100%; 
        min-width: 0; 
    }
}

@media only screen and (max-width: 599px){
    .main-slider .owl-nav{
        display: none;
    }
    
    .main-slider .slide,
    .main-slider.style-two .slide{
        padding: 95px 0px 100px 0px;
    }
    
    .testimonial-video .video-column .video-inner{
        padding: 150px 0px;
    }
    
    .main-slider.style-three .slide{
        padding: 100px 0px 200px 0px;
    }
    
    .testimonial-style-two .owl-dots{
        display: none;
    }
    
    .page-title{
        padding: 93px 0px 100px 0px;
    }
    
    .blog-details .blog-details-content .comments-area .comment.replay-comment{
        margin-left: 0px;
    }
    
    .faq-content{
        height: auto;
    }

    .faq-page-section .faq-content{
        height: auto;
    }
    
    .countdown-box{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .sec-title h1{
        font-size: 35px;
        line-height: 40px;
    }
    
    .page-title .content-box h1{
        font-size: 40px;
        line-height: 45px;
    }
    
    .error-section .content-box h1{
        font-size: 160px;
    }
}

@media (max-width: 575px) {
    .galeria-page {
        padding: 70px 0;
    }

    .galeria-grupo__titulo h2 {
        font-size: 27px;
    }

    .galeria-grupo__fotos {
        grid-template-columns: 1fr;
    }

    .galeria-lightbox {
        padding: 65px 12px 20px;
    }

    .galeria-lightbox__fechar {
        top: 12px;
        right: 12px;
    }
}

@media only screen and (max-width: 499px){
    .main-header .header-top .header-info li:before{
        display: none;
    }
    
    .event-block-one .inner-box .image-box{
        position: relative;
        width: 100%;
        height: auto;
        border-radius: 30px;
        margin-bottom: 20px;
    }
    
    .event-block-one .inner-box .content-box{
        padding-left: 15px;
    }
    
    .event-block-one .inner-box{
        padding: 0px 0px 30px 0px;
    }
    
    .class-details .inner-box .info-box li{
        width: 100%;
    }
    
    .gallery-page-section .filter-tabs li{
        margin: 5px 12px;
    }
    
    .countdown-timer .counter-column{
        margin-bottom: 10px;
    }
    
    .countdown-box{
        padding-top: 40px;
    }
    
    .shop-section .item-sorting .result-column,
    .shop-section .item-sorting .select-box{
        float: none;
        display: block;
    }

    .shop-section .item-sorting .result-column{
        top: 0px;
        margin-bottom: 10px;
    }
    
    .shop-section .item-sorting .select-box .ui-state-default{
        width: 100% !important;
    }
    
    .cart-section .table-outer .othre-content .theme-btn{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .cart-section .table-outer .othre-content .update-btn{
        float: none;
        display: block;
        width: 100%;
    }
    
    .blog-details .blog-details-content .comments-area .comment .replay-btn{
        position: relative;
        top: 0px;
        margin-top: 10px;
    }
    
    .main-header .header-top .header-info li{
        margin: 0px 15px;
    }

    .cta-section .content-box h1{
        font-size: 45px;
        line-height: 50px;
    }
    
    .testimonial-block-two .inner-box{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .news-block-two .inner-box .lower-content{
        padding-left: 30px;
        padding-right: 15px;
    }
    
    .news-block-two .inner-box .lower-content .info-box li{
        margin-right: 20px;
    }
    
    .news-block-two .inner-box .lower-content .info-box li:before{
        right: -12px;
    }
    
    .event-details .event-details-sidebar .inner-box{
        padding-left: 20px;
        padding-right: 15px;
    }
    
    .blog-details .sidebar .sidebar-widget{
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .page-banner-area .page-title h1,
    .blog-listing-hero__content h1 {
        font-size: 34px;
    }

    .blog-listing-page .blog-standard-content {
        padding: 24px 20px 28px;
    }

    .blog-listing-page .blog-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .blog-listing-page .blog-read-more {
        width: 100%;
    }

    .blog-listing-page .pagination .page-link {
        width: 45px;
        height: 45px;
        font-size: 14px;
    }
    
    .news-block-one{
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .home-main-slider {
        --home-slider-height: 440px;
    }
    
    .home-main-slider h1 {
        font-size: 30px;
        line-height: 38px;
    }
    
    .ouvidoria-page .ouvidoria-apresentacao {
        padding: 62px 0;
    }
    
    .ouvidoria-page
    .ouvidoria-apresentacao__conteudo
    .sec-title h1 {
        font-size: 29px;
    }
    
    .ouvidoria-page
    .ouvidoria-apresentacao__conteudo
    .ouvidoria-apresentacao__destaque {
        font-size: 17px;
    }
    
    .ouvidoria-page .ouvidoria-canais {
        padding: 32px 22px;
    }
    
    .ouvidoria-page .ouvidoria-form {
        padding: 35px 20px;
    }
    
    .ouvidoria-page .ouvidoria-form__grupo > h3 {
        font-size: 18px;
    }
    
    .ouvidoria-page .ouvidoria-form .form-control {
        height: 56px;
        font-size: 14px;
    }
    
    .ouvidoria-page .ouvidoria-form textarea.form-control {
        height: 190px;
    }

    .ouvidoria-page .ouvidoria-form .theme-btn {
        width: 100%;
        min-width: 0;
        padding-right: 18px;
        padding-left: 18px;
    }
    
    .home-main-slider .slide > .container {
        padding-left: 28px;
        padding-right: 28px;
    }
    
    .home-main-slider h1 {
        font-size: 27px;
        line-height: 33px;
    }
    
    .home-main-slider h3 {
        font-size: 18px;
        line-height: 25px;
    }
    
    .depoimentos-page .testimonials-carousel {
        padding: 0 34px;
    }
    
    .depoimentos-page .testimonial-slide {
        padding: 0;
    }
    
    .depoimentos-page .testimonial-item {
        min-height: 0;
        padding: 24px 20px;
        border-radius: 19px;
    }
    
    .depoimentos-page .author-image {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }
    
    .depoimentos-page .testimonials-carousel .owl-nav .owl-prev,
    .depoimentos-page .testimonials-carousel .owl-nav .owl-next {
        width: 34px;
        height: 34px;
    }
    
    .depoimentos-page .testimonials-carousel .owl-nav i {
        font-size: 13px;
    }
    
    .depoimentos-page__cta {
        width: 100%;
        padding-right: 22px;
        padding-left: 22px;
    }

    #modalDepoimento .modal-body {
        padding-top: 22px;
        padding-bottom: 22px;
    }
    
    .depoimento-preview-card {
        padding: 21px 18px;
    }
    
    .vb-location__title {
        font-size: 29px;
    }

    .vb-location__eyebrow {
        font-size: 13px;
    }

    .vb-location__eyebrow::before,
    .vb-location__eyebrow::after {
        width: 14px;
    }

    .vb-location__card-title {
        font-size: 19px;
    }

    .blog-detail-banner .page-title {
        font-size: 33px;
    }

    .blog-details-card__body {
        padding-right: 20px;
        padding-left: 20px;
    }

    .blog-details-card .image-caption-badge {
        right: 14px;
        left: 14px;
        bottom: 14px;
        max-width: none;
    }

    .blog-details-card .blog-meta span {
        width: 100%;
    }

    .blog-details-actions .blog-back-button {
        width: 100%;
    }

    .blog-share-buttons > span {
        width: 100%;
        margin-bottom: 3px;
    }

    
    .bercario-page__banner {
        min-height: 260px;
    }
    
    .bercario-page__banner .content-box h1 {
        font-size: 35px;
    }
    
    .bercario-page__banner .bread-crumb li {
        font-size: 13px;
    }
    
    .bercario-apresentacao,
    .bercario-informacoes,
    .bercario-rotina {
        padding-top: 62px;
        padding-bottom: 62px;
    }
    
    .bercario-apresentacao__conteudo .sec-title h1,
    .bercario-rotina__conteudo .sec-title h1 {
        font-size: 29px;
    }
    
    .bercario-apresentacao__conteudo
    .bercario-apresentacao__destaque {
        font-size: 17px;
    }
    
    .bercario-apresentacao__imagem img,
    .bercario-rotina__imagem img {
        height: 320px;
    }

    .bercario-card {
        padding: 32px 26px;
    }
    
    .bercario-cta__conteudo {
        padding: 35px 24px;
    }
    
    .bercario-cta__conteudo h2 {
        font-size: 24px;
    }
    
    .contato-page .section-title h2 {
        font-size: 27px;
    }
    
    .contato-page .contact-info-box {
        padding: 33px 24px;
    }
    
    .contato-page .contact-form {
        padding: 35px 20px !important;
    }
    
    .contato-page .contact-form .form-control {
        height: 56px;
        font-size: 14px;
    }
    
    .contato-page .contact-form textarea.form-control {
        height: 165px;
    }

    .contato-page .contact-form .theme-btn {
        width: 100%;
        min-width: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .contato-page .contact-page-map {
        height: 340px;
    }
    
    .visita-page .visita-apresentacao {
        padding: 62px 0;
    }
    
    .visita-page
    .visita-apresentacao__conteudo
    .sec-title h1 {
        font-size: 29px;
    }
    
    .visita-page
    .visita-apresentacao__conteudo
    .visita-apresentacao__destaque {
        font-size: 17px;
    }
    
    .visita-page .visita-passos {
        padding: 32px 22px;
    }
    
    .visita-page .visita-passo {
        gap: 14px;
    }
    
    .visita-page .visita-passo__numero {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }
    
    .visita-page .visita-form {
        padding: 35px 20px;
    }
    
    .visita-page .visita-form__grupo > h3 {
        font-size: 18px;
    }
    
    .visita-page .visita-form .form-control {
        height: 56px;
        font-size: 14px;
    }
    
    .visita-page .visita-form textarea.form-control {
        height: 160px;
    }
    
    .visita-page .visita-form .theme-btn {
        width: 100%;
        min-width: 0;
        
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .trabalhe-page .trabalhe-apresentacao {
        padding: 62px 0;
    }
    
    .trabalhe-page
    .trabalhe-apresentacao__conteudo
    .sec-title h1 {
        font-size: 29px;
    }
    
    .trabalhe-page
    .trabalhe-apresentacao__conteudo
    .trabalhe-apresentacao__destaque {
        font-size: 17px;
    }
    
    .trabalhe-page .trabalhe-diferenciais {
        padding: 32px 22px;
    }
    
    .trabalhe-page .trabalhe-form {
        padding: 35px 20px;
    }
    
    .trabalhe-page .trabalhe-form__grupo > h3 {
        font-size: 18px;
    }
    
    .trabalhe-page .trabalhe-form .form-control {
        height: 56px;
        font-size: 14px;
    }
    
    .trabalhe-page .trabalhe-form textarea.form-control {
        height: 175px;
    }
    
    .trabalhe-page .trabalhe-form .theme-btn {
        width: 100%;
        min-width: 0;
    }
    
    .basic-page .basic-page__banner .content-box h1 { font-size: 33px; }
    
    .basic-page .basic-sobre__conteudo .sec-title h1,
    .basic-page .basic-proposta__conteudo .sec-title h1,
    .basic-page .basic-principios__titulo h1 { 
        font-size: 29px; 
    }
    
    .basic-page .basic-sobre__visual { 
        min-height: 390px; 
    }
    
    .basic-page .basic-sobre__imagem--principal { 
        width: 82%; 
        height: 295px; 
    }
    
    .basic-page .basic-sobre__imagem--secundaria { 
        width: 63%; 
        height: 190px; 
    }
    
    .basic-page .basic-sobre__selo { 
        width: 105px; 
        height: 105px; 
        border-width: 5px; 
    }
    
    .basic-page .basic-proposta__imagem img { 
        height: 330px; 
    }
    
    .basic-page .basic-cta__conteudo { 
        padding: 35px 24px; 
    }
    
    .basic-page .basic-cta__conteudo h2 { 
        font-size: 24px; 
    }
    
    .ensino-page .ensino-card__conteudo {
        padding: 27px 23px 30px;
    }
}

@media only screen and (max-width: 399px){
    .main-slider h1{
        font-size: 45px;
        line-height: 50px;
    }
    
    .accordion-box .block .acc-btn h4{
        padding-right: 30px;
    }
    
    .testimonial-block .inner-box{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .testimonial-faq .owl-carousel .owl-item{
        margin-right: 0px !important;
    }
    
    .testimonial-content .client-thumb-outer .owl-item.active .thumb-item{
        width: 90px;
        top: 0px;
    }
    
    .testimonial-content .owl-item.active .thumb-item .thumb-box{
        width: 90px;
        height: 90px;
    }
    
    .pagination li{
        margin: 0px 3px;
    }
    
    .checkout-section .order-info .text span,
    .checkout-section .order-info .text h4{
        float: none;
        display: block;
    }

    .checkout-section .order-info .order-product .single-item {
        padding-top: 10px;
    }
}







/* =========================================================
   HOME - AJUSTES RESPONSIVOS FINAIS
   Este bloco deve permanecer no final do responsive.css
========================================================= */

@media only screen and (max-width: 1199px) {
    .home-page .home-main-slider {
        --home-slider-height: 620px;
    }

    .home-page .home-main-slider .main-slider-carousel,
    .home-page .home-main-slider .owl-stage-outer,
    .home-page .home-main-slider .owl-stage,
    .home-page .home-main-slider .owl-item,
    .home-page .home-main-slider .slide,
    .home-page .home-main-slider .video-slide {
        height: var(--home-slider-height) !important;
    }

    .home-page .home-main-slider .slide {
        padding: 0 !important;
    }

    .home-page .home-main-slider .slide:not(.video-slide) .content-box {
        max-width: 560px;
        transform: none;
    }

    .home-page .main-slider .owl-nav .owl-prev,
    .home-page .main-slider .owl-nav .owl-next {
        width: 58px;
        height: 58px;
        line-height: 58px;
    }

    .home-page .main-slider .nav-style-one .owl-nav .owl-prev {
        left: 22px;
    }

    .home-page .main-slider .nav-style-one .owl-nav .owl-next {
        right: 22px;
    }

    .home-page .about-section {
        padding-top: 100px;
        padding-bottom: 110px;
    }

    .home-page .about-section .image-box {
        width: 450px;
        height: 560px;
    }

    .home-page .about-section .image-box .image {
        width: 350px;
        height: 400px;
    }

    .home-page .about-section .image-box .image-2 {
        top: 175px;
    }

    .home-page .service-section .carousel-content {
        margin-right: 0;
    }

    .home-page .activities-section .image-box {
        margin-top: 165px;
        margin-left: 25px;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-content {
        padding: 100px 30px 90px 70px;
    }

    .home-page .news-block-one .inner-box .image-box {
        flex-basis: 260px;
        height: 260px;
    }

    .home-page .gallery-section {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .home-page .home-main-slider {
        --home-slider-height: 540px;
    }

    .home-page .home-main-slider .slide > .container {
        width: 100%;
        max-width: 100%;
        padding-right: 34px;
        padding-left: 34px;
    }

    .home-page .home-main-slider .slide:not(.video-slide) .content-box {
        width: 100%;
        max-width: 470px;
    }

    .home-page .home-main-slider h1 {
        font-size: 38px;
        line-height: 1.25;
    }

    .home-page .home-main-slider h3 {
        font-size: 22px;
        line-height: 1.35;
    }

    .home-page .about-section .row {
        align-items: center;
    }

    .home-page .about-section .image-box {
        position: relative;
        width: 580px;
        max-width: 100%;
        height: 530px;
        margin: 0 auto 55px;
    }

    .home-page .about-section .image-box .image {
        position: absolute;
        width: 360px;
        height: 405px;
    }

    .home-page .about-section .image-box .image-1 {
        top: 0;
        right: 20px;
        left: auto;
        margin: 0;
    }

    .home-page .about-section .image-box .image-2 {
        position: absolute;
        top: 125px;
        right: auto;
        left: 20px;
        margin: 0;
    }

    .home-page .about-section .content-box {
        padding-top: 0;
    }

    .home-page .service-section {
        padding-top: 85px;
        padding-bottom: 90px;
        background-attachment: scroll;
    }

    .home-page .service-section .inner-content {
        max-width: 680px;
        margin: 0 auto 42px;
        text-align: center;
    }

    .home-page .service-section .service-block-one,
    .home-page .service-block-one .inner-box {
        min-height: 350px;
    }

    .home-page .service-block-one .inner-box {
        padding: 65px 26px 55px;
    }

    .home-page .activities-section {
        padding-top: 90px;
        padding-bottom: 85px;
    }

    .home-page .activities-section .title-box {
        margin-bottom: 48px;
    }

    .home-page .activities-section .image-box {
        max-width: 680px;
        margin: 25px auto 0;
    }

    .home-page .activities-section .image-box .image {
        float: none;
        width: 100%;
    }

    .home-page .testimonial-video .outer-container {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .home-page .testimonial-video .video-column {
        position: relative;
        order: 1;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .home-page .testimonial-video .video-column .video-inner {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        min-height: 410px;
        padding: 0;
    }

    .home-page .testimonial-video .testimonial-column {
        order: 2;
        float: none;
        width: 100%;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-content {
        width: 100%;
        max-width: 760px;
        margin: 0 auto;
        padding: 70px 30px 80px;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-block .inner-box .text {
        padding-top: 55px;
    }

    .home-page .news-section {
        padding-top: 90px;
        padding-bottom: 105px;
    }

    .home-page .news-section .sec-title {
        margin-bottom: 48px;
    }

    .home-page .news-section .news-block:last-child:nth-child(odd) {
        margin-right: auto;
        margin-left: auto;
    }

    .home-page .gallery-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .home-page .gallery-title-link .sec-title {
        margin-bottom: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .home-page .home-main-slider {
        --home-slider-height: 480px;
    }

    .home-page .home-main-slider .slide > .container {
        padding-right: 24px;
        padding-left: 24px;
    }

    .home-page .home-main-slider .slide:not(.video-slide)::before {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(255, 255, 255, 0.78) 68%,
            rgba(255, 255, 255, 0.28) 100%
        );
    }

    .home-page .home-main-slider .slide:not(.video-slide) .content-box {
        max-width: 100%;
    }

    .home-page .home-main-slider h1 {
        font-size: 31px;
        line-height: 1.23;
        margin-bottom: 20px;
    }

    .home-page .home-main-slider h3 {
        font-size: 19px;
        line-height: 1.35;
    }

    .home-page .home-main-slider .theme-btn {
        padding: 14px 26px;
        font-size: 13px;
    }

    .home-page .home-main-slider .owl-nav {
        display: none;
    }

    .home-page .about-section {
        padding-top: 70px;
        padding-bottom: 75px;
    }

    .home-page .about-section .image-box {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: 100%;
        height: auto;
        margin-bottom: 45px;
    }

    .home-page .about-section .image-box .image,
    .home-page .about-section .image-box .image-1,
    .home-page .about-section .image-box .image-2 {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 390 / 440;
        margin: 0;
        padding: 10px;
        border-radius: 24px;
    }

    .home-page .about-section .image-box .image img {
        border-radius: 17px;
    }

    .home-page .about-section .content-box .sec-title {
        margin-bottom: 24px;
    }

    .home-page .about-section .content-box p {
        margin-bottom: 32px;
    }

    .home-page .service-section {
        padding-top: 70px;
        padding-bottom: 75px;
    }

    .home-page .service-section .inner-content {
        margin-bottom: 35px;
    }

    .home-page .service-section .service-block-one,
    .home-page .service-block-one .inner-box {
        min-height: 0;
    }

    .home-page .service-block-one .inner-box {
        padding: 50px 24px 45px;
    }

    .home-page .service-block-one .icon-box {
        margin-bottom: 20px;
    }

    .home-page .service-block-one h3 {
        margin-bottom: 18px;
    }

    .home-page .activities-section {
        padding-top: 72px;
        padding-bottom: 70px;
    }

    .home-page .activities-section .title-box {
        margin-bottom: 38px;
    }

    .home-page .activities-section .inner-box .single-item {
        margin-bottom: 38px;
        text-align: center;
    }

    .home-page .activities-section .image-box {
        margin-top: 5px;
    }

    .home-page .activities-section .image-box .image {
        padding: 10px;
        border-radius: 18px;
    }

    .home-page .activities-section .image-box .image img {
        border-radius: 14px;
    }

    .home-page .testimonial-video .video-column {
        padding: 15px;
    }

    .home-page .testimonial-video .video-column .video-inner {
        min-height: 330px;
        border-radius: 18px;
    }

    .home-page .testimonial-video .video-column .video-inner a {
        width: 88px;
        height: 88px;
        line-height: 88px;
        font-size: 25px;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-content {
        padding: 55px 24px 65px;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-block .inner-box .text {
        padding-top: 48px;
        font-size: 16px;
        line-height: 28px;
    }

    .home-page .news-section {
        padding-top: 72px;
        padding-bottom: 88px;
    }

    .home-page .news-block-one .inner-box .image-box {
        flex-basis: 230px;
        height: 230px;
    }

    .home-page .news-block-one .inner-box .lower-content {
        padding: 27px 22px 50px;
    }

    .home-page .news-block-one .inner-box .lower-content .link-btn {
        left: 22px;
        bottom: -29px;
    }

    .home-page .news-block-one .inner-box .lower-content .link-btn span {
        width: 58px;
        height: 58px;
        line-height: 58px;
    }

    .home-page .gallery-section {
        padding: 72px 12px;
    }

    .home-page .gallery-carousel .owl-stage-outer {
        padding-top: 18px;
    }

    .home-page .gallery-block {
        padding: 6px;
    }

    .home-page .gallery-block .image-box {
        border-radius: 18px;
    }
}

@media only screen and (max-width: 479px) {
    .home-page .home-main-slider {
        --home-slider-height: 420px;
    }

    .home-page .home-main-slider .slide > .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .home-page .home-main-slider h1 {
        font-size: 27px;
        line-height: 1.2;
    }

    .home-page .home-main-slider h3 {
        font-size: 17px;
        line-height: 1.35;
        margin-bottom: 8px;
    }

    .home-page .sec-title h1 {
        font-size: 29px;
        line-height: 1.25;
    }

    .home-page .sec-title h5 {
        padding-left: 40px;
        font-size: 15px;
    }

    .home-page .sec-title h5::before {
        width: 24px;
    }

    .home-page .about-section .image-box {
        gap: 15px;
    }

    .home-page .about-section .image-box .image,
    .home-page .about-section .image-box .image-1,
    .home-page .about-section .image-box .image-2 {
        padding: 8px;
        border-radius: 20px;
    }

    .home-page .about-section .btn-box .theme-btn,
    .home-page .testimonial-video .btn-box .theme-btn,
    .home-page .gallery-section > .container-fluid > .btn-box .theme-btn {
        width: 100%;
    }

    .home-page .service-block-one .inner-box {
        padding: 44px 20px 40px;
    }

    .home-page .activities-section .inner-box .single-item .icon-box {
        font-size: 58px;
        line-height: 58px;
    }

    .home-page .testimonial-video .video-column .video-inner {
        min-height: 255px;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-content {
        padding-right: 20px;
        padding-left: 20px;
    }

    .home-page .news-block-one .inner-box .image-box {
        flex-basis: 205px;
        height: 205px;
    }

    .home-page .gallery-section {
        padding-right: 8px;
        padding-left: 8px;
    }
}







/* =========================================================
   HEADER MOBILE E ESPACAMENTO DO BLOG - AJUSTE FINAL
   Manter este bloco no final do responsive.css
========================================================= */

@media only screen and (max-width: 991px) {
    body {
        padding-top: 72px;
    }

    .main-header .header-top {
        display: none !important;
    }

    .main-header .header-bottom {
        position: relative;
        width: 100%;
        background: #ffffff;
    }

    .main-header .header-bottom > .container {
        position: relative;
        width: 100%;
        max-width: none;
        padding-right: 18px;
        padding-left: 18px;
    }

    .main-header .header-bottom-content {
        position: static;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 72px;
    }

    .main-header .logo-box {
        flex: 0 1 auto;
        max-width: calc(100% - 60px);
        text-align: left;
    }

    .main-header .logo-box .logo,
    .main-header.is-scrolled .logo-box .logo {
        padding: 9px 0;
    }

    .main-header .logo-box .logo img,
    .main-header.is-scrolled .logo-box .logo img {
        width: auto;
        max-width: 205px;
        height: 46px;
    }

    .main-header .nav-outer,
    .main-header .menu-area,
    .main-header .main-menu {
        position: static !important;
        flex: 0 0 auto;
        width: auto;
        margin: 0;
    }

    .main-menu .navbar-header {
        position: static;
        display: block;
        width: auto;
        padding: 0;
        text-align: right;
    }

    .main-menu .navbar-header .navbar-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 7px;
        background: var(--primary-color);
        border-radius: 10px;
        box-shadow: 0 7px 18px rgba(239, 82, 31, 0.22);
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        display: block;
        width: 24px;
        height: 2px;
        margin: 3px 0;
        background: #ffffff;
        border-radius: 999px;
    }

    .main-menu .navbar-collapse,
    .main-menu .collapse,
    .main-menu .collapsing {
        position: absolute;
        z-index: 1000;
        top: 100%;
        right: 0;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 72px);
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        background: #ffffff;
        border: 0;
        border-radius: 0 0 16px 16px;
        box-shadow: 0 18px 32px rgba(0, 0, 0, 0.16);
    }

    .main-menu .navbar-collapse.collapse:not(.show):not(.in) {
        display: none !important;
    }

    .main-menu .navbar-collapse.collapse.show,
    .main-menu .navbar-collapse.collapse.in,
    .main-menu .navbar-collapse.collapsing {
        display: block !important;
    }

    .main-menu .navbar-collapse > .navigation {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 8px 0;
        background: #ffffff;
        border: 0;
    }

    .main-menu .navbar-collapse > .navigation > li {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #ececec !important;
    }

    .main-menu .navbar-collapse > .navigation > li:last-child {
        border-bottom: 0 !important;
    }

    .main-menu .navbar-collapse > .navigation > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        display: block;
        min-height: 0;
        padding: 14px 58px 14px 20px !important;
        color: var(--secondary-color) !important;
        background: #ffffff !important;
        font-size: 15px;
        line-height: 22px;
        font-weight: 700;
        text-align: left;
    }

    .main-menu .navbar-collapse > .navigation > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li.current > a,
    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
        color: var(--primary-color) !important;
        background: #fff6f2 !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        position: relative;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #f7f7f7;
        border: 0 !important;
        box-shadow: none !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul > li {
        padding: 0;
        border-bottom: 1px solid #e6e6e6;
    }

    .main-menu .navbar-collapse > .navigation > li > ul > li:last-child {
        border-bottom: 0;
    }

    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        padding-left: 34px !important;
        background: #f7f7f7 !important;
        font-weight: 600;
    }

    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
        top: 8px;
        right: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 34px;
        line-height: 34px;
        color: var(--primary-color);
        background: #fff6f2;
        border: 1px solid rgba(239, 82, 31, 0.28);
        border-radius: 8px;
    }

    .main-menu .navigation > li.dropdown > a .menu-dropdown-icon {
        display: none;
    }

    .home-page .news-section {
        clear: both;
        padding-top: 90px;
        padding-bottom: 120px;
    }

    .home-page .news-section .sec-title {
        margin-bottom: 52px;
    }

    .home-page .news-section .row {
        row-gap: 78px;
    }

    .home-page .news-section .news-block,
    .home-page .news-section .news-block-one,
    .home-page .news-section .news-block-one .inner-box {
        margin-bottom: 0; 
    }

    .home-page .gallery-section {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 767px) {
    .home-page .news-section {
        padding-top: 82px;
        padding-bottom: 110px;
    }

    .home-page .news-section .sec-title {
        margin-bottom: 44px;
    }

    .home-page .news-section .row {
        row-gap: 74px;
    }
}

@media only screen and (max-width: 479px) {
    body {
        padding-top: 66px;
    }

    .main-header .header-bottom-content {
        min-height: 66px;
    }

    .main-header .logo-box .logo,
    .main-header.is-scrolled .logo-box .logo {
        padding: 8px 0;
    }

    .main-header .logo-box .logo img,
    .main-header.is-scrolled .logo-box .logo img {
        max-width: 172px;
        height: 42px;
    }

    .main-menu .navbar-header .navbar-toggle {
        width: 42px;
        height: 42px;
    }

    .main-menu .navbar-collapse,
    .main-menu .collapse,
    .main-menu .collapsing {
        max-height: calc(100vh - 66px);
    }

    .home-page .news-section {
        padding-top: 72px;
        padding-bottom: 100px;
    }

    .home-page .news-section .row {
        row-gap: 68px;
    }
}




/* =========================================================
   RESPONSIVO - PÁGINA MAPA DO SITE
   Adicione este bloco ao final do responsive.css.
========================================================= */

@media only screen and (max-width: 1199px) {
    .sitemap-page__container {
        max-width: 960px;
    }

    .sitemap-page__hero {
        min-height: 325px;
        padding: 78px 0 72px;
    }

    .sitemap-page__content {
        padding: 82px 0 95px;
    }
}

@media only screen and (max-width: 991px) {
    .sitemap-page__container {
        max-width: 720px;
    }

    .sitemap-page__title {
        font-size: 46px;
    }

    .sitemap-page__grid {
        gap: 24px;
    }

    .sitemap-card {
        padding: 28px 25px 26px;
    }

    .sitemap-card__links {
        grid-template-columns: 1fr;
    }

    .sitemap-page__help {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .sitemap-page__help-button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .sitemap-page__container {
        padding: 0 20px;
    }

    .sitemap-page__hero {
        min-height: 290px;
        padding: 65px 0 60px;
    }

    .sitemap-page__hero::after {
        right: -180px;
        bottom: -245px;
    }

    .sitemap-page__decor--one {
        top: -125px;
        left: -135px;
    }

    .sitemap-page__decor--two {
        display: none;
    }

    .sitemap-page__title {
        font-size: 38px;
    }

    .sitemap-page__intro {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .sitemap-page__content {
        padding: 65px 0 75px;
    }

    .sitemap-page__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sitemap-card:nth-child(5) {
        grid-column: auto;
    }

    .sitemap-card {
        border-radius: 20px;
    }

    .sitemap-card:hover {
        transform: none;
    }

    .sitemap-page__help {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 24px;
        text-align: center;
    }

    .sitemap-page__help-icon {
        margin: 0 auto;
    }

    .sitemap-page__help-button {
        grid-column: auto;
    }
}

@media only screen and (max-width: 479px) {
    .sitemap-page__container {
        padding: 0 16px;
    }

    .sitemap-page__hero {
        min-height: 265px;
        padding: 55px 0 52px;
    }

    .sitemap-page__eyebrow {
        gap: 7px;
        font-size: 12px;
    }

    .sitemap-page__eyebrow::before,
    .sitemap-page__eyebrow::after {
        width: 14px;
    }

    .sitemap-page__title {
        font-size: 32px;
    }

    .sitemap-page__content {
        padding: 52px 0 62px;
    }

    .sitemap-card {
        padding: 25px 20px 22px;
        border-radius: 18px;
    }

    .sitemap-card__header {
        gap: 14px;
        margin-bottom: 22px;
    }

    .sitemap-card__icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        border-radius: 15px;
        font-size: 20px;
    }

    .sitemap-card__title {
        font-size: 20px;
    }

    .sitemap-card__link {
        min-height: 46px;
        padding: 10px 13px;
        font-size: 13px;
    }

    .sitemap-page__help {
        margin-top: 30px;
        padding: 25px 20px;
        border-radius: 18px;
    }

    .sitemap-page__help-content h2 {
        font-size: 20px;
    }
}



/* =========================================================
   Páginas legais — responsivo
========================================================= */

@media only screen and (max-width: 1199px) {
    .legal-page__container {
        width: min(960px, calc(100% - 40px));
    }

    .legal-page__layout,
    .legal-page__layout--preferences {
        grid-template-columns: 250px minmax(0, 1fr);
        gap: 28px;
    }

    .legal-card,
    .legal-card--preferences {
        padding: 44px 42px;
    }
}

@media only screen and (max-width: 991px) {
    .legal-page__banner .content-box h1 {
        font-size: 45px;
    }

    .legal-page__content {
        padding: 82px 0 95px;
    }

    .legal-page__container {
        width: min(720px, calc(100% - 36px));
    }

    .legal-page__layout,
    .legal-page__layout--preferences {
        grid-template-columns: 1fr;
    }

    .legal-page__sidebar-card {
        position: static;
    }

    .legal-page__toc {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px 12px;
    }

    .legal-page__mini-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .cookie-information__grid {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 767px) {
    .legal-page__banner .content-box h1 {
        font-size: 37px;
        line-height: 1.2;
    }

    .legal-page__intro {
        font-size: 16px;
        line-height: 1.7;
    }

    .legal-page__content {
        padding: 68px 0 78px;
    }

    .legal-page__container {
        width: calc(100% - 30px);
    }

    .legal-page__summary {
        align-items: flex-start;
        padding: 22px;
        border-radius: 18px;
    }

    .legal-page__summary-icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        font-size: 20px;
        border-radius: 15px;
    }

    .legal-page__toc {
        grid-template-columns: 1fr;
    }

    .legal-page__mini-list {
        grid-template-columns: 1fr;
    }

    .legal-card,
    .legal-card--preferences {
        padding: 34px 27px;
        border-radius: 22px;
    }

    .legal-card .legal-section h2,
    .cookie-preferences__header h2,
    .cookie-information > h2 {
        font-size: 26px;
    }

    .legal-card .legal-section p {
        font-size: 15px;
        line-height: 1.8;
    }

    .legal-section + .legal-section {
        margin-top: 38px;
        padding-top: 38px;
    }

    .legal-callout {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .legal-callout > i {
        width: 48px;
        height: 48px;
    }

    .legal-callout a {
        grid-column: 1 / -1;
    }

    .legal-contact-box {
        align-items: stretch;
        flex-direction: column;
    }

    .legal-contact-box .theme-btn {
        width: 100%;
    }

    .cookie-option {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 15px;
        padding: 22px 20px;
    }

    .cookie-switch {
        width: 44px;
    }

    .cookie-option__control input:checked + .cookie-switch::before {
        transform: translateX(17px);
    }

    .cookie-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cookie-action-button {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .legal-page__banner .content-box h1 {
        font-size: 31px;
    }

    .legal-page__eyebrow {
        padding: 7px 14px;
        font-size: 11px;
    }

    .legal-page__summary {
        flex-direction: column;
    }

    .legal-page__sidebar-card {
        padding: 26px 22px;
        border-radius: 20px;
    }

    .legal-card,
    .legal-card--preferences {
        padding: 29px 21px;
        border-radius: 19px;
    }

    .legal-card .legal-section h2,
    .cookie-preferences__header h2,
    .cookie-information > h2 {
        font-size: 23px;
    }

    .legal-card .legal-section h3 {
        font-size: 17px;
    }

    .legal-list li {
        padding-left: 25px;
        font-size: 14px;
    }

    .legal-callout {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .cookie-option {
        grid-template-columns: 1fr;
    }

    .cookie-option__control {
        justify-content: flex-start;
    }

    .cookie-option__heading {
        gap: 12px;
    }

    .cookie-option__heading h3 {
        font-size: 18px;
    }
}







/* =========================================================
   Ajuda do campo de vídeo do depoimento
========================================================= */

#modalDepoimento .depoimento-label-com-ajuda {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    margin-bottom: 7px;
}

#modalDepoimento .depoimento-label-com-ajuda > label {
    margin-bottom: 0;
}

#modalDepoimento .depoimento-ajuda {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    z-index: 30;
}

#modalDepoimento .depoimento-ajuda__botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;
    padding: 0;

    color: var(--white-color);
    background: var(--primary-color);

    border: 0;
    border-radius: 50%;

    font-size: 11px;
    line-height: 1;

    cursor: pointer;

    box-shadow: 0 4px 10px rgba(239, 82, 31, 0.22);

    transition:
        color 200ms ease,
        background-color 200ms ease,
        transform 200ms ease,
        box-shadow 200ms ease;
}

#modalDepoimento .depoimento-ajuda__botao i {
    color: inherit;
    font-size: 10px;
    line-height: 1;
}

#modalDepoimento .depoimento-ajuda__botao:hover,
#modalDepoimento .depoimento-ajuda__botao:focus-visible,
#modalDepoimento .depoimento-ajuda.is-pinned
.depoimento-ajuda__botao {
    color: var(--secondary-color);
    background: var(--tertiary-color);

    transform: scale(1.08);

    box-shadow: 0 5px 13px rgba(254, 190, 32, 0.32);
}

#modalDepoimento .depoimento-ajuda__texto {
    position: absolute;
    top: calc(100% + 11px);
    left: 50%;

    width: 300px;
    max-width: calc(100vw - 60px);
    padding: 12px 14px;

    color: var(--white-color);
    background: var(--dark-color);

    border-radius: 10px;

    font-family: var(--font-primary);
    font-size: 12px;
    line-height: 1.55;
    font-weight: 500;
    text-align: left;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateX(-50%) translateY(6px);

    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);

    transition:
        opacity 180ms ease,
        visibility 180ms ease,
        transform 180ms ease;

    z-index: 40;
}

#modalDepoimento .depoimento-ajuda__texto::before {
    position: absolute;
    content: '';

    left: 50%;
    bottom: 100%;

    width: 0;
    height: 0;

    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--dark-color);
    border-left: 7px solid transparent;

    transform: translateX(-50%);
}

/*
 * Abre ao passar o mouse, navegar pelo teclado
 * ou quando estiver fixado pelo clique.
 */
#modalDepoimento .depoimento-ajuda:hover
.depoimento-ajuda__texto,
#modalDepoimento .depoimento-ajuda:focus-within
.depoimento-ajuda__texto,
#modalDepoimento .depoimento-ajuda.is-pinned
.depoimento-ajuda__texto {
    opacity: 1;
    visibility: visible;

    transform: translateX(-50%) translateY(0);
}

/* Ajuste para telas menores */

@media (max-width: 575px) {
    #modalDepoimento .depoimento-ajuda__texto {
        left: 0;

        width: min(270px, calc(100vw - 70px));

        transform: translateY(6px);
    }

    #modalDepoimento .depoimento-ajuda__texto::before {
        left: 4px;

        transform: none;
    }

    #modalDepoimento .depoimento-ajuda:hover
    .depoimento-ajuda__texto,
    #modalDepoimento .depoimento-ajuda:focus-within
    .depoimento-ajuda__texto,
    #modalDepoimento .depoimento-ajuda.is-pinned
    .depoimento-ajuda__texto {
        transform: translateY(0);
    }
}



/* =========================================================
   RESPONSIVO — PÁGINA DE OBRIGADO
   Colégio Basic Tremembé
========================================================= */

@media only screen and (max-width: 991px) {
    .obrigado-page .thanks-page-area {
        min-height: 580px;
        padding: 90px 0;
    }

    .obrigado-page .thanks-content {
        max-width: 680px;
        padding: 55px 45px;
    }

    .obrigado-page .thanks-content h1 {
        font-size: 38px;
    }

    .obrigado-page .thanks-page-area::before {
        width: 250px;
        height: 250px;
    }

    .obrigado-page .thanks-page-area::after {
        width: 270px;
        height: 270px;
    }
}

@media only screen and (max-width: 767px) {
    .obrigado-page .thanks-page-area {
        min-height: auto;
        padding: 75px 0;
    }

    .obrigado-page .thanks-content {
        padding: 48px 30px;
        border-radius: 25px;
    }

    .obrigado-page .thanks-icon {
        width: 92px;
        height: 92px;
        margin-bottom: 28px;
    }

    .obrigado-page .thanks-icon i {
        font-size: 36px;
    }

    .obrigado-page .thanks-content h1 {
        font-size: 33px;
    }

    .obrigado-page .thanks-content > p {
        font-size: 16px;
        line-height: 1.7;
    }

    .obrigado-page .thanks-actions {
        flex-direction: column;
        align-items: stretch;
        margin-top: 32px;
    }

    .obrigado-page .thanks-actions .theme-btn {
        width: 100%;
        min-width: 0;
    }

    .obrigado-page .floating-dots span:nth-child(1),
    .obrigado-page .floating-dots span:nth-child(3),
    .obrigado-page .floating-dots span:nth-child(5),
    .obrigado-page .floating-dots span:nth-child(7) {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .obrigado-page .thanks-page-area {
        padding: 62px 0;
    }

    .obrigado-page .thanks-page-area .container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .obrigado-page .thanks-content {
        padding: 42px 22px;
        border-radius: 22px;
    }

    .obrigado-page .thanks-content::after {
        top: 23px;
        right: 20px;
        width: 42px;
        height: 42px;
        border-width: 7px;
    }

    .obrigado-page .thanks-icon {
        width: 82px;
        height: 82px;

        border-width: 7px;
    }

    .obrigado-page .thanks-icon i {
        font-size: 31px;
    }

    .obrigado-page .thanks-content h1 {
        font-size: 28px;
        line-height: 1.25;
    }

    .obrigado-page .thanks-content > p {
        font-size: 15px;
    }

    .obrigado-page .thanks-actions .theme-btn {
        min-height: 54px;
        padding: 13px 18px;
        font-size: 12px;
    }
}






/* Ajustes para celular */
@media only screen and (max-width: 767px) {
    .home-page .news-section {
        padding-bottom: 60px;
    }

    .home-page .gallery-section {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .home-page .gallery-section .gallery-title-link {
        margin-bottom: 25px;
    }

    .home-page .gallery-section .gallery-button-box {
        margin-top: 20px !important;
    }
}




/* Permite a quebra controlada em telas menores */
@media only screen and (max-width: 991px) {
    .contato-page
    .contato-info-area
    .row.mt-50 > div:nth-child(2)
    .contact-info-box a {
        font-size: 13px;
        white-space: normal;

        word-break: normal;
        overflow-wrap: anywhere;
    }
}

/* =========================================================
   RESPONSIVIDADE EXCLUSIVA DA HOME
   Colégio Basic Tremembé

   Carregar este arquivo DEPOIS do style.css e de qualquer
   outro arquivo responsivo já existente.

   Todas as regras estão limitadas ao body.home-page.
   A versão desktop, acima de 1199px, não é alterada.
========================================================= */

/* =========================================================
   TABLETS E NOTEBOOKS MENORES — até 1199px
========================================================= */

@media only screen and (max-width: 1199px) {
    .home-page {
        overflow-x: hidden;
    }

    .home-page .container,
    .home-page .auto-container {
        max-width: 100%;
    }

    /* Banner principal */

    .home-page .home-main-slider .slide:not(.video-slide) .content-box {
        transform: none;
    }

    .home-page .home-main-slider .slide > .container {
        padding-right: 70px;
        padding-left: 70px;
    }

    /* Sobre nós */

    .home-page .about-section .image-box {
        width: 460px;
        max-width: 100%;
    }

    .home-page .about-section .image-box .image {
        width: 350px;
    }

    /* Educação completa */

    .home-page .service-section .carousel-content {
        margin-right: 0;
    }

    .home-page .service-section .owl-nav {
        position: static;
        margin-top: 30px;
        text-align: center;
    }

    /* Atividades extracurriculares */

    .home-page .activities-section .image-box {
        margin-right: 0;
        margin-left: 30px;
    }

}

/* =========================================================
   TABLETS E CELULARES — até 991px
========================================================= */

@media only screen and (max-width: 991px) {

    /* -----------------------------------------------------
       Cores atuais da identidade visual
       Impede que estilos responsivos antigos voltem ao azul.
    ----------------------------------------------------- */

    .home-page,
    .home-page p,
    .home-page .text {
        color: #615e5d;
    }

    .home-page .sec-title h5,
    .home-page .sec-title h5 a {
        color: var(--tertiary-color) !important;
    }

    .home-page .sec-title h1,
    .home-page .sec-title h1 a {
        color: var(--primary-color) !important;
    }

    .home-page .sec-title h5::before,
    .home-page .sec-title h5::after {
        background: var(--tertiary-color) !important;
    }

    /* Banner principal */

    .home-page .home-main-slider {
        --home-slider-height: 540px;
    }

    .home-page .home-main-slider .slide {
        background-attachment: scroll;
        background-position: center center;
    }

    .home-page .home-main-slider .slide > .container {
        width: 100%;
        padding-right: 45px;
        padding-left: 45px;
    }

    .home-page .home-main-slider .content-box {
        width: 100%;
        max-width: 620px;
        transform: none;
    }

    .home-page .home-main-slider h3 {
        font-size: 22px;
        line-height: 1.35;
        color: var(--tertiary-color) !important;
    }

    .home-page .home-main-slider h1 {
        max-width: 620px;
        font-size: 44px;
        line-height: 1.12;
        color: var(--primary-color) !important;
    }

    .home-page .home-main-slider .home-video-wrapper iframe {
        width: 177.78vh;
        min-width: 100%;
        height: 56.25vw;
        min-height: 100%;
    }

    .home-page .home-main-slider .owl-nav .owl-prev,
    .home-page .home-main-slider .owl-nav .owl-next {
        width: 52px;
        height: 52px;
        line-height: 52px;
        font-size: 16px;
    }

    .home-page .home-main-slider .nav-style-one .owl-nav .owl-prev {
        left: 15px;
    }

    .home-page .home-main-slider .nav-style-one .owl-nav .owl-next {
        right: 15px;
    }

    /* Sobre nós */

    .home-page .about-section {
        padding: 80px 0;
    }

    .home-page .about-section .row {
        align-items: center;
    }

    .home-page .about-section .image-column {
        margin-bottom: 55px;
    }

    .home-page .about-section .image-box {
        width: 520px;
        max-width: calc(100vw - 50px);
        height: 540px;
    }

    .home-page .about-section .image-box .image {
        width: 390px;
        max-width: 78%;
        height: 380px;
    }

    .home-page .about-section .image-box .image-1 {
        right: 0;
    }

    .home-page .about-section .image-box .image-2 {
        top: 160px;
        left: 0;
    }

    .home-page .about-section .image-box::before {
        left: 0;
        width: 175px;
        height: 175px;
    }

    .home-page .about-section .content-box {
        max-width: 760px;
        margin: 0 auto;
    }

    .home-page .about-section .sec-title h5 .about-text-link {
        color: var(--tertiary-color) !important;
    }

    .home-page .about-section .sec-title h1 .about-text-link {
        color: var(--primary-color) !important;
    }

    .home-page .about-section .bold-text .about-text-link {
        color: #4c4c4c !important;
    }

    .home-page .about-section .text .about-text-link {
        color: #615e5d !important;
    }

    /* Educação completa */

    .home-page .service-section {
        padding: 80px 0;
        background-attachment: scroll;
    }

    .home-page .service-section .inner-content {
        margin-right: 0;
        margin-bottom: 40px;
        text-align: center;
    }

    .home-page .service-section .inner-content .sec-title h1 {
        color: var(--white-color) !important;
    }

    .home-page .service-section .carousel-content {
        width: 100%;
        margin: 0;
    }

    .home-page .service-section .services-carousel,
    .home-page .service-section .owl-stage-outer {
        width: 100%;
    }

    .home-page .service-block-one {
        min-height: 350px;
    }

    .home-page .service-block-one .inner-box {
        min-height: 350px;
        padding: 65px 28px 55px;
    }

    .home-page .service-block-one h3 {
        color: var(--secondary-color) !important;
    }

    .home-page .service-block-one .text {
        color: #615e5d !important;
    }

    /* Atividades extracurriculares */

    .home-page .activities-section {
        padding: 80px 0;
    }

    .home-page .activities-section .content-box {
        max-width: 760px;
        margin: 0 auto;
    }

    .home-page .activities-section .activities-title-link .sec-title h5 {
        color: var(--tertiary-color) !important;
    }

    .home-page .activities-section .activities-title-link .sec-title h1 {
        color: var(--primary-color) !important;
    }

    .home-page .activities-section .activities-title-link .text,
    .home-page .activities-section .activity-item-link .text {
        color: #615e5d !important;
    }

    .home-page .activities-section .inner-box .column:nth-child(1) h3 {
        color: var(--tertiary-color) !important;
    }

    .home-page .activities-section .inner-box .column:nth-child(2) h3 {
        color: #b350ff !important;
    }

    .home-page .activities-section .inner-box .column:nth-child(3) h3 {
        color: #43b3d9 !important;
    }

    .home-page .activities-section .inner-box .column:nth-child(4) h3 {
        color: #ff7162 !important;
    }

    .home-page .activities-section .image-column {
        margin-top: 15px;
    }

    .home-page .activities-section .image-box {
        width: 100%;
        max-width: 650px;
        margin: 40px auto 0;
    }

    .home-page .activities-section .image-box .image {
        float: none;
        width: 100%;
    }

    .home-page .activities-section .image-box .image::before {
        top: -45px;
        right: -25px;
        width: 210px;
        height: 210px;
    }

    /* Unidade II */

    .home-page .testimonial-video .outer-container {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .home-page .testimonial-video .video-column {
        position: relative;
        top: auto;
        left: auto;
        order: 1;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .home-page .testimonial-video .video-column .video-inner {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .home-page .testimonial-video .testimonial-column {
        position: relative;
        float: none;
        order: 2;
        width: 100%;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-content {
        width: 100%;
        max-width: 760px;
        margin: 0 auto;
        padding: 70px 30px 80px;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-block .inner-box .text {
        padding-top: 25px;
        color: #474747 !important;
    }

    .home-page .testimonial-video .unit-two-text-link {
        color: inherit !important;
    }

    .home-page .testimonial-video .sec-title h5 .unit-two-text-link {
        color: var(--tertiary-color) !important;
    }

    .home-page .testimonial-video .sec-title h1 .unit-two-text-link {
        color: var(--primary-color) !important;
    }

    .home-page .testimonial-video .testimonial-block .text .unit-two-text-link {
        color: #474747 !important;
    }

    /* Blog */

    .home-page .news-section {
        padding: 80px 0 70px;
    }

    .home-page .news-section .sec-title {
        margin-bottom: 45px;
    }

    .home-page .news-section .news-block {
        margin-bottom: 75px;
    }

    .home-page .news-section .news-card-link {
        display: block;
        width: 100%;
        color: inherit !important;
    }

    .home-page .news-block-one .inner-box .lower-content h3 {
        color: var(--secondary-color) !important;
    }

    .home-page .news-block-one .inner-box .lower-content .text {
        color: #615e5d !important;
    }

    /* Galeria */

    .home-page .gallery-section {
        padding: 60px 0 70px;
    }

    .home-page .gallery-section .gallery-title-link .sec-title h5 {
        color: var(--tertiary-color) !important;
    }

    .home-page .gallery-section .gallery-title-link .sec-title h1 {
        color: var(--primary-color) !important;
    }

    .home-page .gallery-section .gallery-carousel {
        width: 100%;
        overflow: hidden;
    }

    /* Rodapé da Home */

    .home-page .main-footer .footer-top {
        padding: 60px 0;
    }

    .home-page .main-footer .footer-top .link-widget,
    .home-page .main-footer .footer-top .contact-widget {
        margin-left: 0;
    }

    .home-page .main-footer .footer-top .widget-title,
    .home-page .main-footer .footer-top p,
    .home-page .main-footer .footer-top li,
    .home-page .main-footer .footer-top a,
    .home-page .main-footer .footer-top i {
        color: var(--white-color) !important;
    }

    .home-page .main-footer .footer-bottom-content {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 22px;
        padding: 25px 0;
        text-align: center;
    }

    .home-page .main-footer .footer-virtua,
    .home-page .main-footer .footer-bottom .footer-logo,
    .home-page .main-footer .footer-links {
        justify-self: center;
    }

    .home-page .main-footer .footer-links {
        justify-content: center;
        flex-wrap: wrap;
    }

    .home-page .main-footer .footer-virtua a,
    .home-page .main-footer .footer-links a {
        color: #212f54 !important;
    }

}

/* =========================================================
   CELULARES — até 767px
========================================================= */

@media only screen and (max-width: 767px) {
    .home-page .container,
    .home-page .auto-container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .home-page .sec-title h5 {
        font-size: 15px;
        line-height: 24px;
        padding-left: 42px;
    }

    .home-page .sec-title h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .home-page .theme-btn {
        padding: 14px 28px;
        font-size: 13px;
        line-height: 22px;
    }

    /* Banner principal */

    .home-page .home-main-slider {
        --home-slider-height: 430px;
    }

    .home-page .home-main-slider .slide > .container {
        padding-right: 25px;
        padding-left: 25px;
    }

    .home-page .home-main-slider .content-box {
        max-width: calc(100% - 20px);
    }

    .home-page .home-main-slider h3 {
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 1.3;
    }

    .home-page .home-main-slider h1 {
        margin-bottom: 22px;
        font-size: 34px;
        line-height: 1.08;
    }

    .home-page .home-main-slider .owl-nav {
        display: none;
    }

    /* Sobre nós */

    .home-page .about-section {
        padding: 60px 0;
    }

    .home-page .about-section .image-column {
        margin-bottom: 35px;
    }

    .home-page .about-section .image-box {
        width: 430px;
        max-width: 100%;
        height: 440px;
    }

    .home-page .about-section .image-box .image {
        width: 330px;
        max-width: 82%;
        height: 305px;
        padding: 10px;
        border-radius: 22px;
    }

    .home-page .about-section .image-box .image img {
        border-radius: 15px;
    }

    .home-page .about-section .image-box .image-2 {
        top: 125px;
    }

    .home-page .about-section .image-box::before {
        top: 105px;
        width: 135px;
        height: 135px;
    }

    .home-page .about-section .content-box .sec-title {
        margin-bottom: 24px;
    }

    .home-page .about-section .content-box p {
        margin-bottom: 30px;
    }

    /* Educação completa */

    .home-page .service-section {
        padding: 60px 0;
    }

    .home-page .service-section .inner-content {
        margin-bottom: 32px;
    }

    .home-page .service-block-one,
    .home-page .service-block-one .inner-box {
        min-height: 320px;
    }

    .home-page .service-block-one .inner-box {
        padding: 55px 24px 45px;
    }

    /* Atividades extracurriculares */

    .home-page .activities-section {
        padding: 60px 0;
    }

    .home-page .activities-section .title-box {
        margin-bottom: 45px;
    }

    .home-page .activities-section .inner-box .single-item {
        margin-bottom: 38px;
        text-align: center;
    }

    .home-page .activities-section .inner-box .single-item .icon-box {
        margin-bottom: 18px;
    }

    .home-page .activities-section .image-box {
        margin-top: 15px;
    }

    .home-page .activities-section .image-box .image::before {
        top: -25px;
        right: -15px;
        width: 150px;
        height: 150px;
    }

    /* Unidade II */

    .home-page .testimonial-video .testimonial-column .testimonial-content {
        padding: 55px 20px 65px;
    }

    .home-page .testimonial-video .video-column .video-inner a {
        width: 78px;
        height: 78px;
        line-height: 78px;
        font-size: 24px;
    }

    .home-page .testimonial-video .testimonial-column .testimonial-block .inner-box .text {
        padding-top: 10px;
    }

    /* Blog */

    .home-page .news-section {
        padding: 60px 0 45px;
    }

    .home-page .news-block-one .inner-box .image-box {
        flex-basis: 230px;
        height: 230px;
    }

    .home-page .news-block-one .inner-box .lower-content {
        padding: 28px 24px 52px;
    }

    .home-page .news-block-one .inner-box .lower-content .link-btn {
        left: 24px;
    }

    .home-page .news-block-one .inner-box .lower-content .link-btn span {
        width: 58px;
        height: 58px;
        line-height: 58px;
        font-size: 17px;
    }

    /* Galeria */

    .home-page .gallery-section {
        padding: 50px 0 60px;
    }

    .home-page .gallery-section .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .home-page .gallery-section .sec-title {
        padding-right: 20px;
        padding-left: 20px;
    }

    .home-page .gallery-section .gallery-block {
        padding: 8px;
    }

    .home-page .gallery-section .gallery-button-box {
        margin-top: 20px !important;
    }

    /* Botões flutuantes */

    .home-page .scroll-top {
        left: 18px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .home-page .scroll-top.open {
        bottom: 22px;
    }

    .home-page .whatsapp-float {
        right: 18px;
        bottom: 22px;
        width: 54px;
        height: 54px;
        font-size: 27px;
    }

    /* Rodapé */

    .home-page .main-footer .footer-top {
        padding: 50px 0;
        text-align: center;
    }

    .home-page .main-footer .footer-top [class*="col-"] {
        margin-bottom: 35px;
    }

    .home-page .main-footer .footer-top [class*="col-"]:last-child {
        margin-bottom: 0;
    }

    .home-page .main-footer .footer-top .info-list li {
        display: inline-block;
        padding-left: 0;
    }

    .home-page .main-footer .footer-top .info-list li i {
        position: static;
        margin-right: 7px;
    }

    .home-page .main-footer .footer-links {
        gap: 12px 18px;
    }

}

/* =========================================================
   CELULARES PEQUENOS — até 480px
========================================================= */

@media only screen and (max-width: 480px) {
    .home-page .sec-title h1 {
        font-size: 28px;
        line-height: 1.2;
    }

    /* Banner principal */

    .home-page .home-main-slider {
        --home-slider-height: 370px;
    }

    .home-page .home-main-slider .slide > .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .home-page .home-main-slider h3 {
        font-size: 16px;
    }

    .home-page .home-main-slider h1 {
        font-size: 28px;
        line-height: 1.08;
    }

    /* Sobre nós */

    .home-page .about-section .image-box {
        height: 350px;
    }

    .home-page .about-section .image-box .image {
        width: 270px;
        max-width: 84%;
        height: 245px;
    }

    .home-page .about-section .image-box .image-2 {
        top: 100px;
    }

    .home-page .about-section .image-box::before {
        top: 80px;
        width: 110px;
        height: 110px;
    }

    /* Educação completa */

    .home-page .service-block-one,
    .home-page .service-block-one .inner-box {
        min-height: 300px;
    }

    .home-page .service-block-one .inner-box {
        padding: 48px 20px 38px;
    }

    /* Blog */

    .home-page .news-block-one .inner-box .image-box {
        flex-basis: 205px;
        height: 205px;
    }

    /* Rodapé */

    .home-page .main-footer .footer-bottom .footer-logo img {
        height: 62px;
    }

    .home-page .main-footer .footer-virtua a {
        white-space: normal;
    }

}





@media only screen and (max-width: 991px) {
    .basic-faq-banner {
        padding: 125px 0 70px;
    }

    .basic-faq-contact-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .basic-faq-contact-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 94px;
    }
}

@media only screen and (max-width: 767px) {
    .basic-faq-banner {
        padding: 110px 0 58px;
    }

    .basic-faq-section.sec-pad {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .basic-faq-header {
        margin-bottom: 34px;
    }

    .basic-faq-header > p {
        font-size: 16px;
    }

    .basic-faq-question {
        gap: 16px;
        padding: 20px;
        font-size: 16px;
    }

    .basic-faq-question i {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .basic-faq-answer-inner {
        padding: 0 20px 22px;
    }

    .basic-faq-answer-inner p {
        font-size: 15px;
    }

    .basic-faq-contact-card {
        display: block;
        padding: 30px 24px;
        text-align: center;
    }

    .basic-faq-contact-icon {
        margin: 0 auto 20px;
    }

    .basic-faq-contact-content h2 {
        font-size: 22px;
    }

    .basic-faq-contact-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        margin-top: 24px;
        padding-left: 0;
    }

    .basic-faq-contact-actions .theme-btn,
    .basic-faq-whatsapp-link {
        width: 100%;
    }
}





@media only screen and (max-width: 1199px) {
    .basic-accessibility-content-card {
        padding: 30px 26px;
    }

    .basic-accessibility-improvement {
        grid-template-columns: 1fr;
    }

    .basic-accessibility-improvement-actions {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 991px) {
    .basic-accessibility-banner {
        padding: 125px 0 70px;
    }

    .basic-accessibility-content-grid {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 767px) {
    .basic-accessibility-banner {
        padding: 110px 0 58px;
    }

    .basic-accessibility-section.sec-pad {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .basic-accessibility-header {
        margin-bottom: 34px;
    }

    .basic-accessibility-header > p {
        font-size: 16px;
    }

    .basic-accessibility-intro-card {
        display: block;
        margin-bottom: 55px;
        padding: 30px 24px;
        text-align: center;
    }

    .basic-accessibility-intro-icon {
        margin: 0 auto 20px;
    }

    .basic-accessibility-section-heading h2 {
        font-size: 28px;
    }

    .basic-accessibility-content-card {
        padding: 27px 21px;
    }

    .basic-accessibility-card-heading {
        align-items: flex-start;
    }

    .basic-accessibility-card-heading h2 {
        font-size: 21px;
    }

    .basic-accessibility-shortcut-list li {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .basic-accessibility-shortcut-list li kbd {
        justify-self: start;
    }

    .basic-accessibility-improvement {
        padding: 32px 24px;
        text-align: center;
    }

    .basic-accessibility-improvement-content h2 {
        font-size: 23px;
    }

    .basic-accessibility-improvement-actions {
        flex-direction: column;
        align-items: stretch;
        margin-top: 4px;
    }

    .basic-accessibility-improvement-actions .theme-btn,
    .basic-accessibility-whatsapp-link {
        width: 100%;
    }
}



/* Tablet */

@media only screen and (max-width: 900px) {
    .cookie-consent__inner {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cookie-consent__actions {
        width: 100%;
        justify-content: stretch;
    }

    .cookie-consent__button {
        flex: 1;
    }
}

/* Celular */

@media only screen and (max-width: 575px) {
    .cookie-consent {
        bottom: 10px;
        width: calc(100% - 20px);
    }

    .cookie-consent__inner {
        gap: 16px;
        padding: 20px 18px;

        border-left-width: 4px;
        border-radius: 15px;
    }

    .cookie-consent__content h2 {
        font-size: 17px;
    }

    .cookie-consent__content p {
        font-size: 13px;
        line-height: 1.65;
    }

    .cookie-consent__actions {
        flex-direction: column;
    }

    .cookie-consent__button {
        width: 100%;
        min-height: 48px;
        white-space: normal;
    }
}

/* =========================================================
   HOME — CORREÇÃO FINAL DO BANNER NO CELULAR
   Manter este bloco no final absoluto do responsive.css
========================================================= */

@media only screen and (max-width: 767px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body.home-page {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* Garante que o carrossel ocupe toda a tela */

    .home-page .home-main-slider,
    .home-page .home-main-slider .main-slider-carousel,
    .home-page .home-main-slider .owl-stage-outer {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .home-page .home-main-slider .owl-stage-outer {
        overflow: hidden;
    }

    /* Altura do banner */

    .home-page .home-main-slider {
        --home-slider-height: 400px;
    }

    .home-page .home-main-slider .slide {
        width: 100%;
        padding: 0 !important;

        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* Container interno */

    .home-page .home-main-slider .slide > .container {
        width: 100%;
        max-width: 100%;

        margin-right: auto;
        margin-left: auto;

        padding-right: 20px;
        padding-left: 20px;

        box-sizing: border-box;
    }

    /* Centraliza todo o conteúdo */

    .home-page
    .home-main-slider
    .slide:not(.video-slide)
    .content-box {
        width: 100%;
        max-width: 290px;

        margin-right: auto;
        margin-left: auto;

        padding: 0;

        text-align: center;

        transform: none !important;
    }

    /* Subtítulo */

    html[data-accessibility-font-scale]
    body.home-page
    .home-main-slider h3,
    body.home-page
    .home-main-slider h3 {
        width: 100%;

        margin-bottom: 8px;

        font-size: clamp(
            14px,
            calc(15px * var(--accessibility-font-scale, 1)),
            18px
        ) !important;

        line-height: 1.35 !important;
        text-align: center;
    }

    /* Título principal */

    html[data-accessibility-font-scale]
    body.home-page
    .home-main-slider h1,
    body.home-page
    .home-main-slider h1 {
        width: 100%;
        max-width: 100%;

        margin-right: auto;
        margin-bottom: 18px;
        margin-left: auto;

        font-size: clamp(
            22px,
            calc(24px * var(--accessibility-font-scale, 1)),
            30px
        ) !important;

        line-height: 1.2 !important;
        text-align: center;

        word-break: normal;
        overflow-wrap: break-word;
    }

    /* Centraliza o botão */

    .home-page .home-main-slider .btn-box {
        width: 100%;
        text-align: center;
    }

    .home-page .home-main-slider .theme-btn {
        padding: 12px 22px;

        font-size: 12px !important;
        line-height: 20px;
    }

    /* A div está vazia no PHP */

    .home-page .home-main-slider .content-box > .text:empty {
        display: none;
    }

    /* Remove as setas no celular */

    .home-page .home-main-slider .owl-nav {
        display: none !important;
    }
}

/* =========================================================
   CELULARES MENORES
========================================================= */

@media only screen and (max-width: 480px) {
    .home-page .home-main-slider {
        --home-slider-height: 370px;
    }

    .home-page
    .home-main-slider
    .slide:not(.video-slide)
    .content-box {
        max-width: 260px;
    }

    html[data-accessibility-font-scale]
    body.home-page
    .home-main-slider h1,
    body.home-page
    .home-main-slider h1 {
        font-size: clamp(
            20px,
            calc(22px * var(--accessibility-font-scale, 1)),
            27px
        ) !important;

        line-height: 1.22 !important;
    }

    html[data-accessibility-font-scale]
    body.home-page
    .home-main-slider h3,
    body.home-page
    .home-main-slider h3 {
        font-size: clamp(
            13px,
            calc(14px * var(--accessibility-font-scale, 1)),
            17px
        ) !important;
    }
}

/* =========================================================
   HOME — SEÇÃO SOBRE NÓS NO CELULAR
   Manter no final absoluto do responsive.css
========================================================= */

@media only screen and (max-width: 767px) {
    .home-page .about-section {
        position: relative;

        width: 100%;

        padding-top: 55px;
        padding-bottom: 65px;

        overflow: hidden;
    }

    .home-page .about-section .container {
        width: 100%;
        max-width: 100%;

        padding-right: 20px;
        padding-left: 20px;
    }

    .home-page .about-section .row {
        display: flex;
        flex-direction: column;

        margin-right: -15px;
        margin-left: -15px;
    }

    /* =====================================================
       COLUNA DAS IMAGENS
    ===================================================== */

    .home-page .about-section .image-column {
        width: 100%;
        max-width: 100%;

        margin-bottom: 25px;
    }

    .home-page .about-section .image-box {
        position: relative !important;
        display: block !important;

        width: 100%;
        max-width: 340px;
        height: clamp(315px, 100vw, 390px);

        margin: 0 auto !important;
    }

    /*
     * Remove o círculo decorativo no celular para evitar
     * que ele provoque largura excedente.
     */
    .home-page .about-section .image-box::before {
        display: none !important;
    }

    /*
     * Configuração comum das duas imagens.
     */
    .home-page .about-section .image-box .image,
    .home-page .about-section .image-box .image-1,
    .home-page .about-section .image-box .image-2 {
        position: absolute !important;

        width: 72% !important;
        max-width: 245px !important;
        height: auto !important;
        aspect-ratio: 390 / 440;

        margin: 0 !important;
        padding: 8px !important;

        background: #ffffff;

        border-radius: 22px !important;

        overflow: hidden;

        box-shadow: 0 18px 35px rgba(8, 13, 62, 0.14);
    }

    .home-page .about-section .image-box .image img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        border-radius: 15px !important;
    }

    /*
     * Primeira imagem: parte superior direita.
     */
    .home-page .about-section .image-box .image-1 {
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        z-index: 1;
    }

    /*
     * Segunda imagem: sobreposta na parte inferior esquerda.
     */
    .home-page .about-section .image-box .image-2 {
        top: 86px !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;

        z-index: 2;
    }

    /* =====================================================
       COLUNA DE TEXTO
    ===================================================== */

    .home-page .about-section .content-column {
        width: 100%;
        max-width: 100%;
    }

    .home-page .about-section .content-box {
        width: 100%;
        max-width: 360px;

        margin-right: auto !important;
        margin-left: auto !important;
        padding: 0 4px;

        text-align: center;
    }

    .home-page .about-section .content-box .sec-title {
        width: 100%;

        margin-bottom: 20px;

        text-align: center;
    }

    .home-page .about-section .sec-title h5 {
        display: inline-block;

        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 38px;

        font-size: 15px;
        line-height: 22px;

        text-align: center;
    }

    .home-page .about-section .sec-title h5::before {
        width: 25px;
    }

    .home-page .about-section .sec-title h1 {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;

        font-size: clamp(
            24px,
            calc(28px * var(--accessibility-font-scale, 1)),
            34px
        ) !important;

        line-height: 1.2 !important;
        text-align: center;

        overflow-wrap: break-word;
    }

    .home-page .about-section .about-text-link {
        display: block;

        width: 100%;
        max-width: 100%;
    }

    .home-page .about-section .bold-text {
        width: 100%;

        margin-bottom: 14px;

        font-size: 16px;
        line-height: 1.55;

        text-align: center;
    }

    .home-page .about-section .text {
        width: 100%;

        text-align: center;
    }

    .home-page .about-section .content-box p {
        width: 100%;

        margin-bottom: 28px;

        font-size: 15px;
        line-height: 1.7;

        text-align: center;
    }

    .home-page .about-section .btn-box {
        width: 100%;

        text-align: center;
    }

    .home-page .about-section .btn-box .theme-btn {
        width: auto;

        padding: 13px 25px;

        font-size: 12px;
        line-height: 21px;
    }
}

/* =========================================================
   HOME — SOBRE NÓS EM CELULARES PEQUENOS
========================================================= */

@media only screen and (max-width: 480px) {
    .home-page .about-section {
        padding-top: 45px;
        padding-bottom: 55px;
    }

    .home-page .about-section .image-box {
        max-width: 300px;
        height: 330px;
    }

    .home-page .about-section .image-box .image,
    .home-page .about-section .image-box .image-1,
    .home-page .about-section .image-box .image-2 {
        width: 72% !important;
        max-width: 215px !important;
    }

    .home-page .about-section .image-box .image-2 {
        top: 75px !important;
    }

    .home-page .about-section .content-box {
        max-width: 310px;
    }

    .home-page .about-section .sec-title h1 {
        font-size: clamp(
            23px,
            calc(27px * var(--accessibility-font-scale, 1)),
            31px
        ) !important;
    }
}

/* =========================================================
   HOME — ATIVIDADES EXTRACURRICULARES NO CELULAR
   Manter no final absoluto do responsive.css
========================================================= */

@media only screen and (max-width: 767px) {
    .home-page .activities-section {
        position: relative;

        width: 100%;
        max-width: 100%;

        padding: 58px 0 65px !important;

        overflow: hidden;
    }

    .home-page .activities-section > .container {
        width: 100%;
        max-width: 100%;

        margin-right: auto;
        margin-left: auto;

        padding-right: 20px;
        padding-left: 20px;

        box-sizing: border-box;
    }

    .home-page .activities-section .row {
        width: auto;

        margin-right: -10px;
        margin-left: -10px;
    }

    .home-page .activities-section [class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }

    /* =====================================================
       BLOCO DO TÍTULO
    ===================================================== */

    .home-page .activities-section .content-column,
    .home-page .activities-section .content-box,
    .home-page .activities-section .activities-title-link,
    .home-page .activities-section .title-box {
        width: 100%;
        max-width: 100%;
    }

    .home-page .activities-section .content-box {
        margin-right: auto !important;
        margin-left: auto !important;

        text-align: center;
    }

    .home-page .activities-section .title-box {
        max-width: 330px;

        margin: 0 auto 42px !important;

        text-align: center;
    }

    .home-page .activities-section .sec-title {
        width: 100%;

        margin-bottom: 18px;

        text-align: center;
    }

    /* Vivência Ampliada */

    .home-page
    .activities-section
    .activities-title-link
    .sec-title h5 {
        display: inline-block;

        width: auto;

        margin: 0 auto 12px;
        padding-right: 0;
        padding-left: 37px;

        font-size: 15px !important;
        line-height: 22px !important;

        text-align: center;
        white-space: nowrap;
    }

    .home-page
    .activities-section
    .activities-title-link
    .sec-title h5::before {
        width: 25px;
        left: 0;
    }

    /* Atividades Extracurriculares */

    html[data-accessibility-font-scale]
    body.home-page
    .activities-section
    .activities-title-link
    .sec-title h1,
    body.home-page
    .activities-section
    .activities-title-link
    .sec-title h1 {
        display: block;

        width: 100%;
        max-width: 310px;

        margin-right: auto;
        margin-left: auto;

        font-size: 28px !important;
        line-height: 1.2 !important;

        text-align: center;

        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
    }

    /* Texto introdutório */

    .home-page
    .activities-section
    .activities-title-link
    .title-box > .text {
        width: 100%;
        max-width: 310px;

        margin-right: auto;
        margin-left: auto;

        font-size: 15px;
        line-height: 1.65;

        text-align: center;
    }

    /* =====================================================
       ITENS DAS ATIVIDADES
    ===================================================== */

    .home-page .activities-section .inner-box {
        width: 100%;
        max-width: 340px;

        margin-right: auto;
        margin-left: auto;
    }

    .home-page .activities-section .inner-box > .row {
        margin-right: 0;
        margin-left: 0;
    }

    .home-page .activities-section .inner-box .column {
        width: 100%;

        padding-right: 0;
        padding-left: 0;
    }

    .home-page
    .activities-section
    .inner-box
    .single-item {
        width: 100%;
        max-width: 310px;

        margin: 0 auto 42px !important;

        text-align: center;
    }

    .home-page
    .activities-section
    .inner-box
    .single-item
    .icon-box {
        margin-right: auto;
        margin-bottom: 18px;
        margin-left: auto;
    }

    .home-page
    .activities-section
    .inner-box
    .single-item h3 {
        width: 100%;

        margin-bottom: 12px;

        font-size: 21px;
        line-height: 1.35;

        text-align: center;
    }

    .home-page
    .activities-section
    .inner-box
    .single-item
    .text {
        width: 100%;
        max-width: 295px;

        margin-right: auto;
        margin-left: auto;

        font-size: 15px;
        line-height: 1.65;

        text-align: center;
    }

    /* =====================================================
       IMAGEM DA SEÇÃO
    ===================================================== */

    .home-page .activities-section .image-column {
        width: 100%;

        margin-top: 0;
    }

    .home-page .activities-section .image-box {
        width: 100%;
        max-width: 310px;

        margin: 5px auto 0 !important;
    }

    .home-page .activities-section .image-box .image {
        float: none;

        width: 100%;

        margin: 0;
        padding: 9px;

        border-radius: 20px;
    }

    .home-page .activities-section .image-box .image::before {
        display: none !important;
    }

    .home-page .activities-section .image-box .image img {
        display: block;

        width: 100%;
        height: auto;

        border-radius: 14px;
    }
}

/* =========================================================
   ATIVIDADES — CELULARES PEQUENOS
========================================================= */

@media only screen and (max-width: 480px) {
    .home-page .activities-section {
        padding-top: 50px !important;
        padding-bottom: 58px !important;
    }

    .home-page .activities-section > .container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .home-page .activities-section .title-box {
        max-width: 285px;
        margin-bottom: 38px !important;
    }

    html[data-accessibility-font-scale]
    body.home-page
    .activities-section
    .activities-title-link
    .sec-title h1,
    body.home-page
    .activities-section
    .activities-title-link
    .sec-title h1 {
        max-width: 280px;

        font-size: 25px !important;
        line-height: 1.22 !important;
    }

    .home-page
    .activities-section
    .activities-title-link
    .sec-title h5 {
        padding-left: 34px;

        font-size: 14px !important;
    }

    .home-page
    .activities-section
    .activities-title-link
    .sec-title h5::before {
        width: 22px;
    }

    .home-page
    .activities-section
    .activities-title-link
    .title-box > .text {
        max-width: 275px;

        font-size: 14px;
        line-height: 1.65;
    }

    .home-page
    .activities-section
    .inner-box
    .single-item {
        max-width: 280px;
    }

    .home-page
    .activities-section
    .inner-box
    .single-item
    .text {
        max-width: 270px;
    }

    .home-page .activities-section .image-box {
        max-width: 280px;
    }
}

/* =========================================================
   HOME — SEÇÃO UNIDADE II NO CELULAR
   Manter no final absoluto do responsive.css
========================================================= */

@media only screen and (max-width: 767px) {
    .home-page .testimonial-video {
        position: relative;

        width: 100%;
        max-width: 100%;

        background: #ffffff;

        overflow: hidden;
    }

    .home-page .testimonial-video .outer-container {
        display: flex !important;
        flex-direction: column;

        width: 100%;
        min-height: 0 !important;

        margin: 0;
    }

    /* =====================================================
       IMAGEM / VÍDEO
    ===================================================== */

    .home-page .testimonial-video .video-column {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        order: 1;

        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;

        margin: 0;
        padding: 0 !important;

        overflow: hidden;
    }

    .home-page
    .testimonial-video
    .video-column
    .video-inner {
        position: absolute !important;

        inset: 0 !important;

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

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0;
        padding: 0 !important;

        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;

        border-radius: 0 !important;
    }

    /* Botão de reprodução */

    .home-page
    .testimonial-video
    .video-column
    .video-inner a {
        position: relative;

        top: auto;
        left: auto;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 78px !important;
        height: 78px !important;

        font-size: 24px !important;
        line-height: 1 !important;

        transform: none;
    }

    /* =====================================================
       CONTEÚDO
    ===================================================== */

    .home-page .testimonial-video .testimonial-column {
        position: relative !important;

        order: 2;
        float: none !important;

        width: 100% !important;
        max-width: 100%;

        margin: 0;
    }

    .home-page
    .testimonial-video
    .testimonial-column
    .testimonial-content {
        width: 100%;
        max-width: 350px;

        margin: 0 auto !important;
        padding: 48px 20px 60px !important;

        text-align: center;
    }

    /* =====================================================
       TÍTULO
    ===================================================== */

    .home-page
    .testimonial-video
    .testimonial-content
    .sec-title {
        width: 100%;

        margin: 0 auto 24px !important;

        text-align: center;
    }

    /* Unidade II */

    .home-page
    .testimonial-video
    .testimonial-content
    .sec-title h5 {
        display: inline-block;

        width: auto;

        margin: 0 auto 12px;
        padding-right: 0;
        padding-left: 36px;

        font-size: 14px !important;
        line-height: 22px !important;

        text-align: center;
        white-space: nowrap;
    }

    .home-page
    .testimonial-video
    .testimonial-content
    .sec-title h5::before {
        width: 24px;

        left: 0;
    }

    .home-page
    .testimonial-video
    .testimonial-content
    .sec-title h5 a {
        display: inline-block;

        color: var(--tertiary-color) !important;
    }

    /* Conheça Ainda Mais de Perto */

    html[data-accessibility-font-scale]
    body.home-page
    .testimonial-video
    .testimonial-content
    .sec-title h1,
    body.home-page
    .testimonial-video
    .testimonial-content
    .sec-title h1 {
        display: block;

        width: 100%;
        max-width: 310px;

        margin: 0 auto;

        font-size: clamp(25px, 7.5vw, 29px) !important;
        line-height: 1.22 !important;

        text-align: center;

        word-break: normal;
        overflow-wrap: break-word;
    }

    .home-page
    .testimonial-video
    .testimonial-content
    .sec-title h1 a {
        display: block;

        width: 100%;

        color: var(--primary-color) !important;

        text-align: center;
    }

    /* =====================================================
       TEXTO
    ===================================================== */

    .home-page
    .testimonial-video
    .testimonial-column
    .inner-content,
    .home-page
    .testimonial-video
    .testimonial-block {
        width: 100%;
        max-width: 100%;

        margin: 0;
    }

    .home-page
    .testimonial-video
    .testimonial-block
    .inner-box {
        width: 100%;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent;
        border-radius: 0;

        text-align: center;
    }

    .home-page
    .testimonial-video
    .testimonial-block
    .inner-box
    .text {
        width: 100%;
        max-width: 315px;

        margin: 0 auto;
        padding: 0 !important;

        color: #615e5d !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.75 !important;

        text-align: center;
    }

    .home-page
    .testimonial-video
    .testimonial-block
    .inner-box
    .text a {
        display: block;

        width: 100%;

        color: #615e5d !important;

        font-weight: 500 !important;
        text-align: center;
    }

    /*
     * Remove as aspas grandes que estão ficando
     * sobre o início do texto no celular.
     */
    .home-page
    .testimonial-video
    .testimonial-block
    .inner-box
    .text::before {
        display: none !important;
        content: none !important;
    }

    /* =====================================================
       BOTÃO
    ===================================================== */

    .home-page
    .testimonial-video
    .testimonial-block
    .btn-box {
        width: 100%;

        margin-top: 28px !important;

        text-align: center;
    }

    .home-page
    .testimonial-video
    .btn-box
    .theme-btn {
        display: inline-block;

        width: auto !important;
        min-width: 150px;

        padding: 13px 24px;

        font-size: 12px !important;
        line-height: 21px;
    }
}

/* =========================================================
   UNIDADE II — CELULARES MENORES
========================================================= */

@media only screen and (max-width: 480px) {
    .home-page
    .testimonial-video
    .testimonial-column
    .testimonial-content {
        max-width: 315px;

        padding: 42px 18px 55px !important;
    }

    .home-page
    .testimonial-video
    .video-column
    .video-inner a {
        width: 72px !important;
        height: 72px !important;

        font-size: 22px !important;
    }

    html[data-accessibility-font-scale]
    body.home-page
    .testimonial-video
    .testimonial-content
    .sec-title h1,
    body.home-page
    .testimonial-video
    .testimonial-content
    .sec-title h1 {
        max-width: 285px;

        font-size: clamp(24px, 7.8vw, 27px) !important;
        line-height: 1.23 !important;
    }

    .home-page
    .testimonial-video
    .testimonial-block
    .inner-box
    .text {
        max-width: 285px;

        font-size: 14px !important;
        line-height: 1.75 !important;
    }
}

/* =========================================================
   HOME — AJUSTE FINAL DA GALERIA NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {

    /* Reduz o espaço entre o título e as imagens */

    .home-page
    .gallery-section
    .gallery-title-link {
        display: block;

        width: fit-content;
        max-width: calc(100% - 40px);

        margin: 0 auto 10px !important;
    }

    .home-page
    .gallery-section
    .gallery-title-link
    .sec-title {
        margin-bottom: 0 !important;
    }

    .home-page
    .gallery-section
    .gallery-carousel
    .owl-stage-outer {
        padding-top: 8px !important;
        padding-bottom: 8px !important;

        margin-top: 0 !important;
    }

    .home-page
    .gallery-section
    .gallery-block {
        padding-top: 4px;
    }

    /* Aproxima o botão das imagens */

    .home-page
    .gallery-section
    .gallery-button-box {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;

        margin-top: 14px !important;

        padding-right: 20px;
        padding-left: 20px;

        text-align: center;
    }

    /* Transforma a faixa em um botão menor */

    .home-page
    .gallery-section
    .gallery-button-box
    .theme-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;

        width: auto !important;
        min-width: 150px;
        max-width: 220px;

        padding: 12px 24px !important;

        font-size: 12px !important;
        line-height: 20px !important;

        white-space: nowrap;
    }
}

/* =========================================================
   GALERIA — CELULARES PEQUENOS
========================================================= */

@media only screen and (max-width: 480px) {
    .home-page
    .gallery-section
    .gallery-title-link {
        margin-bottom: 6px !important;
    }

    .home-page
    .gallery-section
    .gallery-carousel
    .owl-stage-outer {
        padding-top: 5px !important;
    }

    .home-page
    .gallery-section
    .gallery-button-box {
        margin-top: 12px !important;
    }

    .home-page
    .gallery-section
    .gallery-button-box
    .theme-btn {
        min-width: 145px;

        padding: 11px 22px !important;

        font-size: 11px !important;
    }
}

/* =========================================================
   HOME — CENTRALIZAÇÃO FINAL DA GALERIA NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {

    /*
     * Remove o padding lateral antigo de 30px aplicado
     * diretamente na seção.
     */
    .home-page .gallery-section {
        width: 100%;
        max-width: 100%;

        padding-right: 0 !important;
        padding-left: 0 !important;

        overflow: hidden;
    }

    /*
     * Cria um espaçamento igual dos dois lados.
     */
    .home-page
    .gallery-section
    > .container-fluid {
        width: 100%;
        max-width: 100%;

        margin-right: auto;
        margin-left: auto;

        padding-right: 18px !important;
        padding-left: 18px !important;

        box-sizing: border-box;
        overflow: hidden;
    }

    /* =====================================================
       TÍTULO
    ===================================================== */

    .home-page
    .gallery-section
    .gallery-title-link {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto 8px !important;

        text-align: center !important;
    }

    .home-page
    .gallery-section
    .gallery-title-link
    .sec-title {
        width: 100%;
        max-width: 300px;

        margin-right: auto !important;
        margin-bottom: 0 !important;
        margin-left: auto !important;

        text-align: center !important;
    }

    /* Texto "Galeria" */

    .home-page
    .gallery-section
    .gallery-title-link
    .sec-title h5 {
        display: inline-block;

        width: auto;

        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;

        text-align: center !important;
    }

    /* Colecionando Momentos */

    html[data-accessibility-font-scale]
    body.home-page
    .gallery-section
    .gallery-title-link
    .sec-title h1,
    body.home-page
    .gallery-section
    .gallery-title-link
    .sec-title h1 {
        display: block;

        width: 100%;
        max-width: 290px;

        margin-right: auto !important;
        margin-left: auto !important;

        font-size: clamp(
            25px,
            calc(28px * var(--accessibility-font-scale, 1)),
            31px
        ) !important;

        line-height: 1.2 !important;

        text-align: center !important;

        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
    }

    /* =====================================================
       CARROSSEL E IMAGENS
    ===================================================== */

    .home-page
    .gallery-section
    .gallery-carousel {
        display: block;

        width: 100% !important;
        max-width: 320px !important;

        margin-right: auto !important;
        margin-left: auto !important;

        padding: 0 !important;

        overflow: hidden;
    }

    .home-page
    .gallery-section
    .gallery-carousel
    .owl-stage-outer {
        width: 100% !important;

        margin-right: auto !important;
        margin-left: auto !important;

        padding-top: 6px !important;

        overflow: hidden;
    }

    .home-page
    .gallery-section
    .gallery-carousel
    .owl-item {
        text-align: center;
    }

    .home-page
    .gallery-section
    .gallery-block {
        width: 100%;

        margin-right: auto !important;
        margin-left: auto !important;

        padding: 6px !important;

        box-sizing: border-box;
    }

    .home-page
    .gallery-section
    .gallery-item-link,
    .home-page
    .gallery-section
    .gallery-block
    .image-box,
    .home-page
    .gallery-section
    .gallery-block
    .image {
        display: block;

        width: 100%;
        max-width: 100%;

        margin-right: auto !important;
        margin-left: auto !important;
    }

    .home-page
    .gallery-section
    .gallery-block
    .image-box
    img {
        display: block;

        width: 100%;
        height: 100%;

        margin: 0 auto;

        object-fit: cover;
        object-position: center;
    }
}

/* =========================================================
   GALERIA — CELULARES PEQUENOS
========================================================= */

@media only screen and (max-width: 480px) {

    .home-page
    .gallery-section
    > .container-fluid {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .home-page
    .gallery-section
    .gallery-carousel {
        max-width: 310px !important;
    }

    html[data-accessibility-font-scale]
    body.home-page
    .gallery-section
    .gallery-title-link
    .sec-title h1,
    body.home-page
    .gallery-section
    .gallery-title-link
    .sec-title h1 {
        max-width: 280px;

        font-size: clamp(
            24px,
            calc(27px * var(--accessibility-font-scale, 1)),
            29px
        ) !important;
    }
}

/* =========================================================
   FOOTER — AJUSTE FINAL NO CELULAR
   Centralização e redução dos espaços
========================================================= */

@media only screen and (max-width: 767px) {

    /* =====================================================
       PARTE LARANJA DO RODAPÉ
    ===================================================== */

    .main-footer .footer-top {
        padding: 36px 0 30px !important;
    }

    .main-footer .footer-top > .container {
        width: 100%;
        max-width: 100%;

        padding-right: 22px;
        padding-left: 22px;
    }

    .main-footer .footer-top .row {
        display: flex;
        flex-direction: column;
        align-items: center;

        margin-right: -10px;
        margin-left: -10px;
    }

    .main-footer
    .footer-top
    .row
    > [class*="col-"] {
        flex: 0 0 100%;

        width: 100%;
        max-width: 100%;

        padding-right: 10px;
        padding-left: 10px;
    }

    /* =====================================================
       CONFIGURAÇÃO GERAL DOS BLOCOS
    ===================================================== */

     .main-footer .footer-top .footer-widget {
        width: 100%;
        max-width: 330px;

        margin: 0 auto 28px !important;

        text-align: center;
    }

    
    .main-footer
    .footer-top
    .row
    > [class*="col-"]:last-child
    .footer-widget {
        margin-bottom: 0 !important;
    }

    
    .main-footer
    .footer-top
    .about-widget,
    
    .main-footer
    .footer-top
    .link-widget,
    
    .main-footer
    .footer-top
    .contact-widget,
    
    .main-footer
    .footer-top
    .subscribe-widget {
        margin-right: auto !important;
        margin-left: auto !important;

        text-align: center;
    }

    /* Títulos: Sobre nós, Menu, Contato e Acompanhe */

    
    .main-footer
    .footer-top
    .widget-title {
        margin-bottom: 13px !important;

        font-size: 21px;
        line-height: 1.3;

        text-align: center;
    }

    /* =====================================================
       SOBRE NÓS
    ===================================================== */

    
    .main-footer
    .footer-top
    .about-widget
    .widget-content {
        width: 100%;
        max-width: 310px;

        margin-right: auto;
        margin-left: auto;
    }

    
    .main-footer
    .footer-top
    .about-widget
    .widget-content p {
        margin-bottom: 10px !important;

        font-size: 14px;
        line-height: 1.65;

        text-align: center;
    }

    
    .main-footer
    .footer-top
    .about-widget
    .widget-content p:last-child {
        margin-bottom: 0 !important;
    }

    /* =====================================================
       MENU
    ===================================================== */

    
    .main-footer
    .footer-top
    .link-widget
    .widget-content ul {
        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 5px;

        width: 100%;
    }

    
    .main-footer
    .footer-top
    .link-widget
    .widget-content li {
        width: 100%;

        margin: 0 !important;

        text-align: center;
    }

    
    .main-footer
    .footer-top
    .link-widget
    .widget-content li a {
        padding: 2px 8px;

        font-size: 14px;
        line-height: 1.5;

        text-align: center;
    }

    /*
     * Remove o movimento lateral usado no desktop.
     */
    
    .main-footer
    .footer-top
    .link-widget
    .widget-content li a:hover {
        padding-left: 8px;
    }

    
    .main-footer
    .footer-top
    .link-widget
    .widget-content li a::before {
        display: none;
    }

    /* =====================================================
       CONTATO
    ===================================================== */

    
    .main-footer
    .footer-top
    .contact-widget
    .widget-content > .text {
        width: 100%;
        max-width: 295px;

        margin: 0 auto 14px !important;

        font-size: 14px;
        line-height: 1.6;

        text-align: center;
    }

    
    .main-footer
    .footer-top
    .contact-widget
    .info-list {
        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 10px;

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

        margin-right: auto;
        margin-left: auto;
    }

    
    .main-footer
    .footer-top
    .contact-widget
    .info-list li {
        position: relative;

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

        gap: 9px;

        width: 100%;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 14px;
        line-height: 1.55;

        text-align: center;
    }

    
    .main-footer
    .footer-top
    .contact-widget
    .info-list li i {
        position: static !important;

        top: auto !important;
        left: auto !important;

        flex: 0 0 auto;

        width: 18px;

        font-size: 14px;

        text-align: center;
    }

    
    .main-footer
    .footer-top
    .contact-widget
    .info-list li a {
        display: inline;

        margin: 0 !important;

        font-size: 14px;
        line-height: 1.55;

        text-align: center;

        overflow-wrap: anywhere;
    }

    /*
     * Desativa o deslocamento de contato existente no desktop.
     */
    
    .main-footer
    .footer-top
    .contact-widget
    .info-list li:hover,
    
    .main-footer
    .footer-top
    .contact-widget
    .info-list li:focus-within {
        padding-left: 0 !important;
    }

    
    .main-footer
    .footer-top
    .contact-widget
    .info-list li::before {
        display: none !important;
    }

    /* =====================================================
       ACOMPANHE
    ===================================================== */

    
    .main-footer
    .footer-top
    .subscribe-widget
    .widget-content > .text {
        width: 100%;
        max-width: 290px;

        margin: 0 auto 17px !important;

        font-size: 14px;
        line-height: 1.6;

        text-align: center;
    }

    
    .main-footer
    .subscribe-widget
    .social-style-one {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 10px;

        width: 100%;

        margin: 0 !important;
    }

    
    .main-footer
    .subscribe-widget
    .social-style-one li {
        margin: 0 !important;
    }

    
    .main-footer
    .subscribe-widget
    .social-style-one li a {
        width: 44px;
        height: 44px;

        font-size: 18px !important;
    }

    
    .main-footer
    .subscribe-widget
    .social-style-one li a i {
        font-size: 18px !important;
    }

    /* =====================================================
       PARTE CLARA INFERIOR
    ===================================================== */

     .main-footer .footer-bottom {
        padding: 18px 0 20px !important;
    }

    
    .main-footer
    .footer-bottom
    > .container {
        width: 100%;
        max-width: 100%;

        padding-right: 18px;
        padding-left: 18px;
    }

    
    .main-footer
    .footer-bottom
    .footer-bottom-content {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 11px !important;

        min-height: 0 !important;

        margin: 0;
        padding: 0 !important;

        text-align: center;
    }

    /* Logo do Colégio */

    
    .main-footer
    .footer-bottom
    .footer-logo {
        order: 1;

        margin: 0 !important;

        transform: none !important;
    }

    
    .main-footer
    .footer-bottom
    .footer-logo::before {
        display: none !important;
    }

    
    .main-footer
    .footer-bottom
    .footer-logo img {
        width: auto;
        height: 52px !important;

        margin: 0 auto;
    }

    /* Feito com amor por Virtua Brasil */

     .main-footer .footer-virtua {
        order: 2;

        width: 100%;

        margin: 0;

        text-align: center;
    }

     .main-footer .footer-virtua a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

        gap: 5px;

        width: 100%;

        font-size: 12px;
        line-height: 1.4;

        white-space: normal;
    }

     .main-footer .footer-virtua img {
        height: 18px;
    }

    
    .main-footer
    .footer-virtua
    .footer-heart {
        font-size: 15px;
    }

    /* Links legais */

     .main-footer .footer-links {
        order: 3;

        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

        gap: 5px 15px !important;

        width: 100%;
        max-width: 310px;

        margin: 0 auto;
    }

     .main-footer .footer-links li {
        margin: 0;
    }

     .main-footer .footer-links a {
        padding: 2px 0;

        font-size: 12px;
        line-height: 1.45;

        white-space: normal;
    }
}

/* =========================================================
   FOOTER — CELULARES PEQUENOS
========================================================= */

@media only screen and (max-width: 480px) {
     .main-footer .footer-top {
        padding-top: 32px !important;
        padding-bottom: 27px !important;
    }

    .main-footer
    .footer-top
    .footer-widget {
        max-width: 295px;
        margin-bottom: 24px !important;
    }

    .main-footer
    .footer-top
    .widget-title {
        margin-bottom: 11px !important;
        font-size: 20px;
    }

    .main-footer
    .footer-bottom
    .footer-logo img {
        height: 48px !important;
    }

    .main-footer
    .footer-bottom
    .footer-bottom-content {
        gap: 9px !important;
    }

     .main-footer .footer-links {
        max-width: 285px;
        gap: 4px 13px !important;
    }
}

/* =========================================================
   PÁGINA BASIC — PADRONIZAÇÃO DOS CARDS NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {
    .basic-page .basic-destaques {
        display: grid !important;
        grid-template-columns: minmax(0, 320px) !important;
        justify-content: center !important;
        align-items: stretch;
        gap: 22px !important;
        width: 100%;
        max-width: 100%;
        margin: 48px auto 0 !important;
        padding-right: 16px;
        padding-left: 16px;
        box-sizing: border-box;
    }

    .basic-page .basic-destaque-item {
        display: grid !important;
        grid-template-columns: 56px minmax(0, 1fr);
        align-items: center;
        column-gap: 16px;
        flex: none !important;
        width: 100% !important;
        max-width: 320px !important;
        height: 168px;
        min-height: 168px;
        margin: 0 auto !important;
        padding: 22px 20px !important;
        box-sizing: border-box;
        border-radius: 20px;
    }

    .basic-page
    .basic-destaque-item
    > div:last-child {
        display: grid;
        grid-template-rows: 44px auto;
        align-content: center;
        width: 100%;
        min-width: 0;
    }

    .basic-page .basic-destaque-item__icone {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 56px;
        height: 56px;
        margin: 0;
        font-size: 22px;
        line-height: 1;
        border-radius: 18px;
    }

    .basic-page .basic-destaque-item strong {
        display: flex;
        align-items: center;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        font-size: 17px;
        line-height: 1.3;
        font-weight: 800;
        text-align: left;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    .basic-page .basic-destaque-item span {
        display: block;
        width: 100%;
        min-width: 0;
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
        text-align: left;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    .basic-page .basic-destaque-item:hover {
        transform: none;
    }
}

/* =========================================================
   PÁGINA BASIC — CELULARES MENORES
========================================================= */

@media only screen and (max-width: 399px) {
    .basic-page .basic-destaques {
        grid-template-columns: minmax(0, 295px) !important;
        gap: 19px !important;

        margin-top: 42px !important;
        padding-right: 12px;
        padding-left: 12px;
    }

    .basic-page .basic-destaque-item {
        grid-template-columns: 52px minmax(0, 1fr);

        column-gap: 14px;
        max-width: 295px !important;
        height: 168px;
        min-height: 168px;
        padding: 21px 17px !important;
    }

    .basic-page .basic-destaque-item__icone {
        width: 52px;
        height: 52px;
        font-size: 20px;
        border-radius: 16px;
    }

    .basic-page .basic-destaque-item strong {
        font-size: 16px;
        line-height: 1.3;
    }

    .basic-page .basic-destaque-item span {
        font-size: 12.5px;
        line-height: 1.5;
    }
}

/* =========================================================
   PÁGINA BASIC — BOTÃO FINAL EM UMA LINHA
========================================================= */

@media only screen and (max-width: 767px) {
    .basic-page .basic-cta__botao {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;

        gap: 8px !important;

        width: 100% !important;
        min-width: 0 !important;
        padding: 13px 16px !important;
        font-size: clamp(
            12px,
            calc(13px * var(--accessibility-font-scale, 1)),
            14px
        ) !important;

        line-height: 20px !important;
        white-space: nowrap !important;
    }

    .basic-page .basic-cta__botao span {
        display: inline !important;
        margin: 0 !important;
        color: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .basic-page .basic-cta__botao i {
        flex: 0 0 auto;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1 !important;
    }
}

/* Celulares menores */

@media only screen and (max-width: 399px) {
    .basic-page .basic-cta__botao {
        gap: 7px !important;
        padding-right: 13px !important;
        padding-left: 13px !important;
        font-size: 12px !important;
    }

    .basic-page .basic-cta__botao i {
        font-size: 13px !important;
    }
}

/* =========================================================
   PÁGINA ENSINO — TÍTULO DA APRESENTAÇÃO NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {
    .ensino-page .ensino-apresentacao {
        width: 100%;
        padding: 55px 0 62px !important;
        overflow: hidden;
    }

    .ensino-page .ensino-apresentacao > .container {
        width: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .ensino-page .ensino-apresentacao__titulo {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 36px !important;
        padding: 0;
        text-align: center;
    }

    .ensino-page
    .ensino-apresentacao__titulo
    .sec-title {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .ensino-page
    .ensino-apresentacao__titulo
    .sec-title h5 {
        display: inline-block;
        width: auto;
        margin: 0 auto 14px;
        padding-right: 38px !important;
        padding-left: 38px !important;
        font-size: 14px !important;
        line-height: 22px !important;
        text-align: center;
    }

    .ensino-page
    .ensino-apresentacao__titulo
    .sec-title h5::before,
    .ensino-page
    .ensino-apresentacao__titulo
    .sec-title h5::after {
        display: block !important;
        width: 24px;
        height: 2px;
        bottom: 10px;
    }

    html[data-accessibility-font-scale]
    body.ensino-page
    .ensino-apresentacao__titulo h1,
    body.ensino-page
    .ensino-apresentacao__titulo h1 {
        display: block;
        width: 100%;
        max-width: 300px;
        margin: 0 auto 18px !important;
        font-size: clamp(
            23px,
            7.5vw,
            28px
        ) !important;

        line-height: 1.25 !important;
        text-align: center;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    .ensino-page
    .ensino-apresentacao__titulo p {
        width: 100%;
        max-width: 295px;
        margin-right: auto;
        margin-left: auto;
        font-size: 14px !important;
        line-height: 1.75 !important;
        text-align: center;
        word-break: normal;
        overflow-wrap: break-word;
    }
}

/* =========================================================
   PÁGINA ENSINO — CELULARES MENORES
========================================================= */

@media only screen and (max-width: 399px) {
    .ensino-page .ensino-apresentacao {
        padding-top: 48px !important;
        padding-bottom: 55px !important;
    }

    .ensino-page .ensino-apresentacao > .container {
        padding-right: 17px;
        padding-left: 17px;
    }

    .ensino-page .ensino-apresentacao__titulo {
        max-width: 290px;
        margin-bottom: 32px !important;
    }

    html[data-accessibility-font-scale]
    body.ensino-page
    .ensino-apresentacao__titulo h1,
    body.ensino-page
    .ensino-apresentacao__titulo h1 {
        max-width: 280px;
        font-size: clamp(
            22px,
            7.4vw,
            26px
        ) !important;

        line-height: 1.27 !important;
    }

    .ensino-page
    .ensino-apresentacao__titulo p {
        max-width: 275px;
        font-size: 13.5px !important;
    }
}

/* =========================================================
   PÁGINA BERÇÁRIO — TAMANHO DOS TÍTULOS NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {
    .bercario-apresentacao__conteudo .sec-title h1,
    .bercario-informacoes__titulo h1,
    .bercario-rotina__conteudo .sec-title h1 {
        font-size: clamp(26px, 7vw, 30px) !important;
        line-height: 1.22 !important;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }
}

@media only screen and (max-width: 479px) {
    .bercario-apresentacao__conteudo .sec-title h1,
    .bercario-informacoes__titulo h1,
    .bercario-rotina__conteudo .sec-title h1 {
        font-size: clamp(24px, 7.2vw, 26px) !important;
        line-height: 1.24 !important;
    }
}

/* =========================================================
   PÁGINA EDUCAÇÃO INFANTIL — AJUSTES DOS TÍTULOS
========================================================= */

@media only screen and (max-width: 767px) {

    /* =====================================================
       BANNER
    ===================================================== */

    body[class*="infantil"]
    [class*="banner"]
    .content-box h1,
    body[class*="infantil"]
    .page-title
    .content-box h1 {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }

    /* =====================================================
       CAMINHO DO BANNER
       Home / Ensino / Educação Infantil
    ===================================================== */

    body[class*="infantil"] .bread-crumb {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap !important;

        gap: 5px !important;

        width: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    body[class*="infantil"] .bread-crumb li {
        flex: 0 0 auto;
        margin: 0 !important;
        padding-right: 12px !important;
        font-size: 11.5px !important;
        line-height: 20px !important;
        white-space: nowrap !important;
    }

    body[class*="infantil"] .bread-crumb li:last-child {
        padding-right: 0 !important;
    }

    body[class*="infantil"] .bread-crumb li::after {
        right: 1px !important;
    }

    /* =====================================================
       TÍTULOS PRINCIPAIS DAS SEÇÕES
    ===================================================== */

    html[data-accessibility-font-scale]
    body[class*="infantil"]
    .sec-title h1,
    body[class*="infantil"]
    .sec-title h1 {
        font-size: clamp(26px, 7vw, 30px) !important;
        line-height: 1.22 !important;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    body[class*="infantil"]
    [class*="cta"] h2 {
        font-size: 27px !important;
        line-height: 1.25 !important;
    }
}


/* =========================================================
   PÁGINA EDUCAÇÃO INFANTIL — CELULARES MENORES
========================================================= */

@media only screen and (max-width: 479px) {
    body[class*="infantil"]
    [class*="banner"]
    .content-box h1,
    body[class*="infantil"]
    .page-title
    .content-box h1 {
        font-size: 31px !important;
    }

    body[class*="infantil"] .bread-crumb {
        gap: 4px !important;
    }

    body[class*="infantil"] .bread-crumb li {
        padding-right: 10px !important;
        font-size: 10.5px !important;
        line-height: 18px !important;
    }

    html[data-accessibility-font-scale]
    body[class*="infantil"]
    .sec-title h1,
    body[class*="infantil"]
    .sec-title h1 {
        font-size: clamp(24px, 7.2vw, 26px) !important;
        line-height: 1.24 !important;
    }

    body[class*="infantil"]
    [class*="cta"] h2 {
        font-size: 24px !important;
        line-height: 1.28 !important;
    }
}

/* =========================================================
   PÁGINA FUNDAMENTAL I — AJUSTES DOS TÍTULOS
========================================================= */

@media only screen and (max-width: 767px) {

    /* =====================================================
       BANNER
    ===================================================== */

    body[class*="fundamental"]
    [class*="banner"]
    .content-box h1,
    body[class*="fundamental"]
    .page-title
    .content-box h1 {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }

    /* =====================================================
       CAMINHO DO BANNER
       Home / Ensino / Fundamental I
    ===================================================== */

    body[class*="fundamental"] .bread-crumb {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap !important;

        gap: 5px !important;

        width: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    body[class*="fundamental"] .bread-crumb li {
        flex: 0 0 auto;
        margin: 0 !important;
        padding-right: 12px !important;
        font-size: 11.5px !important;
        line-height: 20px !important;
        white-space: nowrap !important;
    }

    body[class*="fundamental"] .bread-crumb li:last-child {
        padding-right: 0 !important;
    }

    body[class*="fundamental"] .bread-crumb li::after {
        right: 1px !important;
    }

    /* =====================================================
       TÍTULOS PRINCIPAIS DAS SEÇÕES
    ===================================================== */

    html[data-accessibility-font-scale]
    body[class*="fundamental"]
    .sec-title h1,
    body[class*="fundamental"]
    .sec-title h1 {
        font-size: clamp(26px, 7vw, 30px) !important;
        line-height: 1.22 !important;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    body[class*="fundamental"]
    [class*="cta"] h2 {
        font-size: 27px !important;
        line-height: 1.25 !important;
    }
}


/* =========================================================
   PÁGINA FUNDAMENTAL I — CELULARES MENORES
========================================================= */

@media only screen and (max-width: 479px) {

    body[class*="fundamental"]
    [class*="banner"]
    .content-box h1,
    body[class*="fundamental"]
    .page-title
    .content-box h1 {
        font-size: 31px !important;
    }

    body[class*="fundamental"] .bread-crumb {
        gap: 4px !important;
    }

    body[class*="fundamental"] .bread-crumb li {
        padding-right: 10px !important;
        font-size: 10.5px !important;
        line-height: 18px !important;
    }

    html[data-accessibility-font-scale]
    body[class*="fundamental"]
    .sec-title h1,
    body[class*="fundamental"]
    .sec-title h1 {
        font-size: clamp(24px, 7.2vw, 26px) !important;
        line-height: 1.24 !important;
    }

    body[class*="fundamental"]
    [class*="cta"] h2 {
        font-size: 24px !important;
        line-height: 1.28 !important;
    }
}

/* =========================================================
   BANNERS INTERNOS — BREADCRUMB NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {
    .bercario-page__banner .bread-crumb {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap !important;

        gap: 6px !important;

        width: 100%;
        max-width: 100%;
        margin-right: auto !important;
        margin-left: auto !important;
        white-space: nowrap !important;
    }

    .bercario-page__banner .bread-crumb li {
        flex: 0 0 auto;
        margin: 0 !important;
        padding-right: 14px !important;
        font-size: 14px !important;
        line-height: 22px !important;
        white-space: nowrap !important;
    }

    .bercario-page__banner .bread-crumb li:last-child {
        padding-right: 0 !important;
    }

    .bercario-page__banner .bread-crumb li::before {
        top: 0 !important;
        right: 1px !important;
        font-size: 14px !important;
        line-height: 22px !important;
    }
}


/* Celulares menores */

@media only screen and (max-width: 479px) {

    .bercario-page__banner .bread-crumb {
        gap: 5px !important;
    }

    .bercario-page__banner .bread-crumb li {
        padding-right: 13px !important;
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .bercario-page__banner .bread-crumb li::before {
        font-size: 13px !important;
        line-height: 20px !important;
    }
}


/* =========================================================
   FUNDAMENTAL I — BREADCRUMB COM TRÊS ITENS
========================================================= */

@media only screen and (max-width: 479px) {
    body[class*="fundamental"]
    .bercario-page__banner
    .bread-crumb {
        gap: 4px !important;
    }

    body[class*="fundamental"]
    .bercario-page__banner
    .bread-crumb li {
        padding-right: 10px !important;
        font-size: 10.5px !important;
        line-height: 18px !important;
    }

    body[class*="fundamental"]
    .bercario-page__banner
    .bread-crumb li::before {
        right: 0 !important;
        font-size: 10.5px !important;
        line-height: 18px !important;
    }

    body[class*="fundamental"]
    .bercario-apresentacao__conteudo
    .sec-title.style-two h5 {
        position: relative;
        padding-left: 50px !important;
        padding-right: 0 !important;
        line-height: 1.35 !important;
    }

    body[class*="fundamental"]
    .bercario-apresentacao__conteudo
    .sec-title.style-two h5::before {
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%);
    }
}

    /* =====================================================
       BREADCRUMB DO BANNER
       Home / Ensino / Fundamental I
    ===================================================== */

    .bercario-page__banner .bread-crumb {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        width: 100%;
        max-width: 100%;
        margin-right: auto !important;
        margin-left: auto !important;
        white-space: nowrap !important;
    }

    .bercario-page__banner .bread-crumb li {
        flex: 0 0 auto;
        margin: 0 !important;
        padding-right: 10px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
    }

    .bercario-page__banner .bread-crumb li:last-child {
        padding-right: 0 !important;
    }

    .bercario-page__banner .bread-crumb li::before {
        top: 0 !important;
        right: 0 !important;
    }

    /* =====================================================
       LINHA AMARELA DE "CONHECIMENTO E AUTONOMIA"
    ===================================================== */

    .bercario-apresentacao__conteudo
    .sec-title.style-two h5 {
        position: relative;
        padding-left: 50px !important;
        padding-right: 0 !important;
        line-height: 1.35 !important;
    }

    .bercario-apresentacao__conteudo
    .sec-title.style-two h5::before {
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%);
    }
}

/* =========================================================
   DEPOIMENTOS — NAVEGAÇÃO ABAIXO DOS CARDS NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {
    .depoimentos-page .testimonials-carousel {
        position: relative;
        padding-right: 0 !important;
        padding-bottom: 60px !important;
        padding-left: 0 !important;
    }

    .depoimentos-page
    .testimonials-carousel
    .owl-stage-outer {
        padding-bottom: 20px !important;
    }

    /* =====================================================
       ÁREA DAS SETAS
    ===================================================== */

    .depoimentos-page
    .testimonials-carousel
    .owl-nav {
        position: absolute !important;
        top: auto !important;
        right: auto !important;
        bottom: 0 !important;
        left: 50% !important;
        width: 210px;
        height: 38px;
        margin: 0 !important;
        transform: translateX(-50%);
        pointer-events: none;
        z-index: 5;
    }

    .depoimentos-page
    .testimonials-carousel
    .owl-nav
    .owl-prev,
    .depoimentos-page
    .testimonials-carousel
    .owl-nav
    .owl-next {
        top: 0 !important;
        bottom: auto !important;
        width: 38px !important;
        height: 38px !important;
        transform: none !important;
        pointer-events: auto;
    }

    .depoimentos-page
    .testimonials-carousel
    .owl-nav
    .owl-prev {
        right: auto !important;
        left: 0 !important;
    }

    .depoimentos-page
    .testimonials-carousel
    .owl-nav
    .owl-next {
        right: 0 !important;
        left: auto !important;
    }

    .depoimentos-page
    .testimonials-carousel
    .owl-nav
    button:hover {
        transform: scale(1.07) !important;
    }

    /* =====================================================
       BOLINHAS CENTRALIZADAS ENTRE AS SETAS
    ===================================================== */

    .depoimentos-page
    .testimonials-carousel
    .owl-dots {
        position: absolute;
        right: auto;
        bottom: 8px;
        left: 50%;
        margin: 0 !important;
        transform: translateX(-50%);
        z-index: 6;
    }
}

/* =========================================================
   DEPOIMENTOS — ELEMENTOS DECORATIVOS NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {
    .depoimentos-page::before {
        display: none;
    }
}

/* =========================================================
   DEPOIMENTOS — TAMANHO DO TÍTULO NO CELULAR
========================================================= */

@media only screen and (max-width: 767px) {
    .depoimentos-page .depoimentos-page__title h1 {
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-bottom: 18px !important;
        margin-left: auto;
        font-size: 27px !important;
        line-height: 1.18 !important;
        text-align: center;
    }
}

@media only screen and (max-width: 479px) {
    .depoimentos-page .depoimentos-page__title h1 {
        max-width: 285px;
        font-size: 24px !important;
        line-height: 1.18 !important;
    }
}

/* =========================================================
   PÁGINA GALERIA — RESPONSIVIDADE FINAL
   Manter no final absoluto do responsive.css
========================================================= */


/* =========================================================
   TABLETS — DUAS IMAGENS POR VEZ
========================================================= */

@media only screen and (max-width: 991px) {
    .galeria-carrossel {
        padding-right: 50px;
        padding-left: 50px;
    }

    .galeria-grupo__foto {
        flex: 0 0 calc((100% - 24px) / 2);
    }
}


/* =========================================================
   CELULARES — UMA IMAGEM POR VEZ
========================================================= */

@media only screen and (max-width: 575px) {
    .galeria-page {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .galeria-page__intro {
        margin-bottom: 45px;
    }

    .galeria-grupo + .galeria-grupo {
        margin-top: 60px;
    }

    .galeria-grupo__titulo {
        margin-bottom: 22px;
    }

    .galeria-grupo__titulo h2 {
        font-size: 27px;
        line-height: 1.25;
    }

    .galeria-carrossel {
        padding-right: 42px;
        padding-left: 42px;
    }

    .galeria-grupo__foto {
        flex: 0 0 100%;
    }

    .galeria-carrossel__seta {
        width: 36px;
        height: 36px;
    }

    .galeria-carrossel__seta span {
        font-size: 15px;
    }

    .galeria-carrossel__seta--anterior {
        left: 0;
    }

    .galeria-carrossel__seta--proxima {
        right: 0;
    }

    .galeria-lightbox {
        padding: 65px 14px 58px;
    }

    .galeria-lightbox__conteudo {
        width: 100%;
    }

    .galeria-lightbox__imagem {
        max-width: 94vw;
        max-height: 76vh;
    }

    .galeria-lightbox__fechar {
        top: 12px;
        right: 12px;

        width: 42px;
        height: 42px;
    }

    .galeria-lightbox__seta {
        top: auto;
        bottom: 10px;

        width: 42px;
        height: 42px;

        transform: none;
    }

    .galeria-lightbox__seta--anterior {
        left: calc(50% - 62px);
    }

    .galeria-lightbox__seta--proxima {
        right: calc(50% - 62px);
    }

    .galeria-lightbox__seta:hover,
    .galeria-lightbox__seta:focus-visible {
        transform: scale(1.06);
    }

    .galeria-lightbox__contador {
        bottom: -46px;
    }
}


/* =========================================================
   CELULARES PEQUENOS
========================================================= */

@media only screen and (max-width: 399px) {
    .galeria-page {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .galeria-page > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .galeria-page__intro {
        margin-bottom: 38px;
    }

    .galeria-page__intro h1 {
        font-size: 29px;
        line-height: 1.28;
    }

    .galeria-page__intro p {
        font-size: 14px;
        line-height: 1.7;
    }

    .galeria-grupo__titulo h2 {
        font-size: 24px;
    }

    .galeria-carrossel {
        padding-right: 36px;
        padding-left: 36px;
    }

    .galeria-carrossel__seta {
        width: 32px;
        height: 32px;
    }

    .galeria-carrossel__seta span {
        font-size: 13px;
    }
}

/* =========================================================
   BANNER DA GALERIA — RESPONSIVIDADE FINAL
   Mesmo comportamento do banner da página BASIC
========================================================= */


/* =========================================================
   Tablets
========================================================= */

@media only screen and (max-width: 991px) {

    .galeria-page__banner {
        min-height: 340px;

        padding: 85px 0;
    }


    .galeria-page__banner
    .content-box h1 {
        font-size: 47px;
    }

}


/* =========================================================
   Celulares
========================================================= */

@media only screen and (max-width: 767px) {

    .galeria-page__banner {
        min-height: 300px;

        padding: 70px 0;
    }


    .galeria-page__banner
    .content-box h1 {
        font-size: 39px;
    }

}


/* =========================================================
   Celulares pequenos
========================================================= */

@media only screen and (max-width: 479px) {

    .galeria-page__banner
    .content-box h1 {
        font-size: 33px;
    }

}

/* =========================================================
   PÁGINA BASIC — TAMANHO RESPONSIVO DOS CARDS DE DESTAQUE
   Manter no final absoluto do responsive.css
========================================================= */


/* =========================================================
   Notebooks e tablets maiores — dois cards por linha
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .basic-page .basic-destaques {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;

        gap: 26px;

        width: 100%;
        max-width: 900px;

        margin-right: auto;
        margin-left: auto;
    }

    .basic-page .basic-destaque-item {
        flex: 0 1 calc((100% - 26px) / 2);

        width: auto;
        max-width: none;
        min-height: 165px;

        padding: 30px 28px;
    }
}


/* =========================================================
   Celulares e tablets pequenos — um card por linha
========================================================= */

@media only screen and (max-width: 767px) {
    .basic-page .basic-destaques {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;

        gap: 20px;

        width: 100%;
        max-width: 100%;

        margin-top: 65px;
        margin-right: auto;
        margin-left: auto;
    }

    .basic-page .basic-destaque-item {
        flex: 0 0 auto;

        width: 100%;
        max-width: 430px;
        min-height: 155px;

        padding: 28px 25px;
    }
}


/* =========================================================
   Celulares pequenos
========================================================= */

@media only screen and (max-width: 479px) {
    .basic-page .basic-destaques {
        gap: 18px;

        margin-top: 55px;
    }

    .basic-page .basic-destaque-item {
        width: 100%;
        max-width: 100%;
        min-height: 150px;

        gap: 17px;

        padding: 25px 21px;
    }

    .basic-page .basic-destaque-item__icone {
        flex-basis: 58px;

        width: 58px;
        height: 58px;

        font-size: 23px;
    }

    .basic-page .basic-destaque-item strong {
        font-size: 17px;
    }

    .basic-page .basic-destaque-item span {
        font-size: 13px;
        line-height: 1.55;
    }
}


/* =========================================================
   RESPONSIVO — PÁGINA DA PLATAFORMA VIRTUAL
   Manter no final do responsive.css
========================================================= */

@media only screen and (max-width: 1199px) {
    body.plataforma-page {
        padding-top: 0 !important;
    }

    .plataforma-page .ead-login-page {
        padding: 28px;
    }

    .plataforma-page .login-container {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(390px, 0.82fr);

        min-height: 680px;
    }

    .plataforma-page .login-banner {
        padding: 55px 48px;
    }

    .plataforma-page .login-banner h1 {
        font-size: 42px;
    }

    .plataforma-page .login-form-wrapper {
        padding: 55px 42px;
    }
}

@media only screen and (max-width: 991px) {
    body.plataforma-page {
        padding-top: 0 !important;
    }

    .plataforma-page .ead-login-page {
        align-items: flex-start;
        padding: 28px 22px;
    }

    .plataforma-page .login-container {
        grid-template-columns: 1fr;

        width: 100%;
        max-width: 760px;
        min-height: 0;
    }

    .plataforma-page .login-banner {
        min-height: 500px;
        padding: 58px 55px;
    }

    .plataforma-page .login-banner-content {
        max-width: 620px;
    }

    .plataforma-page .login-form-wrapper {
        padding: 58px 55px;
    }

    .plataforma-page .login-card {
        max-width: 520px;
    }
}

@media only screen and (max-width: 767px) {
    body.plataforma-page {
        padding-top: 0 !important;
    }

    .plataforma-page .ead-login-page {
        padding: 18px;
    }

    .plataforma-page .login-container {
        border-radius: 24px;
    }

    .plataforma-page .login-banner {
        min-height: 0;
        padding: 45px 30px 48px;
    }

    .plataforma-page .login-badge {
        margin-bottom: 38px;
    }

    .plataforma-page .login-banner h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .plataforma-page
    .login-banner-content > p {
        margin-bottom: 34px;

        font-size: 16px;
        line-height: 1.7;
    }

    .plataforma-page .login-stats {
        gap: 10px;
    }

    .plataforma-page .stat-item {
        min-height: 92px;
        padding: 17px 13px;
    }

    .plataforma-page .stat-item strong {
        font-size: 22px;
    }

    .plataforma-page .login-form-wrapper {
        padding: 45px 30px;
    }

    .plataforma-page .login-header h2 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 575px) {
    body.plataforma-page {
        padding-top: 0 !important;
    }

    .plataforma-page .ead-login-page {
        display: block;
        min-height: 100vh;
        min-height: 100svh;
        padding: 0;
    }

    .plataforma-page .login-container {
        min-height: 100vh;
        min-height: 100svh;

        border: 0;
        border-radius: 0;

        box-shadow: none;
    }

    .plataforma-page .login-banner {
        padding: 36px 20px 40px;
    }

    .plataforma-page
    .login-banner-decoration--one {
        top: -175px;
        right: -180px;
    }

    .plataforma-page
    .login-banner-decoration--two {
        display: none;
    }

    .plataforma-page .login-banner::after {
        right: -195px;
        bottom: -285px;

        width: 390px;
        height: 390px;
    }

    .plataforma-page .login-badge {
        min-height: 39px;
        margin-bottom: 31px;
        padding: 8px 15px;

        font-size: 12px;
    }

    .plataforma-page .login-platform-brand {
        gap: 12px;
        margin-bottom: 22px;
    }

    .plataforma-page
    .login-platform-brand__icon {
        flex-basis: 48px;

        width: 48px;
        height: 48px;

        border-radius: 15px;
        font-size: 19px;
    }

    .plataforma-page
    .login-platform-brand__text {
        font-size: 13px;
    }

    .plataforma-page .login-banner h1 {
        font-size: 31px;
        line-height: 1.2;
    }

    .plataforma-page
    .login-banner-content > p {
        margin-bottom: 30px;

        font-size: 15px;
    }

    .plataforma-page .login-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .plataforma-page .stat-item {
        align-items: center;

        min-height: 82px;
        padding: 13px 7px;

        border-radius: 13px;

        text-align: center;
    }

    .plataforma-page .stat-item strong {
        font-size: 19px;
    }

    .plataforma-page .stat-item span {
        font-size: 10px;
    }

    .plataforma-page .login-form-wrapper {
        padding: 38px 20px 42px;
    }

    .plataforma-page
    .login-form-wrapper::before {
        top: 20px;
        right: 20px;

        width: 50px;
        height: 50px;

        border-width: 9px;
    }

    .plataforma-page .login-header {
        margin-bottom: 31px;
    }

    .plataforma-page .login-header h2 {
        font-size: 32px;
    }

    .plataforma-page
    .login-form .form-group {
        margin-bottom: 19px;
    }

    .plataforma-page .login-input-wrapper {
        height: 57px;
        border-radius: 12px;
    }

    .plataforma-page .login-options {
        align-items: flex-start;
        flex-direction: column;

        gap: 13px;
        margin-bottom: 25px;
    }

    .plataforma-page .login-btn {
        min-height: 57px;
        border-radius: 12px;
    }

    .plataforma-page .register-link {
        margin-top: 29px;
        padding-top: 24px;
    }
}

@media only screen and (max-width: 379px) {
    .plataforma-page .login-banner h1 {
        font-size: 28px;
    }

    .plataforma-page .login-stats {
        grid-template-columns: 1fr;
    }

    .plataforma-page .stat-item {
        align-items: flex-start;

        min-height: 70px;
        padding: 13px 16px;

        text-align: left;
    }

    .plataforma-page .stat-item span {
        font-size: 11px;
    }
}

/* =========================================================
   GALERIA — SIDEBAR ANTES DAS FOTOS EM TELAS MENORES
========================================================= */

@media only screen and (max-width: 991px) {

    .galeria-sidebar-coluna {
        order: 1;

        margin-bottom: 45px;
    }


    .galeria-conteudo-coluna {
        order: 2;
    }


    /*
     * No desktop a sidebar acompanha a rolagem.
     * Em telas menores ela volta ao fluxo normal,
     * pois agora ficará acima das fotografias.
     */
    .galeria-sidebar {
        position: static;

        top: auto;
    }

}