/* Eduardo Silva Ads — Ajustes mobile (<= 900px)
   Mantém o desktop no style.css e sobrescreve só aqui. */

:root {
    --radius: 18px;
}

/* Layout base */
.container {
    max-width: 94%;
}

.topbar__inner {
    padding: 14px 0;
}

/* Show burger, hide desktop nav */
.nav {
    display: none;
}

.navbtn {
    display: block;
}

/* Drawer: feels like a proper mobile menu */
.navdrawer {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
}

.navdrawer__inner {
    padding: 14px 0 22px;
}

.navdrawer .btn.full {
    margin-top: 6px;
}

/* HERO */
.hero__grid {
    grid-template-columns: 1fr;
    padding: 56px 0 26px;
    gap: 18px;
}

.hero__h1 {
    font-size: 36px;
    line-height: 1.05;
    letter-spacing: -0.8px;
}

.hero__lead {
    font-size: 15px;
    max-width: 100%;
}

.hero__cta {
    gap: 10px;
}

.btn {
    padding: 13px 16px;
    border-radius: 14px;
}

.hero__chips {
    gap: 8px;
}

.chip {
    padding: 8px 10px;
    font-size: 12px;
}

/* Lead box: move below copy, more breathing room */
.leadBox {
    padding: 16px;
}

.leadBox__stats {
    gap: 10px;
}

/* Hero bar */
.heroBar__inner {
    padding: 14px 0;
}

.heroBar__big {
    font-size: 15px;
}

/* Sections spacing */
.section {
    padding: 48px 0;
}

.sectionHead h2 {
    font-size: 28px;
    letter-spacing: -0.4px;
}

.sectionHead p {
    max-width: 100%;
}

/* Services grid -> 1 column */
.svcGrid {
    grid-template-columns: 1fr;
    gap: 14px;
}

.svcCard__img {
    height: 140px;
}

/* Work -> stack */
.workGrid {
    grid-template-columns: 1fr;
    gap: 14px;
}

.workFrame {
    min-height: 240px;
}

/* Results -> 2 columns for nice density */
.resultCards {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.resultCard {
    padding: 16px;
}

.resultCard__n {
    font-size: 18px;
}

/* Trusted row -> wrap nicely */
.clientRow {
    gap: 10px;
}

.clientRow__logos {
    gap: 8px;
}

/* About -> stack */
.aboutGrid {
    grid-template-columns: 1fr;
    gap: 14px;
}

.aboutCta {
    gap: 10px;
}

.logoMain {
    height: 40px;
}

/* Contact -> stack */
.sectionHead--split {
    align-items: flex-start;
}

.directLine {
    width: 100%;
}

.contactGrid {
    grid-template-columns: 1fr;
    gap: 14px;
}

.formRow {
    grid-template-columns: 1fr;
    gap: 10px;
}

input,
textarea {
    padding: 13px;
    border-radius: 14px;
}

textarea {
    min-height: 130px;
}

/* reCAPTCHA area: avoid overflow */
.formMeta {
    justify-content: flex-start;
}

.g-recaptcha {
    transform: scale(0.92);
    transform-origin: 0 0;
}

/* Footer */
.footer__inner {
    align-items: flex-start;
}

.footer__right {
    flex-wrap: wrap;
    gap: 12px 14px;
}

#cookieBanner .cookieCard {
    flex-direction: column;
    align-items: stretch;
}

#cookieBanner .cookieActions {
    justify-content: flex-start;
}

.hero__h1 {
    font-size: 32px;
}

.resultCards {
    grid-template-columns: 1fr;
}

.g-recaptcha {
    transform: scale(0.86);
}

/* ===== FIX: Swiper / logos não estourarem a tela (mobile) ===== */
.trustedCarousel,
#trustedSwiper {
    max-width: 100%;
    overflow: hidden;
}

.trustedCarousel .swiper-slide {
    width: auto !important;
    /* garante slides "auto" sem empurrar a página */
}

.trustedLogo {
    height: 72px;
    /* menor no mobile */
    width: auto;
    max-width: 220px;
    /* 🔥 impede logo gigante */
    object-fit: contain;
}

/* Se ainda sobrar 1px–5px por algum elemento, trava o X */
html,
body {
    overflow-x: hidden;
}