@media (max-width: 1140px) {
    #mobile-trigger { display: flex !important; flex-direction: column; justify-content: space-between; width: 35px; height: 24px; background: transparent; border: none; cursor: pointer; position: absolute; top: 45px; right: 30px; z-index: 2000; padding: 0; }
    #mobile-trigger span { display: block; width: 100%; height: 3px; background-color: #fff; border-radius: 3px; transition: all 0.3s ease; }
    #mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #052c95;  background: linear-gradient(135deg, #052c95 0%, #031b5c 100%); z-index: 9999; display: flex !important; flex-direction: column;   opacity: 0; visibility: hidden; transform: translateY(-20px); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; }
    #mobile-overlay.open { opacity: 1; visibility: visible; transform: translateY(0); }
    .mobile-header { display: flex; justify-content: space-between; align-items: center; padding: 30px; }
    .mobile-logo { height: 35px; }
    #mobile-close { background: none; border: none; font-size: 40px; color: #fff; cursor: pointer; line-height: 1; }
    .mobile-content { flex: 1; overflow-y: auto; padding: 20px 30px 60px; display: flex; flex-direction: column; align-items: center; text-align: center; }
    .mobile-links { list-style: none; padding: 0; margin: 0; width: 100%; }
    .mobile-links > li { border-bottom: 1px solid rgba(255,255,255,0.1); }
    .mobile-links a,  .mobile-links .submenu-toggle { display: block; font-size: 20px; color: #fff !important; padding: 20px 0; text-decoration: none; font-weight: 500; cursor: pointer; transition: color 0.3s; }
    .mobile-links .submenu-toggle i { font-size: 14px; margin-left: 10px; transition: transform 0.3s; }
    .submenu { list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden; background: rgba(0, 0, 0, 0.2); transition: max-height 0.4s ease; border-radius: 8px; }
    .submenu li { border-bottom: 1px solid rgba(255,255,255,0.05); }
    .submenu li:last-child { border-bottom: none; }
    .submenu a { font-size: 16px; padding: 15px 0; color: #aab2c8 !important; }
    .has-submenu.active .submenu { max-height: 500px; }
    .has-submenu.active .submenu-toggle { color: #42adff !important; }
    .has-submenu.active .submenu-toggle i { transform: rotate(180deg); }
    .mobile-actions { margin-top: 40px; width: 100%; }
    .client-btn { display: block; background: #138deb; color: #fff !important; padding: 15px; border-radius: 50px; font-size: 18px; box-shadow: 0 4px 15px rgba(19, 141, 235, 0.4); }
    .mobile-lang { margin-top: 30px; display: flex; justify-content: center; gap: 20px; }
    .mobile-lang img { width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); }
    body.menu-open { overflow: hidden; }
    img { max-width: 100%; }
    .wrapper { background-position: -1315px -310px; }
    .a1400, .a1400.first { width: 100%; min-width: 0; padding-left: 30px; padding-right: 30px; box-sizing: border-box; display: block; }
    .a1400.first { padding-top: 170px; padding-bottom: 20%; }
    h1 { font-size: 28px; line-height: 1.2; text-align: center; }
    h2 { font-size: 24px; text-align: center; }
    h3 { font-size: 18px; text-align: center; margin-bottom: 30px; }
    p { font-size: 16px; }
    a.blue-button, button.blue-button,  a.default, span.default, input.default { width: 100%; max-width: 500px; box-sizing: border-box; text-align: center; padding: 0; margin: 10px auto; display: block; float: none; }
    nav.simple-menu,  .language-selector, .features {  display: none !important; }
    .logo { position: absolute; left: 36px; top: 36px; }
    .logo img { margin: 0 auto; height: 40px; width: auto; }
    .language-selector { top: 25px; right: 80px; }
    .hero-area { height: auto; padding: 0; margin-bottom: 40px; max-width: 600px; margin: 0 auto 40px; }
    .hero-area .hero-art { display: none; }
    .hero-area .hero-static { width: 100%; text-align: center; padding: 0; }
    .hero-area .hero-static .title { font-size: 32px; line-height: 1.2; }
    .hero-area .hero-static .desc { font-size: 18px; margin: 20px 0; }
    .hero-area a.hero-button { margin: 0 auto; }
    .map-container { padding: 0; margin-top: 0; }
    .map-container .map-pins { display: none; }
    .map-container .map-info { position: relative; top: auto; right: auto; margin: -60px auto 20px; width: 120px; height: 120px; }
    .map-container a.explore-button { position: relative; bottom: auto; left: auto; transform: none; margin-top: 20px; }
    .box.anti-ddos { min-height: auto; padding: 70px 20px; box-sizing: border-box; background-position: -940px center; }
    .box.anti-ddos > .a1400 { padding: 0 20px; }
    .anti-ddos-container { padding: 0 0 20px 0; width: 100%; text-align: center; }
    .anti-ddos-button { float: none; margin: 30px auto 0; }
    .box.gray.right { text-align: center; }
    .currency-limit h1, .currency-limit h3 { text-align: center; }
    .currency-wrapper { position: relative; justify-content: center; margin-top: 20px; }
    .plans-container { flex-direction: column; display: block; }
    .plan-card { margin-bottom: 30px; width: 100%; }
    .linusHexagon { top: -110px; }
    .differentials { flex-direction: column; margin-top: 40px; }
    .diferencial-card { max-width: 100%; margin-bottom: 20px; }
    a.about-button { margin: 30px auto 0; }
    .as-reviews .google-rating { flex-direction: column; text-align: center; gap: 20px; }
    .as-reviews .rating-info { width: 100%; text-align: center; }
    .as-reviews .reviews-container { display: block; }
    .as-reviews .review-card { width: 100%; margin-bottom: 20px; min-height: auto; }
    .as-reviews a.end-btn { width: 100% !important; box-sizing: border-box; }
    footer { padding: 70px 0 20px; text-align: center; }
    footer .footer-container { flex-direction: column; gap: 40px; padding: 0 30px; }
    footer .footer-column:nth-child(1), footer .footer-column:nth-child(2), footer .footer-column:nth-child(3), footer .footer-column:nth-child(4) { flex: auto; width: 100%; }
    footer .footer-logo > img { margin: 0 auto; }
    footer .contact-info li { justify-content: center; }
    footer .social-icons { justify-content: center; }
    .copyright a.atualstudio { position: relative; top: auto; right: auto; margin: 20px auto 0; }
    .copyright { box-sizing: border-box; padding: 50px 30px; }
    .copyright, .copyright p { font-size: 13px; }
    .box { padding: 60px 0; }
    footer .footer-column p.about { max-width: 500px; margin: 0 auto; display: block; }
    .featured-content h2 { text-align: left !important; }
    #promo .p-main > span { display: none; }
    #promo .p-main > div { padding: 15px 20px 15px 15px; height: auto !important; line-height: 2 !important; text-align: center; }
    #promo .p-main > div > mark { position: absolute; right: 15px; top: 15px; }
}

@media (max-width: 992px) {
    .blog-featured { flex-direction: column; }
    .featured-img-wrapper { height: 250px; flex: none; }
    .featured-content { padding: 25px; }
    .featured-content h2 { font-size: 1.5rem; }
    .blog-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .blog-grid { grid-template-columns: 1fr; }
    .section-header h1 { font-size: 2rem; }
}

@media (max-width: 420px) {
    .box.anti-ddos { background-position: top center !important; }
}

@media (max-width: 380px) {
    .hero-area .hero-static .title { font-size: 27px !important; }
    .hero-area .hero-static .desc { font-size: 16px !important; }
}