/* ComandaMix — complementos da página /comandamix (usa a base do site.css) */
.pagina-cmx{--destaque:#F59E0B;--ciano:#22B8E0}
.pagina-cmx .hero-painel{background:radial-gradient(120% 90% at 85% 10%,#0D3A55 0%,#062236 35%,var(--painel) 75%)}
.cmx-h1{font:600 clamp(2.1rem,4.2vw,3.7rem)/1.06 var(--titulo)!important;letter-spacing:-1.4px}
.cmx-h1 em{display:inline!important;font-style:normal;color:var(--destaque)!important}
.cmx-hero-visual{position:relative;height:520px}
.cmx-tablet{position:absolute;left:0;top:12%;width:92%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}
.cmx-celular{position:absolute;right:0;bottom:0;width:34%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}

.cmx-cabeca{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 60px;align-items:end;margin-bottom:40px}
.cmx-titulo{font:600 clamp(26px,3.2vw,40px)/1.12 var(--titulo);letter-spacing:-1px;margin-bottom:16px}
.selo-novo{display:inline-block;font:700 10.5px/1 var(--mono);letter-spacing:1px;text-transform:uppercase;background:var(--destaque);color:#1B1200;padding:5px 8px;border-radius:6px;vertical-align:middle}

.cmx-modulos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}
.cmx-modulo,.cmx-dor{border:1px solid var(--linha);border-radius:18px;padding:24px;background:linear-gradient(180deg,var(--painel2),transparent)}
.cmx-ico{width:46px;height:46px;border-radius:13px;background:rgba(34,184,224,.12);color:var(--ciano);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.cmx-modulo h3{font-size:18px;font-weight:600;margin-bottom:8px}
.cmx-modulo p,.cmx-dor p{color:var(--suave);font-size:14.5px;line-height:1.65}
.cmx-galeria .slide{height:560px}

.cmx-dores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cmx-dor-problema{font:500 12.5px/1.4 var(--mono)!important;color:#FF8C8C!important;text-decoration:line-through;text-decoration-color:rgba(255,140,140,.5);margin-bottom:12px}
.cmx-dor h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:8px}
.cmx-dor h3 .ico{color:var(--verde)}

.cmx-linha{list-style:none;display:grid;gap:0;counter-reset:p}
.cmx-linha li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:0 0 26px;position:relative}
.cmx-linha li:not(:last-child)::before{content:'';position:absolute;left:25px;top:52px;bottom:4px;width:2px;background:var(--linha2)}
.cmx-linha span{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--destaque);color:var(--destaque);display:flex;align-items:center;justify-content:center;font:700 20px var(--titulo)}
.cmx-linha p{font-size:17.5px;line-height:1.5;padding-top:13px}

.cmx-detalhe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.cmx-detalhe-inverso>div:first-child{order:2}
.cmx-detalhe .intro{max-width:56ch}
.cmx-itens{margin:26px 0 0}
.cmx-itens .ico{color:var(--destaque);background:rgba(245,158,11,.14)}
.cmx-detalhe-img{display:flex;justify-content:center}
.cmx-detalhe-img img{max-height:520px;width:auto}
.cmx-detalhe-img.slide-arte img{border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.55)}
.cmx-grupos{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cmx-grupo{border:1px solid var(--linha);border-radius:16px;padding:20px 22px}
.cmx-grupo h3{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--ciano);margin-bottom:10px}
.cmx-grupo ul{list-style:none;display:grid;gap:6px}
.cmx-grupo li{font-size:14.5px;color:var(--suave);padding-left:16px;position:relative}
.cmx-grupo li::before{content:'▸';position:absolute;left:0;color:var(--destaque)}

.cmx-cardapio{background:radial-gradient(90% 90% at 90% 50%,rgba(34,184,224,.14),transparent 60%),var(--painel)}
.cmx-cardapio-visual{position:relative;height:540px}
.cmx-cv-1{position:absolute;left:4%;top:0;height:92%;width:auto;border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.55)}
.cmx-cv-2{position:absolute;right:2%;bottom:0;height:86%;width:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6))}

.faq{display:grid;gap:10px}
.faq details{border:1px solid var(--linha);border-radius:14px;background:var(--painel2);transition:border-color .2s}
.faq details[open]{border-color:var(--linha2)}
.faq summary{cursor:pointer;list-style:none;padding:18px 52px 18px 22px;font-weight:600;font-size:16px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--destaque)}
.faq details[open] summary::after{content:'−'}
.faq details p{padding:0 22px 20px;color:var(--suave);line-height:1.7}

.cmx-cta{text-align:center;background:radial-gradient(70% 120% at 50% 0%,rgba(245,158,11,.16),transparent 60%),var(--painel)}
.cmx-cta .intro{margin:0 auto 30px;max-width:60ch}
.cmx-cta .cmx-titulo{max-width:22ch;margin:0 auto 16px}
.cmx-cta .hero-botoes{justify-content:center;margin:0}

@media (max-width:1020px){
  .cmx-hero-visual{height:420px;max-width:620px;width:100%;margin:0 auto}
  .cmx-modulos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cmx-dores{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cmx-detalhe{grid-template-columns:minmax(0,1fr)}
  .cmx-detalhe-inverso>div:first-child{order:0}
  .cmx-grupos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cmx-cabeca{grid-template-columns:minmax(0,1fr)}
  .cmx-hero-visual{height:300px}
  .cmx-modulos,.cmx-dores,.cmx-grupos{grid-template-columns:minmax(0,1fr)}
  .cmx-galeria .slide{height:440px}
  .cmx-detalhe-img img{max-height:420px}
  .cmx-cardapio-visual{height:430px}
  .cmx-cta .btn{width:100%;white-space:normal}
  .cmx-linha p{font-size:16px}
}