/* Acabamento estético por tipo de bloco (proposta, 16/10/2026).
   Não muda conteúdo, cabeçalho nem capa: só o estilo dos blocos que já existem.
   Fica por cima do refino atual (gc-refino-mp/refino.css). */
:root{
  --ac-tinta:#141414; --ac-texto:#3a3733; --ac-suave:#6a645b; --ac-marfim:#f6f3ee; --ac-linha:#e2dbcf; --ac-champanhe:#a48c62;
  --ac-respiro:clamp(72px,9vw,128px);
}

/* ---------- Títulos e texto dos blocos (fora da capa) ---------- */
#main .col-inner > .text h2{font-weight:300!important;letter-spacing:-.025em!important;line-height:1.1!important;color:var(--ac-tinta)!important}
#main .col-inner > .text p,#main .col-inner > .text li,#main .col-inner > .text dd{color:var(--ac-texto)}
#main .col-inner > .text p{line-height:1.85}
/* rótulo com filete; herda o alinhamento do bloco (centralizado ou à esquerda) */
#main .mp-rotulo:not(.banner .mp-rotulo){color:#7d6836!important;display:block!important;letter-spacing:.22em!important;font-size:11.5px!important}
#main .mp-rotulo:not(.banner .mp-rotulo):before{content:"";display:inline-block;vertical-align:middle;width:28px;height:1px;background:var(--ac-champanhe);margin:0 14px 3px 0}

/* ---------- Bloco "foto + texto" ---------- */
/* texto: coluna mais estreita e centrada na altura da foto */
#main .row.align-middle > .col.large-6 > .col-inner:not(.text-center):has(> .text h2):not(:has(.banner)){max-width:500px}
/* respiro igual entre os pares foto + texto */
#main #content > .row.align-middle:not(.row-collapse),#main #content > .row[style*="1280"]{padding-top:calc(var(--ac-respiro) / 2)!important;padding-bottom:calc(var(--ac-respiro) / 2)!important}

/* ---------- Intro centralizada (logo abaixo da capa) ---------- */
#main #content > .row.align-center:not(.row-collapse) .text h2{font-size:clamp(30px,3.2vw,46px)!important;max-width:880px;margin-left:auto;margin-right:auto}
#main #content > .row.align-center:not(.row-collapse) .text p{max-width:660px;margin-left:auto;margin-right:auto}
#main #content > .row.align-center:not(.row-collapse) > .col > .col-inner:after{content:"";display:block;width:1px;height:56px;background:var(--ac-champanhe);margin:36px auto 0}

/* ---------- Listas ---------- */
#main ul.mp-lista li,#main ol.mp-lista li{border-bottom-color:var(--ac-linha)!important;padding-top:13px!important;padding-bottom:13px!important}
#main ul.mp-lista li:before{background:var(--ac-champanhe)!important;width:14px!important}
#main ol.mp-lista li:before{color:#7d6836!important}
#main ul.mp-lista,#main ol.mp-lista{border-top:1px solid var(--ac-linha)}

/* ---------- Botões ---------- */
#main .button:not(.banner .button):not(.ux-quantity__button){min-height:52px!important;letter-spacing:.2em!important;font-size:11.5px!important;transition:background .3s,color .3s,border-color .3s!important}
#main .button.mp-botao-linha,#main .mp-cta .button.mp-botao-linha{border-color:var(--ac-tinta)!important}

/* ---------- Cartões com foto (home) ---------- */
#main .mp-cartoes .banner.bg-color{padding-top:125%!important;height:auto!important;margin-bottom:0!important}
#main .mp-cartoes .banner.bg-color .banner-bg img{filter:grayscale(1) contrast(1.02);transition:transform 1.2s cubic-bezier(.2,.6,.2,1),filter .6s}
#main .mp-cartoes .banner.bg-color:hover .banner-bg img{transform:scale(1.04);filter:grayscale(.15)}
#main .mp-cartoes .col-inner:has(> .banner) > .text{border-top:1px solid var(--ac-linha);margin-top:14px;padding-top:12px}
#main .mp-cartoes .col-inner:has(> .banner) > .text p{margin:0}
#main .mp-cartoes .col-inner:has(> .banner) > .text p a{display:flex!important;justify-content:space-between;align-items:center;font-size:14.5px!important;letter-spacing:.01em}
#main .mp-cartoes .col-inner:has(> .banner) > .text p a:after{content:""!important;width:22px;height:1px;background:var(--ac-tinta);transition:width .3s}
#main .mp-cartoes .col-inner:has(> .banner) > .text p a:hover:after{width:38px}
#main .mp-cartoes .col-inner:not(:has(> .banner)) > .text p{margin:0 0 1.1em}
#main .mp-fundo{background-color:var(--ac-marfim)!important}

/* ---------- Faixa de logos ---------- */
#main .mp-marcas{border-top:1px solid var(--ac-linha)!important;border-bottom:1px solid var(--ac-linha)}
#main .mp-marcas .img img{opacity:.6;transition:opacity .3s,filter .3s}
#main .mp-marcas .img:hover img{opacity:1}

