/* Refino visual Mariana Penteado (gCampaner, 15/10/2026).
   Camada por cima do Flatsome: mesma fonte (Poppins), mesmo preto e branco.
   Desligar = remover wp-content/mu-plugins/gc-refino-mp.php */
:root{
  --mp-tinta:#111;
  --mp-texto:#3b3b3b;
  --mp-suave:#5a5a5a;
  --mp-fundo:#f4f2ef;
  --mp-linha:rgba(0,0,0,.12);
  --mp-secao:clamp(64px,8vw,112px);
}
body{-webkit-font-smoothing:antialiased}

/* ---------- Texto ---------- */
#main .text p,#main .text li{font-size:max(16px,1em);line-height:1.75}
#main h1,#main h2{text-transform:none;letter-spacing:-.015em;line-height:1.15;text-wrap:balance}
#main h2{font-size:1.7em}
#main .banner h1{letter-spacing:-.025em;line-height:1.05}
#main .mp-rotulo{display:block;font-size:12.5px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--mp-suave)!important;font-weight:500;margin:0 0 14px;line-height:1.5;text-wrap:balance}
#main .banner .mp-rotulo,#main .dark .mp-rotulo{color:rgba(255,255,255,.85)!important}
#main .mp-lead{font-size:17px!important;line-height:1.6;max-width:560px}
#main .banner .mp-lead{color:rgba(255,255,255,.92)!important;margin-bottom:26px}
#main .banner .text h1,#main .banner .mp-lead{text-shadow:0 1px 14px rgba(0,0,0,.35)}
#main p.uppercase strong,#main p.uppercase b{font-size:12.5px;letter-spacing:.2em;font-weight:500;color:var(--mp-suave)}

/* ---------- Botões: todos do mesmo tamanho ---------- */
#main .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;line-height:1.2;
  padding:0 30px!important;border-radius:0;font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  transition:background .2s,color .2s,border-color .2s}
#main .button.primary{background:var(--mp-tinta);border:1px solid var(--mp-tinta);color:#fff}
#main .button.primary:hover{background:#fff;color:var(--mp-tinta);box-shadow:none}
#main .button.mp-botao-claro{background:#fff!important;border-color:#fff!important;color:var(--mp-tinta)!important}
#main .button.mp-botao-claro:hover{background:transparent!important;color:#fff!important}
#main .button.mp-botao-linha{background:transparent!important;color:var(--mp-tinta)!important;border:1px solid var(--mp-tinta)!important}
#main .button.mp-botao-linha:hover{background:var(--mp-tinta)!important;color:#fff!important}
#main .mp-link-claro{display:inline-block;color:#fff!important;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  border-bottom:1px solid rgba(255,255,255,.6);padding:6px 0;margin:0 0 12px 14px;vertical-align:top;line-height:38px}
#main .mp-link-claro:hover{border-color:#fff}

/* ---------- Cabeçalho ---------- */
.header.transparent .header-wrapper:before{content:"";position:absolute;inset:0 0 auto 0;height:180px;
  background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));pointer-events:none}
.header-nav-main.nav > li > a{font-weight:500;font-size:13px;letter-spacing:.04em}
.cart-price{display:none!important}

/* ---------- Capas ---------- */
#main .banner .overlay{background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.42) 40%,rgba(0,0,0,.08) 78%)!important}
#main .mp-capa .overlay{background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.08) 78%)!important}

/* ---------- Seções ---------- */
#main .mp-secao{padding-top:var(--mp-secao)!important;padding-bottom:var(--mp-secao)!important}
#main .mp-fundo{background-color:var(--mp-fundo)!important}
#main .mp-texto-servicos .text{text-align:left!important;max-width:470px;margin-left:auto;margin-right:40px}
.mp-fatos{margin-top:26px!important;padding-top:20px;border-top:1px solid var(--mp-linha);font-size:14.5px!important;color:var(--mp-suave)!important;max-width:520px}
.mp-fatos strong{color:var(--mp-tinta);font-weight:500}

