/*
Theme Name: Maxicor
Text Domain: maxicor
Description: Tema próprio da Maxicor Produtos Médicos. Leve, sem construtor de páginas.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

:root{
  --red:#ED1C24; --red-dark:#C9141B; --ink:#1D1D1F; --muted:#6E6E73; --soft:#F5F5F7; --white:#fff; --line:#D2D2D7;
  --font:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Inter","Segoe UI",Helvetica,Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:70px;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.47;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.022em;line-height:1.07}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
:focus-visible{outline:3px solid #0A66D8;outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:20;border-radius:0 0 8px 0}
.skip:focus{left:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* cabeçalho */
header.site{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.08)}
header.site .wrap{display:flex;align-items:center;gap:26px;height:56px}
.logo{color:var(--red);width:58px;flex:none;display:block}
.logo svg{display:block;width:100%;height:auto}
nav.main{display:flex;gap:26px;margin:0 auto;font-size:14px;color:#333}
nav.main a{text-decoration:none;color:inherit}
nav.main a:hover,nav.main a[aria-current=page]{color:var(--red)}
.pill{display:inline-block;font:500 16px var(--font);text-decoration:none;padding:11px 22px;border-radius:99px;background:var(--red);color:#fff;border:1px solid var(--red);cursor:pointer}
.pill:hover{background:var(--red-dark);border-color:var(--red-dark)}
.pill.line{background:transparent;color:var(--red)}
.pill.line:hover{background:var(--red);color:#fff}
.pill.sm{font-size:13px;padding:6px 14px}
.link{color:var(--red);text-decoration:none;font-size:17px}
.link:hover{text-decoration:underline}
.link::after{content:" \203A"}
.menu-btn{display:none;margin-left:auto;background:none;border:0;color:var(--ink);font:500 14px var(--font);padding:8px;cursor:pointer}

/* abertura */
.hero{text-align:center;padding:72px 0 0;background:#fff;overflow:hidden}
.hero h1{font-size:clamp(44px,7vw,84px);font-weight:700;letter-spacing:-.035em}
.hero .sub{font-size:clamp(21px,2.6vw,28px);color:var(--ink);margin:14px auto 26px;max-width:22em;line-height:1.2;letter-spacing:-.012em}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero{padding-top:48px}
.hero .stage{position:relative;margin-top:24px;padding:10px 0 8px}
.hero + .sec{padding-top:32px}
.hero + .sec .head{margin-bottom:28px}

/* busca de produtos */
.busca{display:flex;align-items:center;background:var(--soft);border-radius:99px;padding:0 4px 0 12px;height:32px}
@media (min-width:901px){nav.main{align-items:center}}
.busca input{border:0;background:none;font:400 14px var(--font);color:var(--ink);width:118px;outline:0;padding:0;-webkit-appearance:none;appearance:none}
.busca input::-webkit-search-cancel-button{display:none}
.busca:focus-within{outline:2px solid rgba(10,102,216,.45)}
.busca button{border:0;background:none;color:var(--muted);cursor:pointer;display:flex;padding:6px}
.busca button:hover{color:var(--red)}
.busca.grande{max-width:420px;margin:22px auto 0;height:46px;padding:0 8px 0 18px}
.busca.grande input{font-size:16px;flex:1;width:auto}
@media (min-width:901px) and (max-width:1020px){nav.main{gap:16px}.busca input{width:84px}}

/* faixa de confiança */
.trust{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.trust li{padding:0 14px;border-right:1px solid var(--line)}
.trust li:last-child{border:0}
.trust b{display:block;font-size:21px;font-weight:700;letter-spacing:-.02em}
.trust span{display:block;color:var(--muted);font-size:15px;line-height:1.3;margin-top:4px}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr;row-gap:24px}.trust li:nth-child(2n){border:0}}

/* cotação: campos lado a lado no computador */
@media (min-width:700px){
  #wpforms-form-175 .wpforms-field-container{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
  #wpforms-form-175 .wpforms-field-container>.wpforms-field{grid-column:1/-1}
  #wpforms-form-175 .wpforms-field-container>.wpforms-field-text,#wpforms-form-175 .wpforms-field-container>.wpforms-field-name{grid-column:auto}
  /* contato: nome e e-mail, CNPJ e assunto lado a lado */
  #wpforms-form-195 .wpforms-field-container{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
  #wpforms-form-195 .wpforms-field-container>.wpforms-field{grid-column:1/-1}
  #wpforms-form-195 .wpforms-field-container>.wpforms-field-text,#wpforms-form-195 .wpforms-field-container>.wpforms-field-name,#wpforms-form-195 .wpforms-field-container>.wpforms-field-email{grid-column:auto}
}
/* "Outros modelos": com poucos itens, os cartões ficam centralizados */
.p-sec .list{display:flex;flex-wrap:wrap;justify-content:center}
.p-sec .list .tile{flex:0 1 calc((100% - 28px)/3)}
@media (max-width:900px){.p-sec .list .tile{flex-basis:calc((100% - 14px)/2)}}
/* WhatsApp: só o ícone redondo; o texto escondido deixava o botão largo sobre o conteúdo */
#ht-ctc-chat .ctc_cta.ht-ctc-opacity-hide{display:none!important}
/* o eletrodo encolhe conforme a altura da tela, para o começo dos produtos aparecer logo abaixo */
.hero .stage img{width:max(200px,min(470px,64vw,calc(100vh - 620px)));margin:0 auto;position:relative;z-index:1}
@media (min-width:901px) and (max-height:760px){.hero{padding-top:28px}.hero h1{font-size:56px}.hero .sub{font-size:20px}}
.ecg{position:absolute;left:0;top:0;width:100%;height:100%}
.ecg path{fill:none;stroke:var(--red);stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ecg .base{stroke-width:2;opacity:.22}
.ecg .pulse{stroke-width:5;stroke-dasharray:120 380;stroke-dashoffset:1000;filter:drop-shadow(0 0 7px rgba(237,28,36,.75));animation:run 3.6s linear infinite}
@keyframes run{to{stroke-dashoffset:0}}

.sec{padding:88px 0}
.head{text-align:center;margin-bottom:44px}
.head h2{font-size:clamp(34px,4.6vw,56px);font-weight:700;letter-spacing:-.03em}
.head p{font-size:21px;color:var(--muted);margin:12px auto 0;max-width:28em;line-height:1.3}

/* blocos de produto */
.tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.tile{background:var(--soft);color:var(--ink);border-radius:26px;padding:38px 26px 0;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;overflow:hidden;grid-column:span 3;min-height:340px}
.tile.big{grid-column:span 6;min-height:480px}
.tile small{font-size:13px;font-weight:600;color:var(--red);margin-bottom:6px}
.tile h3{font-size:22px}
.tile.big h3{font-size:36px;letter-spacing:-.028em}
.tile p{margin:8px 0 10px;color:var(--muted);font-size:16px;line-height:1.3}
.tile .ph{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:22px 0 30px}
.tile .ph img{width:auto;max-height:170px;max-width:78%;object-fit:contain;transition:transform .35s ease;mix-blend-mode:multiply}
.tile.big .ph img{max-height:250px}
.tile:hover .ph img{transform:scale(1.04)}

/* cotação */
.cot{background:var(--red);color:#fff;border-radius:30px;text-align:center;padding:64px 24px}
.cot h2{font-size:clamp(32px,4.6vw,54px);font-weight:700;letter-spacing:-.03em}
.cot p{font-size:20px;margin:12px auto 26px;max-width:26em;line-height:1.3;color:#FFE3E4}
.cot .pill{background:#fff;color:var(--red);border-color:#fff;font-weight:600;font-size:18px;padding:14px 30px}
.cot .pill:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.quick a{background:var(--soft);color:var(--ink);border-radius:20px;padding:22px 24px;text-decoration:none}
.quick a:hover{background:#ECECEF}
.quick b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:2px}
.quick span{color:var(--muted);font-size:15px;line-height:1.3;display:block}

/* história compacta */
.story{padding:0 0 88px}
.story .box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:auto 1fr;gap:10px 40px;align-items:center}
.story h2{font-size:22px;font-weight:600;letter-spacing:-.02em;grid-row:span 2}
.story .yrs{display:flex;gap:6px;position:relative}
.story .yrs button{flex:1;background:none;border:0;border-top:3px solid var(--line);padding:10px 0 0;text-align:left;font:600 19px var(--font);letter-spacing:-.02em;color:#86868B;cursor:pointer;position:relative}
.story .yrs button::before{content:"";position:absolute;left:0;top:-3px;height:3px;width:0;background:var(--red)}
.story .yrs button.done::before{width:100%}
.story .yrs button.on{color:var(--ink)}
.story .yrs button.on::before{animation:fill 4s linear forwards}
@keyframes fill{to{width:100%}}
.story .txt{margin:0;color:#424245;font-size:16px;min-height:2.9em;animation:fade .5s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}}

/* instagram */
.insta{background:var(--soft)}
.insta #sb_instagram{padding:0!important;width:100%!important}
.insta #sb_instagram .sb_instagram_header,.insta #sb_instagram #sbi_load{display:none!important}
.insta #sb_instagram #sbi_images{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:12px!important;padding:0!important;width:100%!important;float:none!important}
.insta #sb_instagram #sbi_images .sbi_item{width:auto!important;padding:0!important;margin:0!important;float:none!important}
.insta #sb_instagram #sbi_images .sbi_item:nth-child(n+7){display:none!important}
.insta #sb_instagram .sbi_photo,.insta #sb_instagram .sbi_item img{border-radius:18px}
.insta #sb_instagram .sbi_photo{display:block!important;height:auto!important;aspect-ratio:1/1;overflow:hidden;background-size:cover!important;background-position:center!important}
.insta #sb_instagram .sbi_photo img{width:100%!important;height:100%!important;object-fit:cover}
.quick.two{grid-template-columns:1fr 1fr}
@media (max-width:560px){.quick.two{grid-template-columns:1fr}}
@media (max-width:900px){.insta #sb_instagram #sbi_images{grid-template-columns:repeat(3,1fr)!important}}

/* rodapé */
footer.site{background:var(--soft);color:var(--muted);font-size:13px;padding:34px 0 26px;border-top:1px solid var(--line)}
footer.site .cols{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
footer.site .logo{width:74px;margin-bottom:10px}
footer.site h2{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;letter-spacing:0;line-height:1.47}
footer.site a{color:#424245}
footer.site small{display:block;margin-top:16px;font-size:12px}
.mcta{display:none}

/* páginas internas */
.page-head{text-align:center;padding:64px 0 36px}
.page-head h1{font-size:clamp(36px,5.4vw,64px);font-weight:700;letter-spacing:-.035em}
.page-head p{font-size:21px;color:var(--muted);margin:12px auto 0;max-width:28em;line-height:1.3}
.prose{max-width:720px;margin:0 auto;padding-bottom:88px}
.prose h2{font-size:28px;margin:1.6em 0 .5em}
.prose h3{font-size:21px;margin:1.4em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1em}
.prose a{color:var(--red)}
.prose img{border-radius:18px;margin:1.2em auto}
.list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:88px}
.list .tile{grid-column:auto}

/* etiqueta de novidade, no estilo placa de oferta */
.tile{position:relative}
.badge{position:absolute;top:0;right:0;z-index:2;background:#FFD900;color:#C4121A;font-size:14px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px 9px;border-radius:0 0 0 12px}
.badge.inline{position:static;display:inline-block;margin-bottom:14px;font-size:15px;padding:8px 14px 7px;border-radius:6px}
.p-hero .tag{display:block}
#cmplz-manage-consent .cmplz-manage-consent{display:none!important}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept{background:#ED1C24!important;border-color:#ED1C24!important;color:#fff!important}
@media (max-width:560px){
  .badge{font-size:11.5px;padding:7px 11px 6px;border-radius:0 0 0 10px}
  .tile.is-new{padding-top:38px}
  body.has-mcta #ht-ctc-chat{bottom:78px!important}
#cmplz-manage-consent .cmplz-manage-consent{display:none!important}
}

/* destaques: fileira que desliza */
.shelf-sec{padding-bottom:64px}
.shelf-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.shelf-head h2{font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-.03em}
.shelf-nav{display:flex;gap:8px}
.shelf-nav button{width:40px;height:40px;border-radius:50%;border:0;background:var(--soft);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;padding:0 0 3px}
.shelf-nav button:hover{background:#E8E8ED}
.shelf-nav button:disabled{opacity:.35;cursor:default}
.shelf{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(22px,calc((100vw - 1080px)/2 + 22px));padding:0 max(22px,calc((100vw - 1080px)/2 + 22px)) 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.shelf::-webkit-scrollbar{display:none}
.shelf .tile.big{flex:0 0 min(500px,82vw);scroll-snap-align:start;min-height:460px}

/* página de produto */
.crumb{font-size:13px;color:var(--muted);padding:16px 0 0}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--red)}
.page-head.tight{padding-top:30px}
.p-hero{text-align:center;padding:34px 0 0}
.tag{display:inline-block;font-size:13px;font-weight:600;color:var(--red);margin-bottom:8px}
.p-hero h1{font-size:clamp(34px,5.6vw,68px);font-weight:700;letter-spacing:-.035em}
.p-hero .sub{font-size:clamp(19px,2.3vw,24px);margin:14px auto 24px;max-width:26em;line-height:1.25}
.p-hero .shot{margin-top:36px;padding:10px 20px;display:flex;justify-content:center}
.p-hero .shot img{width:auto;max-height:400px;max-width:min(100%,460px);object-fit:contain}
.p-hero .shot.fixa{height:420px;align-items:center}
.p-hero .thumbs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.p-hero .thumbs button{width:72px;height:72px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:6px;cursor:pointer}
.p-hero .thumbs button:hover{border-color:#86868B}
.p-hero .thumbs button.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.p-hero .thumbs img{width:100%;height:100%;object-fit:contain;display:block}
@media (max-width:560px){.p-hero .shot.fixa{height:320px}.p-hero .shot.fixa img{max-height:300px}.p-hero .thumbs button{width:60px;height:60px}}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:54px 0;text-align:center}
.facts.n2{grid-template-columns:repeat(2,1fr)}
.facts.n1{grid-template-columns:1fr}
.facts div{border-right:1px solid var(--line);padding:0 12px}
.facts div:last-child{border:0}
.facts dd{margin:0;font-size:clamp(26px,3.8vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.facts dt{color:var(--muted);font-size:15px;margin-top:4px}
.feats{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feats li{background:var(--soft);border-radius:22px;padding:24px 26px;color:#424245}
.p-text{padding:44px 0 0;max-width:720px}
.p-text h2,.p-text h3{font-size:22px;margin:1.5em 0 .4em}
.p-text h2:first-child,.p-text h3:first-child{margin-top:0}
.p-sec{padding:72px 0 0}
.p-sec .head{margin-bottom:28px}
.p-sec .head h2{font-size:clamp(28px,3.6vw,44px)}
.p-sec .list{padding-bottom:0}
.table-wrap{overflow-x:auto;max-width:760px;margin:0 auto}
.sizes{width:100%;border-collapse:collapse;font-size:16px}
.sizes th{text-align:left;font-size:13px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line)}
.sizes td{padding:13px 14px;border-bottom:1px solid var(--soft)}
.sizes td:first-child{font-weight:600}
.codes{text-align:center;color:var(--muted);font-size:14px;margin:28px 0 0}
.quote{background:var(--ink);color:#fff;border-radius:30px;text-align:center;padding:60px 24px;margin:88px 0}
.quote h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.03em}
.quote p{color:#A1A1A6;margin:10px 0 24px;font-size:19px}
@media (max-width:560px){
  .facts,.facts.n2{grid-template-columns:1fr;gap:22px;padding:40px 0}
  .facts div{border:0}
  .feats{grid-template-columns:1fr}
  .feats li{padding:18px 20px;border-radius:18px}
  .quote{padding:44px 20px;border-radius:24px;margin:56px 0}
  .p-sec{padding-top:52px}
  .shelf .tile.big{min-height:380px;padding:30px 18px 0}
  .shelf-nav{display:none}
  .sizes{font-size:14.5px}
  .sizes th,.sizes td{padding:10px 8px}
}

/* formulários (WPForms) */
.form-card{background:var(--soft);border-radius:26px;padding:36px;max-width:760px;margin:0 auto}
.form-note{text-align:center;color:var(--muted);font-size:15px;margin:22px auto 88px;max-width:36em}
.form-note a{color:var(--red)}
.form-legal{font-size:13px;color:var(--muted);margin:14px 0 0}
.form-legal a{color:var(--muted);text-decoration:underline}
/* tabelas dentro de textos (política de privacidade) */
.prose .table-wrap{max-width:none;margin:0 0 1.2em}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th{text-align:left;font-size:13px;font-weight:600;color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:bottom}
.prose td{padding:10px;border-bottom:1px solid var(--soft);vertical-align:top}
.prose .nota{background:var(--soft);border-radius:14px;padding:14px 18px;font-size:15px;color:#424245}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start;padding-bottom:88px}
.contact .form-card{max-width:none;margin:0}
.contact-info{display:grid;gap:24px;font-size:16px;color:#424245}
.contact-info h2{font-size:15px;font-weight:600;letter-spacing:0;color:var(--ink);margin-bottom:4px;line-height:1.47}
.contact-info a{color:#424245}
.contact-info .link{color:var(--red);font-size:16px}
.form-card .wpforms-container{margin:0!important;--wpforms-button-background-color:#ED1C24;--wpforms-button-border-color:#ED1C24;--wpforms-button-text-color:#fff;--wpforms-field-border-radius:12px;--wpforms-button-border-radius:99px;--wpforms-label-color:#1D1D1F;--wpforms-field-border-color:#D2D2D7;--wpforms-field-text-color:#1D1D1F}
.form-card .wpforms-container *{font-family:var(--font)!important}
.form-card .wpforms-field{padding:10px 0!important}
.form-card .wpforms-field-label{font-size:15px!important;font-weight:600!important;color:var(--ink)!important;text-transform:none!important;margin-bottom:6px!important}
.form-card .wpforms-field input[type=text],.form-card .wpforms-field input[type=email],.form-card .wpforms-field input[type=number],.form-card .wpforms-field input[type=tel],.form-card .wpforms-field textarea,.form-card .wpforms-field select{width:100%!important;max-width:100%!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:12px 14px!important;font-size:16px!important;color:var(--ink)!important;height:auto!important;box-shadow:none!important}
.form-card .wpforms-field input:focus,.form-card .wpforms-field textarea:focus{border-color:var(--ink)!important;outline:2px solid rgba(10,102,216,.35)!important;outline-offset:1px}
.form-card .wpforms-field-description{font-size:13px!important;color:var(--muted)!important}
.form-card .wpforms-field-checkbox ul{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 18px;padding:0!important;margin:0!important;list-style:none!important}
.form-card .wpforms-field-checkbox li{margin:0!important;padding:0!important;display:flex!important;align-items:flex-start;gap:8px}
.form-card .wpforms-field-checkbox li img,.form-card .wpforms-field-checkbox .wpforms-image-choices-image{display:none!important}
.form-card .wpforms-field-checkbox label{font-size:15px!important;font-weight:400!important;color:var(--ink)!important;margin:0!important}
.form-card .wpforms-field-checkbox input{accent-color:var(--red);width:18px;height:18px;margin-top:3px!important;flex:none}
.form-card .wpforms-submit-container{padding-top:14px!important}
.form-card button.wpforms-submit{background:var(--red)!important;color:#fff!important;border:1px solid var(--red)!important;border-radius:99px!important;font-size:17px!important;font-weight:600!important;padding:13px 34px!important;height:auto!important;cursor:pointer}
.form-card button.wpforms-submit:hover{background:var(--red-dark)!important;border-color:var(--red-dark)!important}
.form-card .wpforms-confirmation-container-full{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;color:var(--ink)!important}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
@media (max-width:560px){.form-card{padding:22px 18px;border-radius:20px}.form-card .wpforms-field-checkbox ul{grid-template-columns:1fr}}

[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ecg .pulse{animation:none;stroke-dasharray:none;stroke-width:3}
  .story .yrs button.on::before{animation:none;width:100%}
  .story .txt{animation:none}
  .tile .ph img{transition:none}
}
@media (max-width:900px){
  header.site .pill{display:none}
  .menu-btn{display:block}
  nav.main{display:none;position:absolute;left:0;right:0;top:56px;margin:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:6px 22px 14px;font-size:17px}
  nav.main a{padding:12px 0;border-bottom:1px solid var(--soft)}
  nav.main a:last-child{border:0}
  header.site.open nav.main{display:flex}
  /* WhatsApp: só o ícone redondo; o texto escondido deixava o botão largo sobre os produtos */
  #ht-ctc-chat .ctc_cta.ht-ctc-opacity-hide{display:none!important}
  nav.main .busca{order:-1;height:46px;margin:8px 0 6px;padding:0 8px 0 16px}
  nav.main .busca input{flex:1;width:auto;font-size:16px}
  .tile{grid-column:span 6;min-height:300px}
  .tile.big{grid-column:span 12;min-height:380px}
  .tile.big h3{font-size:28px}
  footer.site .cols{grid-template-columns:1fr}
  .list{grid-template-columns:1fr 1fr}
  .sec{padding:64px 0}
}
@media (max-width:560px){
  .tile{min-height:0;padding:22px 12px 0;border-radius:20px}
  .tile h3{font-size:17px}
  .tile p{font-size:13.5px}
  .tile .link{font-size:14px}
  .tile .ph{padding:14px 0 18px}
  .tile .ph img{max-height:100px}
  .tile.big h3{font-size:26px}
  .tile.big p{font-size:16px}
  .tile.big .ph img{max-height:180px}
  .quick{grid-template-columns:1fr}
  .story{padding-bottom:56px}
  .story .box{grid-template-columns:1fr;gap:12px;padding:18px 0}
  .story h2{font-size:17px;grid-row:auto}
  .story .yrs button{font-size:15px}
  .story .txt{font-size:15px;min-height:4.2em}
  .cot{padding:44px 20px;border-radius:24px}
  .cot p{font-size:17px}
  .hero{padding-top:48px}
  .hero .stage{padding:6px 0 36px;margin-top:18px}
  .head p{font-size:18px}
  .mcta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.1);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
  .mcta .pill{display:block;text-align:center}
  body.has-mcta footer.site{padding-bottom:96px}
  /* abertura compacta no celular: o começo dos produtos aparece na primeira tela */
  .only-desk{display:none}
  .hero{padding-top:24px}
  .hero h1{font-size:36px}
  .hero .sub{font-size:17px;margin:8px auto 16px}
  .hero .stage{padding:4px 0 12px;margin-top:12px}
  .hero .stage img{width:clamp(130px,calc(100vh - 520px),210px);width:clamp(130px,calc(100svh - 520px),210px)}
  .hero + .sec{padding-top:24px}
  .hero + .sec .head{margin-bottom:18px}
  .hero + .sec .head h2{font-size:28px}
  .hero + .sec .head p{font-size:15px;margin-top:8px}
  .trust b{font-size:17px}
  .trust span{font-size:13.5px}
}