/* DM2 | Vitrine de produtos: composição viva, conteúdo real dos aparelhos intacto. */
.products-section{background:radial-gradient(ellipse at 92% 4%,rgba(160,132,238,.15),transparent 36%),radial-gradient(ellipse at 5% 96%,rgba(255,144,174,.12),transparent 45%),#f1eee9}
.products-head{align-items:center;gap:clamp(28px,5vw,85px);margin-bottom:46px}
.products-head .section-title{max-width:780px;line-height:.96}
.products-head .section-title span{background:linear-gradient(105deg,#7943e8 0%,#b04dce 45%,#5485ed 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.products-head p{border-left:3px solid #b4a1e7;padding-left:20px}
.product-stack{gap:22px;align-items:stretch}
.product-card.product-cash,.product-card.product-mesada{min-height:612px;border-radius:34px;padding:29px 30px 23px;isolation:isolate}
.product-card.product-cash{background:radial-gradient(circle at 79% 24%,rgba(110,69,220,.33),transparent 38%),radial-gradient(circle at 4% 93%,rgba(194,157,111,.16),transparent 40%),linear-gradient(138deg,#21172f,#2b2345 57%,#171323)}
.product-card.product-mesada{background:radial-gradient(circle at 86% 26%,rgba(133,114,243,.23),transparent 35%),radial-gradient(circle at 11% 83%,rgba(243,139,179,.22),transparent 42%),linear-gradient(138deg,#fffaf9 0%,#f7f4ff 60%,#eff5ff 100%)}
.product-card.product-cash::after,.product-card.product-mesada::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;border:1px solid rgba(255,255,255,.26)}
.product-card .product-meta{align-items:center;min-height:32px;gap:12px;font-size:10px;letter-spacing:.13em}
.product-card .product-meta span:last-child{font-size:9px;white-space:nowrap;padding:8px 10px}
.product-card .product-meta span:last-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ad88f7;margin-right:7px;vertical-align:2px;box-shadow:0 0 0 3px rgba(159,111,245,.12)}
.product-cash .product-main,.product-mesada .product-main{min-height:507px;height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center}
.product-cash .cash4ds-copy,.product-mesada .mesadaz-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:38px 0 10px;position:relative;z-index:3}
.product-cash .cash4ds-title{font-size:clamp(37px,3.3vw,53px)}
.product-cash .cash4ds-lead,.product-mesada .mesadaz-lead{font-size:clamp(16px,1.45vw,20px)}
.product-cash .cash4ds-description,.product-mesada .mesadaz-description{font-size:13px;line-height:1.55;max-width:340px}
.product-cash .cash4ds-actions,.product-mesada .mesadaz-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:stretch}
.product-cash .cash4ds-cta,.product-mesada .mesadaz-cta{min-height:45px;padding:11px 14px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;font-size:10.5px;font-weight:850;letter-spacing:.075em;transition:transform .25s,box-shadow .25s}
.product-mesada .mesadaz-cta{color:#fff;background:linear-gradient(110deg,#7753e5,#6049d3);box-shadow:0 10px 24px rgba(104,76,213,.2)}
.product-mesada .mesadaz-cta:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(104,76,213,.28)}
.product-mesada .mesadaz-store{min-height:45px;padding:8px 12px}
.product-cash .cash4ds-store-note,.product-mesada .mesadaz-store-note{min-height:16px;margin-top:8px}
.product-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border-top:1px solid currentColor;margin-top:auto;padding-top:16px;font-size:10px;line-height:1.3;font-weight:700;opacity:.84}
.cash4ds-features{color:#e6ddef;border-color:rgba(255,255,255,.16)}
.mesadaz-features{color:#6d6389;border-color:rgba(107,88,166,.16)}
.product-features>span{min-height:42px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.product-features i{display:block;width:12px;height:12px;border:2px solid currentColor;border-radius:4px;box-shadow:inset 0 0 0 2px rgba(150,105,220,.15);opacity:.9}
.product-features>span:nth-child(2) i{border-radius:50%}
.product-features>span:nth-child(3) i{transform:rotate(45deg);border-radius:3px}
.product-cash .cash-art{height:482px;min-width:0}
.product-cash .cash-art::before{width:300px;height:300px;box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 100px rgba(177,138,235,.25)}
.product-cash .cash-art .phone-shell{width:clamp(179px,16.2vw,225px);height:auto;aspect-ratio:198/400;transform:rotate(4deg) translate(12px,3px);animation:dm2-cash-float 6.4s ease-in-out infinite}
.product-mesada .mesadaz-brand-title{margin:0 0 15px;font-size:0;line-height:1;max-width:220px}
.product-mesada .mesadaz-wordmark{display:block;width:min(190px,100%);height:auto;max-height:74px;margin:0;object-fit:contain;object-position:left center}
.product-mesada .mesadaz-lead{margin:0;color:#6953ca}
.product-mesada .mesadaz-showcase{height:480px;min-width:0;align-self:center;display:block;position:relative;isolation:isolate}
.product-mesada .mesadaz-scene-orbit{position:absolute;width:325px;height:325px;border:1px solid rgba(119,91,205,.18);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 32px rgba(164,141,231,.045),0 0 0 64px rgba(164,141,231,.035)}
.product-mesada .mesadaz-scene-light{position:absolute;inset:13% -3% 4%;border-radius:50%;background:radial-gradient(ellipse,rgba(136,113,231,.23),rgba(244,167,194,.12) 48%,transparent 70%);filter:blur(10px)}
.product-mesada .mesadaz-device-back{position:absolute;width:clamp(155px,13vw,184px);aspect-ratio:9/17;top:61px;left:3%;border-radius:28px;background:linear-gradient(135deg,#b6a8ec,#eee7ff 51%,#9e9ad6);box-shadow:0 23px 34px rgba(86,70,144,.2),inset 0 1px 2px #fff;border:3px solid rgba(255,255,255,.7);transform:rotate(-13deg);z-index:1}
.product-mesada .mesadaz-device-camera{position:absolute;top:16px;left:15px;width:50px;height:50px;background:radial-gradient(circle at 15px 15px,#26233c 0 7px,#77749d 8px 10px,transparent 11px),radial-gradient(circle at 34px 34px,#27253e 0 7px,#77749d 8px 10px,transparent 11px),rgba(230,222,253,.8);border:1px solid rgba(90,80,144,.12);border-radius:15px}
.product-mesada .mesadaz-screen-frame{position:absolute;z-index:3;width:clamp(188px,17vw,232px);top:22px;left:50%;transform:translateX(-39%) rotate(5deg);padding:7px;border:2px solid #49425b;border-radius:31px;background:#181620;box-shadow:0 26px 49px rgba(41,32,91,.27),0 8px 18px rgba(41,32,91,.18),inset 0 0 0 1px rgba(255,255,255,.2);animation:dm2-mesadaz-float 6.2s ease-in-out infinite}
.product-mesada .mesadaz-screen-image{display:block;width:100%;height:auto;aspect-ratio:941/1672;object-fit:contain;border-radius:22px;background:#f7f7fb}
.product-mesada .mesadaz-pedestal{position:absolute;z-index:0;bottom:6px;left:9%;right:3%;height:39px;border-radius:50%;background:linear-gradient(90deg,#ead2eb,#a69cf1 55%,#d9d9ff);filter:drop-shadow(0 14px 14px rgba(86,70,144,.15))}
@keyframes dm2-cash-float{0%,100%{transform:rotate(4deg) translate(12px,3px)}50%{transform:rotate(3deg) translate(12px,-8px)}}
@keyframes dm2-mesadaz-float{0%,100%{transform:translateX(-39%) rotate(5deg) translateY(0)}50%{transform:translateX(-39%) rotate(3deg) translateY(-10px)}}
@media (max-width:1220px){
  .product-stack{grid-template-columns:1fr}
  .product-card.product-cash,.product-card.product-mesada{min-height:565px}
  .product-cash .product-main,.product-mesada .product-main{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:28px;min-height:470px}
  .product-cash .cash-art .phone-shell{width:220px}
  .product-mesada .mesadaz-screen-frame{width:228px}
  .product-mesada .mesadaz-device-back{width:185px;left:20%}
  .product-cash .cash4ds-copy,.product-mesada .mesadaz-copy{padding:35px 0 10px}
}
@media (max-width:680px){
  .products-head{gap:20px;margin-bottom:30px}
  .products-head p{padding-left:14px;font-size:14px}
  .product-stack{gap:16px}
  .product-card.product-cash,.product-card.product-mesada{min-height:0;padding:20px;border-radius:26px}
  .product-cash .product-main,.product-mesada .product-main{display:flex;flex-direction:column;gap:0;min-height:0}
  .product-cash .cash-art,.product-mesada .mesadaz-showcase{order:-1;flex:none;width:100%;height:334px;margin-top:10px}
  .product-cash .cash-art .phone-shell{width:164px}
  .product-cash .cash-art::before{width:224px;height:224px;box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 70px rgba(177,138,235,.2)}
  .product-cash .cash4ds-copy,.product-mesada .mesadaz-copy{width:100%;min-height:0;padding:10px 0 0;align-self:stretch}
  .product-cash .cash4ds-title{font-size:42px}
  .product-mesada .mesadaz-brand-title{margin:0 0 13px}
  .product-mesada .mesadaz-wordmark{width:160px;max-height:64px}
  .product-mesada .mesadaz-screen-frame{width:164px;top:2px;left:50%;border-radius:24px;padding:5px}
  .product-mesada .mesadaz-screen-image{border-radius:17px}
  .product-mesada .mesadaz-device-back{width:127px;top:35px;left:calc(50% - 114px);border-radius:22px}
  .product-mesada .mesadaz-device-camera{transform:scale(.72);transform-origin:top left}
  .product-mesada .mesadaz-scene-orbit{width:215px;height:215px}
  .product-mesada .mesadaz-pedestal{left:15%;right:10%;bottom:7px;height:26px}
  .product-features{padding-top:14px;margin-top:16px;font-size:9px;gap:7px}
  .product-features>span{min-height:38px}
  .product-cash .cash4ds-actions,.product-mesada .mesadaz-actions{margin-top:18px}
}
@media (max-width:380px){
  .product-card.product-cash,.product-card.product-mesada{padding:17px}
  .product-cash .cash-art,.product-mesada .mesadaz-showcase{height:315px}
  .product-mesada .mesadaz-screen-frame{width:155px}
  .product-cash .cash-art .phone-shell{width:155px}
}
@media (prefers-reduced-motion:reduce){
  .product-cash .cash-art .phone-shell,.product-mesada .mesadaz-screen-frame{animation:none}
}

/* Vitrine v2: mesmo comprimento dos aparelhos, hierarquia e controles simetricos. */
.product-cash,.product-mesada{--dm2-phone-height:clamp(345px,26.8vw,450px)}
.product-cash .product-main,.product-mesada .product-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.product-cash .cash-art,.product-mesada .mesadaz-showcase{height:480px;min-height:0}
.product-cash .cash-art .phone-shell{width:calc(var(--dm2-phone-height) * .495);height:var(--dm2-phone-height);aspect-ratio:198/400}
.product-mesada .mesadaz-screen-frame{box-sizing:border-box;width:calc(var(--dm2-phone-height) * .568);height:var(--dm2-phone-height);top:50%;left:50%;padding:6px;transform:translate(-50%,-50%) rotate(5deg);animation:dm2-mesa-balanced 6.2s ease-in-out infinite}
.product-mesada .mesadaz-screen-image{width:100%;height:100%;aspect-ratio:941/1672;object-fit:contain}
.product-mesada .mesadaz-device-back{top:50%;left:5%;transform:translateY(-50%) rotate(-13deg)}
.product-mesada .mesadaz-pedestal{bottom:5px}
.product-cash .cash4ds-title,.product-mesada .mesadaz-brand-title{font-family:"Arial Rounded MT Bold",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(37px,3.3vw,53px);font-weight:850;line-height:.92;letter-spacing:-.055em;margin:0 0 12px;max-width:none}
.product-mesada .mesadaz-brand-title{width:max-content;max-width:100%;background:linear-gradient(105deg,#b43d75 0%,#8650d1 52%,#4d6be0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.product-cash .cash4ds-lead,.product-mesada .mesadaz-lead{min-height:48px}
.product-cash .cash4ds-description,.product-mesada .mesadaz-description{min-height:83px}
.product-cash .cash4ds-actions,.product-mesada .mesadaz-actions{display:flex;align-items:center;gap:8px;margin-top:19px;flex-wrap:wrap}
.product-cash .cash4ds-cta,.product-mesada .mesadaz-cta,.product-cash .cash4ds-store,.product-mesada .mesadaz-store{box-sizing:border-box;width:132px;min-width:132px;flex:0 0 132px;height:46px;min-height:46px;padding:8px 10px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}
.product-cash .cash4ds-cta,.product-mesada .mesadaz-cta{font-size:10px;letter-spacing:.035em;font-weight:850;white-space:nowrap}
.product-cash .cash4ds-store,.product-mesada .mesadaz-store{background:#1b1826;border:1px solid rgba(255,255,255,.23);color:#fff;box-shadow:0 9px 21px rgba(27,22,47,.12);cursor:pointer}
.product-cash .cash4ds-store:hover,.product-mesada .mesadaz-store:hover{background:#302843;border-color:rgba(255,255,255,.45);transform:translateY(-2px)}
.product-cash .cash4ds-store .store-label,.product-mesada .mesadaz-store .store-label{display:block;text-align:left}
.product-cash .cash4ds-store .store-label strong,.product-mesada .mesadaz-store .store-label strong{display:block;color:#fff;font-size:12px;letter-spacing:-.02em;line-height:1.1;font-weight:800;text-transform:none;white-space:nowrap}
.product-cash .cash4ds-store .play-mark,.product-mesada .mesadaz-store .play-mark{width:19px;height:21px;flex:0 0 19px}
.product-cash .cash4ds-store-note,.product-mesada .mesadaz-store-note{min-height:16px;margin-top:8px}
@keyframes dm2-mesa-balanced{

  0%,100%{transform:translate(-50%,-50%) rotate(5deg)}
  50%{transform:translate(-50%,calc(-50% - 9px)) rotate(3deg)}
}
@media (max-width:1220px){
  .product-cash,.product-mesada{--dm2-phone-height:450px}
  .product-cash .product-main,.product-mesada .product-main{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:28px}
  .product-mesada .mesadaz-device-back{left:20%}
}
@media (max-width:680px){
  .product-cash,.product-mesada{--dm2-phone-height:332px}
  .product-cash .product-main,.product-mesada .product-main{display:flex;flex-direction:column;gap:0}
  .product-cash .cash-art,.product-mesada .mesadaz-showcase{height:350px;margin-top:10px}
  .product-cash .cash4ds-title,.product-mesada .mesadaz-brand-title{font-size:42px;margin-bottom:12px}
  .product-cash .cash4ds-lead,.product-mesada .mesadaz-lead{min-height:0}
  .product-cash .cash4ds-description,.product-mesada .mesadaz-description{min-height:0}
  .product-mesada .mesadaz-screen-frame{padding:5px;border-radius:24px}
  .product-mesada .mesadaz-device-back{left:calc(50% - 114px)}
  .product-cash .cash4ds-cta,.product-mesada .mesadaz-cta,.product-cash .cash4ds-store,.product-mesada .mesadaz-store{width:132px;flex-basis:132px}
}
@media (max-width:380px){
  .product-cash,.product-mesada{--dm2-phone-height:313px}
  .product-cash .cash-art,.product-mesada .mesadaz-showcase{height:330px}
  .product-cash .cash4ds-title,.product-mesada .mesadaz-brand-title{font-size:39px}

}
@media (prefers-reduced-motion:reduce){.product-mesada .mesadaz-screen-frame{animation:none}}

/* Vitrine v3 — enquadramento de smartphone e CTA ancorados perto do rodape. */
@media (min-width:681px){
  .product-cash .cash4ds-copy,.product-mesada .mesadaz-copy{justify-content:flex-start;padding-top:48px}
  .product-cash .cash4ds-actions,.product-mesada .mesadaz-actions{margin-top:auto}
  .product-cash .cash4ds-store-note,.product-mesada .mesadaz-store-note{min-height:26px;margin-top:10px}
  .product-cash .product-features,.product-mesada .product-features{margin-top:0}
}
.product-mesada .mesadaz-screen-frame{
  box-sizing:border-box;
  width:calc(var(--dm2-phone-height) * .47);
  height:calc(var(--dm2-phone-height) * .91);
  padding:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f7f9fe;
}
.product-mesada .mesadaz-screen-image{
  display:block;
  width:100%;
  height:auto;
  max-height:100%;

  object-fit:contain;
  flex:none;
}
.product-mesada .mesadaz-device-back{width:clamp(145px,11vw,165px)}
@media (max-width:1220px) and (min-width:681px){
  .product-mesada .mesadaz-device-back{width:165px}
}
@media (max-width:680px){
  .product-mesada .mesadaz-screen-frame{padding:5px}
  .product-mesada .mesadaz-device-back{width:120px}
  .product-cash .cash4ds-actions,.product-mesada .mesadaz-actions{margin-top:18px}
}
