/* bundled: /assets/shared/oo-v12-mobile-fixes-final.css */

/* V12 — correções finais de celular e home */
@media(max-width:820px){
  /* HOME: faz o fundo do bloco cobrir todo o texto */
  body.oo-page-home #ai-CKrOmE{
    display:block!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important;
    height:auto!important; min-height:0!important; overflow:visible!important;
    padding:24px 22px!important; background:#dbe9ec!important; border-radius:0!important;
  }
  body.oo-page-home #ai-CKrOmE h2{margin:0 0 20px!important}
  body.oo-page-home #ai-CKrOmE h2 a{width:100%!important}
  body.oo-page-home #ai-CKrOmE p{margin:0!important}
  body.oo-page-home #ai-CKrOmE{--v1df5386b:auto!important; --v970c3d1a:auto!important}
  body.oo-page-home #ai-CKrOmE.layout-element__component{height:auto!important}
  body.oo-page-home #ai-CKrOmE p.body{display:block!important}
  body.oo-page-home #ai-CKrOmE{align-self:stretch!important}

  /* CLIENTES e TUTORIAIS: força exibição das imagens */
  body.oo-page-clients .transition--root-hidden,
  body.oo-page-tutorials .transition--root-hidden{
    opacity:1!important; visibility:visible!important; transform:none!important;
  }
  body.oo-page-clients .image-wrapper,
  body.oo-page-tutorials .image-wrapper{
    display:block!important; opacity:1!important; visibility:visible!important;
    width:100%!important; height:auto!important; min-height:0!important;
  }
  body.oo-page-clients .image,
  body.oo-page-tutorials .image{
    display:block!important; opacity:1!important; visibility:visible!important;
    width:100%!important; height:auto!important; min-height:0!important;
  }
  body.oo-page-clients .image__image,
  body.oo-page-tutorials .image__image{
    display:block!important; opacity:1!important; visibility:visible!important;
    width:100%!important; height:auto!important; max-width:100%!important; object-fit:cover!important;
  }
  body.oo-page-clients .layout-element:has(.image-wrapper),
  body.oo-page-tutorials .layout-element:has(.image-wrapper){display:block!important}
}

/* bundled: /assets/shared/oo-v10-final-polish.css */

/* Oficina de Óptica V10 — revisão final conservadora. Somente apresentação. */
.oo-site-header{box-shadow:0 5px 20px rgba(18,59,68,.065)!important}
.oo-links a{position:relative;padding:8px 0!important}
.oo-links a.oo-current{color:var(--oo-teal)!important}
.oo-links a.oo-current::after{content:"";position:absolute;left:15%;right:15%;bottom:1px;height:2px;border-radius:999px;background:var(--oo-orange)}
.oo-mobile-panel a.oo-current{background:var(--oo-soft)!important;color:var(--oo-navy)!important}
.oo-social{box-shadow:0 3px 10px rgba(18,59,68,.10)!important}

/* Acabamento geral sem mudar estrutura/conteúdo */
main.page h1{color:var(--oo-navy)}
main.page h2,main.page h3{color:var(--oo-navy)}
main.page strong{font-weight:700}
.grid-button--primary,.product-list-item__button--primary,.form__button{background:linear-gradient(100deg,var(--oo-blue),var(--oo-teal))!important;border-color:transparent!important}
.product-list-item__price,.product-list-item__price-wrapper{color:var(--oo-blue)!important;font-weight:800!important}
.block--footer .block-background{filter:saturate(.82) brightness(.77)!important}

/* HOME — pequenos ajustes de equilíbrio */
body.oo-page-home #ai-CKrOmE .text-box{max-width:100%!important}
body.oo-page-home #ai-CKrOmE p{color:#29434b!important}

/* CLIENTES — cartões mais leves, sem alterar a grade já aprovada */
body.oo-page-clients #zl2bTU{background:linear-gradient(180deg,#eef7f5 0%,#fff 100%)!important}
body.oo-page-clients #zl2bTU h1,body.oo-page-clients #zl2bTU h2{color:var(--oo-navy)!important}
body.oo-page-clients #z93pGd .block-layout>.layout-element:has(.text-box),
body.oo-page-clients #z9-vTM .block-layout>.layout-element:has(.text-box),
body.oo-page-clients #zxskrC .block-layout>.layout-element:has(.text-box),
body.oo-page-clients #zeEcrH .block-layout>.layout-element:has(.text-box){box-shadow:0 8px 22px rgba(18,59,68,.055)!important}
body.oo-page-clients #z93pGd .block-layout>.layout-element:has(.image),
body.oo-page-clients #z9-vTM .block-layout>.layout-element:has(.image),
body.oo-page-clients #zxskrC .block-layout>.layout-element:has(.image),
body.oo-page-clients #zeEcrH .block-layout>.layout-element:has(.image){background:#fbfdfd!important}