/* Cartões de serviço/curso: legenda limpa com seta */
#main .banner.bg-color{margin-bottom:14px}
#main .banner.bg-color .banner-bg img{transition:transform .6s ease}
#main .banner.bg-color:hover .banner-bg img{transform:scale(1.03)}
#main .mp-cartoes .text p a,#main .mp-cartoes .text p a strong{color:var(--mp-tinta)!important;font-weight:500!important;font-size:15px;text-decoration:none}
#main .mp-cartoes .text p a:after{content:"\00a0\00a0→";white-space:nowrap;color:var(--mp-suave)}

/* Logos em grade fixa */
#main .mp-marcas{border-top:1px solid var(--mp-linha)}
#main .mp-marcas .col-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 24px}
#main .mp-marcas .col-inner > .text{flex-basis:100%;text-align:center;margin-bottom:10px}
#main .mp-marcas .img{width:150px!important;margin:0!important}
#main .mp-marcas .img img{filter:grayscale(1);opacity:.75;transition:opacity .2s}
#main .mp-marcas .img img:hover{opacity:1}

/* Chamada final */
#main .mp-cta{text-align:center}
#main .mp-cta .text{max-width:560px;margin:0 auto}
#main .mp-cta h2{font-size:clamp(28px,3vw,40px);margin-bottom:14px}

/* Listas de verdade (no lugar do "-" digitado) */
#main ul.mp-lista{list-style:none;margin:6px 0 28px!important;padding:0;max-width:560px}
#main ul.mp-lista li{position:relative;padding:11px 0 11px 28px;border-bottom:1px solid var(--mp-linha);margin:0!important;line-height:1.5}
#main ul.mp-lista li:before{content:"";position:absolute;left:2px;top:21px;width:12px;height:1px;background:currentColor}

/* Contato */
#main .mp-contato dt{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mp-suave);margin-top:18px;font-weight:500}
#main .mp-contato dt,#main .mp-contato dd{display:block;float:none;width:auto}
#main .mp-contato dd{margin:4px 0 0;font-size:17px;overflow-wrap:anywhere}
#main .mp-contato a{color:var(--mp-tinta)!important;border-bottom:1px solid var(--mp-linha)}

/* Vídeos: sem moldura cinza com faixas laterais */
.gc-col-video > .col-inner{background:transparent!important}
.gc-col-video video{display:block;margin:0 auto;max-height:560px;width:auto;max-width:100%;box-shadow:0 24px 60px -30px rgba(0,0,0,.45)}

/* ---------- Rodapé compacto ---------- */
#footer .mp-rodape{padding-top:56px!important;padding-bottom:24px!important}
#footer .mp-rodape .img{max-width:150px!important;margin:0 auto 8px}
#footer .mp-rodape .text p{line-height:1.75;color:#bdbdbd}
#footer .mp-rodape .text p strong,#footer .mp-rodape .text p b{color:#fff;font-weight:500}
#footer .mp-rodape .text p:first-child strong{font-size:11.5px;letter-spacing:.2em}
#footer .mp-rodape .text a{color:#d9d9d9}
#footer .mrm-submit-button{background:#fff!important;color:#000!important;border-radius:0!important;width:100%!important;font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase}
#footer #mrm-first-name,#footer #mrm-email{color:#fff!important;border-color:rgba(255,255,255,.35)!important;padding-left:0!important}