/* ---------- Bloco de contato ---------- */
#main .mp-contato{display:grid;grid-template-columns:1fr;max-width:520px;border-top:1px solid var(--ac-linha);margin-top:22px!important}
#main .mp-contato dt{margin:0!important;padding:16px 0 2px;border-bottom:0;font-size:11px!important;align-self:stretch;display:flex!important;align-items:center}
#main .mp-contato dd{margin:0!important;padding:2px 0 16px;border-bottom:1px solid var(--ac-linha);font-size:15.5px!important;overflow-wrap:break-word}
#main .mp-contato dt{color:var(--ac-suave)!important}
#main .mp-contato a{border-bottom:0!important}

/* ---------- Chamada final ---------- */
#main .mp-cta{background:var(--ac-marfim)!important}
#main .mp-cta .col-inner:before{content:"";display:block;width:1px;height:56px;background:var(--ac-champanhe);margin:0 auto 34px}
#main .mp-cta .text h2{font-size:clamp(32px,3.6vw,52px)!important}

/* ---------- Produtos: acordeões e caixa de compra ---------- */
#main .accordion-title{background:transparent!important;border:0!important;border-bottom:1px solid var(--ac-linha)!important;padding:20px 44px 20px 4px!important;font-size:15.5px!important;position:relative}
#main .accordion-title .toggle{left:auto!important;right:6px!important}
#main .ux-quantity{border:1px solid var(--ac-linha)!important}
#main .ux-quantity input.qty,#main .ux-quantity .ux-quantity__button{background:transparent!important;border:0!important;box-shadow:none!important;min-height:48px}
#main .gc-accordion-product > div{background:transparent!important}
#main .accordion-item:first-child .accordion-title{border-top:1px solid var(--ac-linha)!important}
#main .single_add_to_cart_button{min-height:56px!important;letter-spacing:.2em!important}

/* ---------- Rodapé (mesmo conteúdo) ---------- */
#footer .mp-rodape{padding-top:80px!important;padding-bottom:28px!important}
#footer .mp-rodape .text p:first-child strong{letter-spacing:.24em!important;color:#fff}
#footer .mp-rodape .text a{color:rgba(255,255,255,.72)!important;transition:color .2s}
#footer .mp-rodape .text a:hover{color:#fff!important}
.absolute-footer{border-top:1px solid rgba(255,255,255,.12)}

@media (max-width:549px){
  :root{--ac-respiro:64px}
  #main .mp-contato{grid-template-columns:1fr}
  #main .mp-contato dt{border-bottom:0;padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){#main *{transition:none!important}}

/* Produto: cartões numerados sem caixa branca, com filete */
#main .col-inner.box-shadow-2-hover{box-shadow:none!important;background:transparent!important;border-top:1px solid var(--ac-linha);padding:24px 6px 0!important}
/* Títulos: sem quebra forçada, linhas equilibradas; listas legíveis */
#main .col-inner > .text h2{text-wrap:balance}
#main ul.mp-lista li,#main ol.mp-lista li{font-size:15.5px!important;line-height:1.6}

/* Rótulo em bloco centralizado: filete dos dois lados, texto no centro exato */
#main .col-inner.text-center .mp-rotulo:not(.banner .mp-rotulo):after,
#main [style*="center"] .mp-rotulo:not(.banner .mp-rotulo):after,
#main .row.align-center > .col > .col-inner > .text > .mp-rotulo:first-child:after{content:"";display:inline-block;vertical-align:middle;width:28px;height:1px;background:var(--ac-champanhe);margin:0 0 3px 14px}
/* Seta do acordeão na altura do texto */
#main .accordion-title .toggle{top:50%!important;transform:translateY(-50%);margin-top:0!important}
/* Celular: colunas de texto sem o recuo lateral de desktop que algumas páginas não ajustaram */
@media (max-width:549px){#main .row > .col > .col-inner:has(> .text h2):not(:has(.banner)){padding-left:0!important;padding-right:0!important}}

/* ===== Revisão final (16/10) ===== */
/* Listas centralizadas: vence a margem da regra antiga do refino */
#main ul.mp-lista.mp-lista-centro,#main ol.mp-lista.mp-lista-centro{margin-left:auto!important;margin-right:auto!important}
/* Rodapé no celular: uma coluna, sem quebras feias */
@media (max-width:549px){
  #footer .mp-rodape > .section-content > .row:last-child{display:block!important}
  #footer .mp-rodape > .section-content > .row:last-child > .col{padding-bottom:14px}
}
/* Minha conta: "Lembre-me" e botão com respiro */
.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme){display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
/* Telas de e-mail: títulos equilibrados, botões sem quebrar */
.mintmrm-card-title,.mintmrm-card-subtitle{text-wrap:balance;line-height:1.25}
.mintmrm-card-button{white-space:nowrap}
@media (max-width:549px){.mintmrm-card-button{padding:0 18px!important;font-size:11px!important}}
.mint-survey-reasons input[type=radio]{accent-color:#111;width:18px;height:18px}
/* Busca: miniaturas no tamanho de miniatura */
.search .blog-wrapper .entry-image,.search .blog-wrapper .post-thumbnail{max-width:420px;margin-left:auto;margin-right:auto}
/* Loja: preço riscado acima do preço atual */
.product-small .price del{display:block;margin-bottom:2px}
/* Produto no celular: quantidade inteira dentro da caixa */
@media (max-width:549px){#main .ux-quantity{max-width:100%}#main .ux-quantity input.qty{width:48px}}
/* Checkout: cupom separado do pedido; texto do campo de complemento inteiro */
.woocommerce-form-coupon-toggle{margin-bottom:24px}
.woocommerce form .form-row input::placeholder{font-size:14px}