/* CHWeb: revisão mobile-first | Outubro 2026 */
@media(max-width:767px){
  html{scroll-padding-top:76px!important}
  body{overflow-x:clip!important;min-width:0!important;padding-bottom:72px!important}
  .container{width:calc(100% - 36px)!important;max-width:100%!important}
  .top-notice .container{height:auto!important;min-height:28px!important;padding:7px 0!important;justify-content:center!important;gap:6px!important;text-align:center!important;font-size:9px!important;line-height:1.35!important;letter-spacing:0!important}
  .notice-divider{display:none!important}
  .site-header{box-shadow:0 2px 12px rgba(11,50,102,.05)!important}
  .header-inner{height:66px!important;gap:9px!important}
  .brand{min-width:0!important}
  .brand img{width:auto!important;max-width:156px!important;height:46px!important;object-fit:contain!important;object-position:left center!important}
  .header-actions{margin-left:auto!important}
  .menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;width:46px!important;height:46px!important;padding:0!important;border-radius:12px!important}
  .mobile-nav.is-open{display:flex!important;gap:0!important;max-height:calc(100dvh - 98px)!important;overflow-y:auto!important;padding:10px 18px 18px!important}
  .mobile-nav a{display:flex!important;align-items:center!important;min-height:47px!important;padding:12px!important;border-radius:10px!important;font-size:15px!important}
  .mobile-nav a:active{background:#eaf2fc!important}
  .section-padding{padding:54px 0!important}
  .section-eyebrow{font-size:11px!important;line-height:1.35!important;letter-spacing:.1em!important}
  h2,.center-heading h2,.section-header h2,.sector-intro h2{font-size:clamp(26px,7vw,33px)!important;line-height:1.17!important;letter-spacing:-.045em!important;overflow-wrap:break-word!important}
  h3{font-size:19px!important;line-height:1.28!important}
  .hero-section{overflow:hidden!important;background:linear-gradient(164deg,#f7faff 0%,#eaf3ff 66%,#fafdff 100%)!important}
  .hero-section:before{opacity:.2!important;transform:scale(.65)!important;top:115px!important}
  .hero-layout{display:flex!important;flex-direction:column!important;min-height:0!important;padding-top:27px!important;padding-bottom:18px!important;gap:0!important}
  .hero-copy{padding-bottom:0!important;width:100%!important;max-width:none!important}
  .eyebrow{font-size:9.5px!important;line-height:1.3!important;letter-spacing:.09em!important;margin:0 0 15px!important;padding:7px 11px!important}
  .hero-copy h1{font-size:clamp(29px,8.3vw,38px)!important;line-height:1.105!important;letter-spacing:-.047em!important;margin:0!important;max-width:600px!important}
  .hero-subtitle{font-size:15px!important;line-height:1.53!important;color:#455d7a!important;margin:16px 0 18px!important;max-width:none!important}
  .hero-price{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin:0!important;max-width:none!important;padding:20px 19px!important;border:1px solid #c8dcf3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 11px 28px rgba(27,77,136,.085)!important}
  .hero-price>span{font-size:11px!important;max-width:none!important;letter-spacing:.09em!important;line-height:1.4!important;font-weight:800!important;color:#527097!important}
  .hero-price strong{font-size:clamp(48px,13.5vw,62px)!important;line-height:1.1!important;letter-spacing:-.055em!important;color:#175aa6!important;white-space:nowrap!important}
  .hero-price a{display:flex!important;grid-column:auto!important;grid-row:auto!important;margin:9px 0 0!important;min-height:54px!important;min-width:0!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:13px 12px!important;border-radius:12px!important;background:#155da9!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important;white-space:normal!important;text-align:center!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(24,84,160,.14)!important}
  .hero-price a svg{height:18px!important;width:18px!important;flex-shrink:0!important}
  .hero-buttons{display:none!important}
  .hero-trust{display:flex!important;flex-direction:row!important;gap:8px 15px!important;align-items:center!important;flex-wrap:wrap!important;margin:15px 0 2px!important;font-size:11px!important;color:#4d6989!important}
  .hero-trust span{gap:5px!important}
  .hero-trust svg{height:15px!important;width:15px!important}
  .hero-brand-strip,.hero-visual,.hero-bottom{display:none!important}
  .section-header{display:block!important;margin-bottom:22px!important}
  .section-header p,.center-heading p,.sector-intro p{font-size:15px!important;line-height:1.5!important;margin-top:12px!important}
  .feature-grid,.scenario-grid,.segment-grid,.sector-grid{grid-template-columns:1fr!important;gap:12px!important}
  .feature-card,.scenario-card,.segment-card{min-height:unset!important;padding:20px!important;border-radius:16px!important}
  .feature-card h3{margin:7px 0!important}
  .feature-card p,.scenario-card p,.segment-card p{font-size:14px!important;line-height:1.52!important}
  .feature-icon,.segment-icon{margin-bottom:9px!important}
  .segment-card strong{font-size:17px!important}
  .sector-intro{margin-bottom:19px!important}
  .sector-conversion,.sector-fit{gap:14px!important}
  .sector-conversion-action{width:100%!important}
  .sector-conversion-action a{width:100%!important;white-space:normal!important;text-align:center!important}
  .mobile-section .mobile-layout{display:flex!important;flex-direction:column!important;gap:12px!important}
  .mobile-text{padding:0!important}
  .mobile-illustration{min-height:0!important;overflow:hidden!important}
  .mobile-list div{font-size:14px!important;line-height:1.35!important;align-items:flex-start!important}
  .mobile-list svg{flex-shrink:0!important}
  .btn{white-space:normal!important;max-width:100%!important;text-align:center!important;min-height:50px!important;line-height:1.3!important}
  .contact-layout{display:flex!important;flex-direction:column!important;gap:22px!important}
  .contact-card{width:100%!important;max-width:100%!important;padding:22px 19px!important;border-radius:17px!important}
  .contact-copy h2{font-size:clamp(29px,7vw,36px)!important}
  .contact-copy>p{font-size:15px!important;line-height:1.5!important}
  .contact-card input:not([type=checkbox]),.contact-card select,.contact-card textarea{font-size:16px!important;min-height:49px!important;max-width:100%!important}
  .contact-card label{font-size:13px!important}
  .form-btn{width:100%!important}
  .faq-layout{display:flex!important;flex-direction:column!important;gap:20px!important}
  .faq-item summary{padding:16px 12px!important;min-height:54px!important;font-size:15px!important;line-height:1.35!important}
  .footer{padding-bottom:12px!important}
  .footer-top{grid-template-columns:1fr 1fr!important;gap:24px 15px!important}
  .footer-brand{grid-column:1/-1!important}
  .footer-top>div:last-child{grid-column:auto!important}
  .footer-bottom{padding-bottom:20px!important;overflow-wrap:anywhere!important}
  .floating-cta{position:fixed!important;left:12px!important;right:12px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-width:450px!important;min-height:50px!important;margin-inline:auto!important;justify-content:center!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:13px!important;box-shadow:0 7px 26px rgba(11,63,128,.3)!important;font-size:14px!important;padding:13px 18px!important;z-index:70!important}
  .floating-cta svg{height:19px!important;width:19px!important}
  .privacy-copy{margin:32px auto 45px!important}
  .privacy-copy h1{font-size:30px!important}
  img,svg,video{max-width:100%}
}
@media(max-width:350px){
  .container{width:calc(100% - 28px)!important}
  .top-notice .container{font-size:8px!important}
  .hero-layout{padding-top:20px!important}
  .hero-copy h1{font-size:29px!important}
  .hero-price{padding:17px 16px!important}
  .hero-price strong{font-size:47px!important}
  .hero-price a{font-size:13px!important}
}
@media(min-width:768px) and (max-width:1024px){
  .hero-layout{grid-template-columns:1fr!important;gap:10px!important}
  .hero-price{max-width:620px!important}
  .hero-visual{max-width:750px!important;margin-inline:auto!important}
}
@media(min-width:768px){
  .hero-buttons{display:none!important}
  .hero-price{display:flex;align-items:center;flex-wrap:wrap;gap:14px;max-width:600px;padding:19px 23px;border-radius:17px;border:1px solid #ccddf1;background:#fff;box-shadow:0 15px 36px rgba(21,80,145,.09)}
  .hero-price>span{font-size:12px;max-width:175px}
  .hero-price strong{font-size:42px}
  .hero-price a{font-size:13px;background:#175aa6;color:#fff!important;border-radius:11px;min-height:49px;padding:14px;margin:0 0 0 auto;display:inline-flex;align-items:center;justify-content:center}
}

/* Card de planos CHWeb: versao premium */
.hero-price.hero-price--premium{display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,188px);align-items:center;width:100%;max-width:650px;min-height:172px;gap:16px;margin:22px 0 24px;padding:23px 24px;border:1px solid #efce60;border-radius:20px;background:linear-gradient(112deg,#fff0ad 0%,#fff6d2 54%,#fffdf4 100%);box-shadow:0 17px 38px rgba(104,76,19,.11),0 6px 24px rgba(23,90,166,.06)}
.hero-price--premium .hero-price__details{display:flex;flex-direction:column;min-width:0;gap:13px}
.hero-price--premium .hero-price__eyebrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#335b88;text-transform:uppercase;line-height:1.2}
.hero-price--premium .hero-price__eyebrow .chweb-wordmark{font-size:15px;letter-spacing:-.06em}
.hero-price--premium .hero-price__price-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 13px;min-width:0}
.hero-price--premium .hero-price__badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 11px;border-radius:9px;background:#ffcb2f;color:#173d70;font-size:11px;line-height:1.15;font-weight:900;letter-spacing:.02em;white-space:nowrap;box-shadow:inset 0 -2px 0 rgba(171,110,9,.13)}
.hero-price.hero-price--premium .hero-price__amount{color:#14569e;font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(37px,3.4vw,53px);font-weight:900;line-height:1;letter-spacing:-.06em;white-space:nowrap}
.hero-price.hero-price--premium>a.hero-price__cta{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:60px;margin:0;padding:15px 16px;border-radius:13px;background:#145ba8;color:#fff;font-size:13px;font-weight:800;line-height:1.3;text-decoration:none;text-align:center;white-space:normal;box-shadow:0 10px 22px rgba(15,72,141,.20);transition:background .2s,transform .2s,box-shadow .2s}
.hero-price.hero-price--premium>a.hero-price__cta:hover{background:#0f498a;box-shadow:0 13px 27px rgba(15,72,141,.24);transform:translateY(-2px)}
.hero-price.hero-price--premium>a.hero-price__cta:focus-visible{outline:3px solid #1366b9;outline-offset:3px}
.hero-price.hero-price--premium>a.hero-price__cta svg{flex-shrink:0;width:18px;height:18px}
@media(max-width:767px){
.hero-price.hero-price--premium{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:17px!important;max-width:none!important;min-height:0!important;margin:0!important;padding:23px 19px!important;border:1px solid #efce60!important;border-radius:18px!important;background:linear-gradient(145deg,#fff0aa 0%,#fff7d7 70%,#fffdf1 100%)!important;box-shadow:0 12px 27px rgba(104,76,19,.10)!important}
.hero-price.hero-price--premium .hero-price__details{align-items:center;gap:13px;text-align:center}
.hero-price.hero-price--premium .hero-price__eyebrow{justify-content:center;font-size:11px!important}
.hero-price.hero-price--premium .hero-price__price-line{flex-direction:column;justify-content:center;gap:9px}
.hero-price.hero-price--premium .hero-price__badge{font-size:12px!important;padding:9px 15px!important}
.hero-price.hero-price--premium .hero-price__amount{font-size:clamp(47px,13vw,58px)!important;line-height:1.05!important;white-space:nowrap!important}
.hero-price.hero-price--premium>a.hero-price__cta{display:flex!important;grid-column:auto!important;grid-row:auto!important;min-height:55px!important;width:100%!important;margin:0!important;padding:14px 15px!important;border-radius:12px!important;background:#145ba8!important;color:#fff!important;font-size:14px!important;box-shadow:0 9px 19px rgba(15,72,141,.18)!important}}
@media(max-width:350px){.hero-price.hero-price--premium{padding:19px 14px!important}.hero-price.hero-price--premium .hero-price__amount{font-size:45px!important}}