/* ---------- Celular ---------- */
@media (max-width:549px){
  :root{--mp-secao:56px}
  #main .mp-capa{padding-top:620px!important;height:auto!important}
  #main .mp-capa .text-box{top:auto!important;bottom:28px!important;left:20px!important;right:20px!important;width:auto!important;max-width:none!important;transform:none!important;margin:0!important}
  #main .mp-capa .text-box-content{width:100%!important}
  #main .mp-capa .overlay{background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.15) 100%)!important}
  #main .mp-capa h1{font-size:34px!important}
  #main .banner .mp-lead{font-size:15px!important}
  #main .button{width:100%;margin-right:0}
  #main .mp-link-claro{margin:6px 0 0}
  #main .mp-texto-servicos .text{margin:0;max-width:none}
  #main .mp-marcas .img{width:42%!important}
  #footer .mp-rodape > .section-content > .row:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  #footer .mp-rodape > .section-content > .row:last-child > .col:nth-child(-n+2){grid-column:1 / -1}
  #footer .mp-rodape > .section-content > .row:last-child > .col{max-width:none;flex-basis:auto;padding-bottom:4px}
}
@media (prefers-reduced-motion:reduce){#main *{transition:none!important}}

/* Capa: título no tamanho certo em qualquer tela */
#main .mp-capa h1{font-size:clamp(40px,4.8vw,70px)!important;line-height:1.05!important}
#main .mp-capa .text-box{max-width:760px}

/* ---------- Ajustes da revisão final (15/10) ---------- */
/* Carrinho vazio: botão de voltar legível (o CSS antigo do site pintava o texto de preto) */
#main .return-to-shop .button,#main a.wc-backward{background:var(--mp-tinta)!important;color:#fff!important;border:1px solid var(--mp-tinta)!important}
#main .return-to-shop .button:hover,#main a.wc-backward:hover{background:#fff!important;color:var(--mp-tinta)!important}
/* Loja: sem a barra lateral vazia (mostrava aviso de administrador), produtos na largura toda */
.category-page-row > .col.large-3{display:none}
.category-page-row > .col.large-9{max-width:100%;flex-basis:100%}
.badge-container .badge-inner{background:var(--mp-tinta)!important;color:#fff!important;border-color:var(--mp-tinta)!important}
.product-small .name a,.product-small .product-title a{color:var(--mp-tinta)!important}
/* E-mail e links de contato: sem caixa-alta e sem vazar no celular */
#main .mp-contato a,#main a.contact-link{text-transform:none!important;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}
/* Logos: 5 por linha no computador */
@media (min-width:850px){#main .mp-marcas .img{width:calc(20% - 24px)!important;max-width:170px!important}}
@media (max-width:549px){
  #main .text h2{font-size:min(1.7em,30px)!important;line-height:1.2}
  #footer .mp-rodape .text p:first-child strong{letter-spacing:.12em}
}
/* Aviso de edição que já aconteceu (imersões) */
#main .mp-aviso{max-width:640px;margin:22px auto 22px!important;padding:14px 18px;border:1px solid var(--mp-linha);background:var(--mp-fundo);font-size:15px!important;line-height:1.6;text-align:center}

/* ================= Revisão completa (15/10) ================= */
/* Uma escala de títulos em todas as páginas */
#main .text h2{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15}
#main .banner .text h1{font-size:clamp(40px,4.8vw,70px)!important;line-height:1.05!important}
#main .banner .text h2{font-size:clamp(22px,2.4vw,32px)!important}
#main .mp-cta .text h2{font-size:clamp(30px,3.2vw,42px)!important}
#main .text h3{text-transform:none;letter-spacing:0}

/* Lista numerada */
#main ol.mp-lista{list-style:none;counter-reset:mp;margin:6px 0 28px!important;padding:0;max-width:560px}
#main ol.mp-lista li{counter-increment:mp;position:relative;padding:11px 0 11px 36px;border-bottom:1px solid var(--mp-linha);margin:0!important;line-height:1.5}
#main ol.mp-lista li:before{content:counter(mp,decimal-leading-zero);position:absolute;left:0;top:13px;font-size:12px;letter-spacing:.1em;color:var(--mp-suave);font-weight:500}

/* Segundo botão da capa: botão de contorno (não só link) */
#main .banner .mp-link-claro{display:inline-flex;align-items:center;justify-content:center;min-height:50px;line-height:1.2;padding:0 30px;
  border:1px solid rgba(255,255,255,.8);margin:0 0 12px 12px}
#main .banner .mp-link-claro:hover{background:#fff;color:var(--mp-tinta)!important}

/* Chamada final com dois botões */
#main .mp-cta .button{margin:0 6px 12px}

/* Home: logos 5 + 4 */
@media (min-width:850px){#main .mp-marcas .col-inner{max-width:960px;margin:0 auto;row-gap:20px}}

/* Produto: comprar no mesmo preto; acordeões no tom claro aprovado */
#main .single_add_to_cart_button{background:var(--mp-tinta)!important;border-color:var(--mp-tinta)!important}
#main .gc-accordion-product > div,#main .accordion-title{background:var(--mp-fundo)!important;border-color:var(--mp-linha)!important;color:var(--mp-tinta)}

/* Loja e categoria */
.woocommerce-result-count,.woocommerce-ordering{display:none!important}
.product-small .name,.product-small .name a,.product-small .price,.product-small .price .amount{font-size:16px!important}
.product-small .quick-view{display:none!important}
.product-small .badge-container{margin:10px!important}

/* Busca e 404: botão de pesquisar visível e no padrão */
.searchform .button.icon,.searchform button,.widget_search button,.search-submit{background:var(--mp-tinta)!important;color:#fff!important;border-color:var(--mp-tinta)!important;border-radius:0!important}
.searchform .button.icon i{color:#fff!important}
.error404 .searchform input[type=search]{min-height:50px;font-size:16px}

/* Carrinho e checkout */
.checkout-breadcrumbs{font-size:15px!important;letter-spacing:.06em}
.checkout-breadcrumbs a{color:#8a8a8a}
.checkout-breadcrumbs a.current{color:var(--mp-tinta);font-weight:600}
.woocommerce-checkout h3,.woocommerce-cart h2,.cart_totals h2,.woocommerce-billing-fields h3,#order_review_heading{text-transform:none!important;letter-spacing:0!important;color:var(--mp-tinta)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea,.woocommerce-checkout .select2-selection{font-size:16px!important;min-height:48px;border:1px solid #9a9a9a;border-radius:0;color:var(--mp-tinta);box-shadow:none}
.woocommerce-checkout .select2-selection__rendered{line-height:46px!important}
.woocommerce form .form-row input:focus,.woocommerce form .form-row select:focus{border-color:var(--mp-tinta);box-shadow:0 0 0 1px var(--mp-tinta)}
.woocommerce form .form-row label{font-size:15px;color:var(--mp-tinta)}
.woocommerce form .form-row ::placeholder{color:#6b6b6b;opacity:1}
#payment ul.wc_payment_methods{border:0!important;padding:0!important}
#payment ul.wc_payment_methods > li{border:1px solid #bdbdbd;margin:0 0 10px!important;padding:14px 16px!important;list-style:none}
#payment ul.wc_payment_methods > li:has(input:checked){border-color:var(--mp-tinta);box-shadow:inset 0 0 0 1px var(--mp-tinta)}
#payment ul.wc_payment_methods > li > label{font-size:16px;font-weight:500;cursor:pointer}
#payment .payment_box{background:var(--mp-fundo)!important;margin-top:12px}
#payment .payment_box:before{display:none}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{font-size:15px!important;text-transform:none!important;letter-spacing:0!important}
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td{font-size:18px!important;font-weight:600;color:var(--mp-tinta)}
.woocommerce-checkout .has-border{border-width:1px!important;border-color:var(--mp-linha)!important}
.woocommerce-info,.woocommerce-message{border-left:3px solid var(--mp-tinta)!important;background:var(--mp-fundo)!important;color:var(--mp-tinta)!important}
.woocommerce-info:before,.woocommerce-message:before{color:var(--mp-tinta)!important}
/* links de texto do carrinho/checkout/conta em preto (só dentro do conteúdo: o body da loja também tem a classe .woocommerce) */
#main div.woocommerce a:not(.button),#main .woocommerce-form-coupon-toggle a,#main .woocommerce-privacy-policy-text a{color:var(--mp-tinta)!important;text-decoration:underline;text-underline-offset:3px}
.woocommerce input[type=checkbox],.woocommerce input[type=radio]{width:18px;height:18px;accent-color:#111;vertical-align:middle}
@media (max-width:849px){body.woocommerce-checkout .qlwapp,body.woocommerce-account .qlwapp{display:none!important}}

/* Mail Mint (confirmação, preferências, descadastro) */
.mintmrm-card-wrapper,.mintmrm-card-wrapper *{font-family:"Poppins",sans-serif!important}
.mintmrm-card-title{font-weight:400!important;color:var(--mp-tinta)!important;letter-spacing:-.015em}
.mintmrm-card-subtitle,.mint-survey-reasons label{font-size:16px!important;color:var(--mp-texto)!important}
.mintmrm-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--mp-linha)!important}
.mintmrm-card-header img,.mintmrm-card-header svg{filter:grayscale(1)}
.mintmrm-card-button{background:var(--mp-tinta)!important;color:#fff!important;border:1px solid var(--mp-tinta)!important;border-radius:0!important;box-shadow:none!important;
  min-height:50px;padding:0 30px!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}
.mintmrm-card-button.mintmrm-card-button-outline{background:transparent!important;color:var(--mp-tinta)!important}
.mint-survey-reasons input[type=radio]{accent-color:#111}

/* Rodapé: links com respiro */
#footer .mp-rodape .text a{display:inline-block;padding:2px 0}

/* Celular */
@media (max-width:549px){
  #main .mp-cartoes .col-inner > .row > .col{flex-basis:50%!important;max-width:50%!important;padding-bottom:6px}
  #main .mp-cartoes .text p a,#main .mp-cartoes .text p a strong{font-size:13.5px!important}
  #main .banner .mp-link-claro{display:flex;width:100%;margin:10px 0 0}
  #main .text h2{font-size:min(1.7em,28px)!important}
  #main .mp-contato dd{font-size:15.5px}
}
/* Mail Mint: fundo claro (o Flatsome pinta o html de preto) e botões alinhados */
body[class*="page-template-template-"][class*="-page"]{background:var(--mp-fundo)!important}
.mintmrm-card-wrapper{background:transparent!important;box-shadow:none!important}
.mintmrm-card-buttons{display:flex!important;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.mintmrm-card-buttons > *{margin:0!important}
/* Rodapé no celular: e-mail não corta */
#footer .mp-rodape .text a{overflow-wrap:anywhere}

/* QA final (15/10) */
html:has(body[class*="page-template-template-"][class*="-page"]){background:var(--mp-fundo)!important}
.mintmrm-card-wrapper *,.mintmrm-card{border-radius:0!important}
.mintmrm-card-header > *{border-radius:50%!important}
.search-results .badge.post-date,.search .badge.post-date{display:none!important}
.search-results .entry-title a,.search .entry-title a{color:var(--mp-tinta)!important}
.search .widget_search .searchform{display:flex}
.search .widget_search input{min-width:0;flex:1}
.woocommerce-account h2,.woocommerce-account h3,.error404 .page-title{color:var(--mp-tinta)!important;font-weight:400}
.woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:8px}
.woocommerce-message,.woocommerce-message .message-container,.message-wrapper{color:var(--mp-tinta)!important}
.woocommerce-message:before,.message-wrapper .icon-checkmark{color:var(--mp-tinta)!important}
#payment .payment_box p,#payment .payment_box .form-row,#payment .payment_box fieldset{background:transparent!important}
.woocommerce-form-coupon-toggle .woocommerce-info{border:1px solid var(--mp-linha)!important;border-left:3px solid var(--mp-tinta)!important}
#main .accordion-title,#main .accordion-title a{text-decoration:none!important}

/* Alinhamento (16/10): a coluna inteira de "Produtos e serviços" tem a largura do texto, botão incluído */
#main .mp-texto-servicos > .col-inner{max-width:470px;margin-left:auto;margin-right:40px}
#main .mp-texto-servicos .text{max-width:none!important;margin:0!important}
@media (max-width:549px){#main .mp-texto-servicos > .col-inner{max-width:none;margin:0}}
/* Listas sempre com texto à esquerda; dentro de bloco centralizado, a lista inteira fica no centro */
#main ul.mp-lista,#main ol.mp-lista{text-align:left!important}
#main ul.mp-lista li,#main ol.mp-lista li{text-align:left!important}
#main .text[style*="center"] ul.mp-lista,#main .text[style*="center"] ol.mp-lista,
#main .text-center ul.mp-lista,#main .text-center ol.mp-lista{margin-left:auto!important;margin-right:auto!important}
#main .mp-lista-centro{margin-left:auto!important;margin-right:auto!important}