/* BLOG — os dois artigos ficam visualmente separados e fáceis de ler */
body.oo-page-blog #z0X3NR{background:linear-gradient(180deg,#edf7f5,#fff)!important}
body.oo-page-blog #z0X3NR h1,body.oo-page-blog #z0X3NR h2{color:var(--oo-navy)!important}
body.oo-page-blog .block-blog-list__list{gap:28px!important}
body.oo-page-blog .block-blog-list-item{background:#fff!important;border:1px solid var(--oo-line)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 9px 27px rgba(18,59,68,.07)!important;transition:transform .2s ease,box-shadow .2s ease!important}
body.oo-page-blog .block-blog-list-item:hover{transform:translateY(-3px)!important;box-shadow:0 15px 34px rgba(18,59,68,.10)!important}
body.oo-page-blog .block-blog-list-item__cover-image-container,body.oo-page-blog .block-blog-list-item__cover-image-wrapper{border-radius:0!important;overflow:hidden!important}
body.oo-page-blog .block-blog-list-item__content{padding:22px 24px 25px!important}
body.oo-page-blog .block-blog-list-item__title{color:var(--oo-navy)!important;line-height:1.25!important}
body.oo-page-blog .block-blog-list-item__description{color:var(--oo-muted)!important;line-height:1.6!important}
body.oo-page-blog .blog-list-item-meta{color:#708389!important}

/* LOJA — melhora hierarquia sem alterar produtos, preços ou links */
body.oo-page-store #z2m2fh{background:linear-gradient(180deg,#eef7f5,#fff)!important}
body.oo-page-store #z2m2fh h1,body.oo-page-store #z2m2fh h2{color:var(--oo-navy)!important}
body.oo-page-store .product-list-item{box-shadow:0 7px 23px rgba(18,59,68,.06)!important}
body.oo-page-store .product-list-item:hover{box-shadow:0 15px 34px rgba(18,59,68,.11)!important}
body.oo-page-store .ecommerce-product-ribbon{border-radius:999px!important}

/* TUTORIAIS — identidade mais consistente e imagens mais limpas */
body.oo-page-tutorials #zWvuaV{background:linear-gradient(180deg,#eef7f5,#fff)!important}
body.oo-page-tutorials #zWvuaV h1,body.oo-page-tutorials #zWvuaV h2{color:var(--oo-navy)!important}
body.oo-page-tutorials #zjaOA6,body.oo-page-tutorials #zXNllW{background:#f8fbfa!important}
body.oo-page-tutorials #zjaOA6 .image-wrapper,body.oo-page-tutorials #zXNllW .image-wrapper{border-radius:18px!important;overflow:hidden!important;box-shadow:0 8px 22px rgba(18,59,68,.07)!important;background:#fff!important}
body.oo-page-tutorials #zjaOA6 h3,body.oo-page-tutorials #zXNllW h3{color:var(--oo-navy)!important}

/* SERVIÇOS/SOBRE — só uniformiza títulos e sombras da versão aprovada */
body.oo-v6-services #zJZpA2 .text-box,body.oo-v6-about #zDu1Fq .block-layout>.layout-element:nth-child(3) .text-box,body.oo-v6-about #zDu1Fq .block-layout>.layout-element:nth-child(5) .text-box{box-shadow:0 10px 28px rgba(18,59,68,.065)!important}

/* TESTEMUNHOS */
body.oo-page-testimonials .oo-test-hero{background:linear-gradient(115deg,var(--oo-navy),var(--oo-navy-2))!important}
body.oo-page-testimonials .oo-test-kicker{color:#f1a268!important}
body.oo-page-testimonials .oo-test-card{box-shadow:0 11px 30px rgba(18,59,68,.075)!important;transition:transform .2s ease,box-shadow .2s ease!important}
body.oo-page-testimonials .oo-test-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(18,59,68,.105)!important}

@media(max-width:820px){
 .oo-links a.oo-current::after{display:none}
 body.oo-page-blog .block-blog-list__list{gap:20px!important}
 body.oo-page-blog .block-blog-list-item__content{padding:20px!important}
}
@media(prefers-reduced-motion:reduce){body.oo-page-blog .block-blog-list-item,body.oo-page-testimonials .oo-test-card{transition:none!important}}