/* V52 — abertura dos produtos no estilo das imagens enviadas */
@keyframes phFloat{0%,100%{transform:perspective(1600px) rotateY(-11deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1600px) rotateY(-11deg) rotateX(2deg) translateY(-10px)}}
@keyframes phGlass{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes phSheen{0%{transform:translateX(-120%) skewX(-18deg)}60%,100%{transform:translateX(260%) skewX(-18deg)}}
@keyframes phWaves{0%,100%{transform:translateX(0)}50%{transform:translateX(-2.5%)}}

.ph.v52{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 80% 30%,#ffffff 0%,#f3f3f4 45%,#ececee 100%)!important;padding:0!important}
.ph.v52 .ph-waves{position:absolute;left:-4%;width:108%;bottom:-6%;height:85%;color:#d9dadd;opacity:.9;z-index:-1;pointer-events:none;animation:phWaves 20s ease-in-out infinite}
.ph.v52 .ph-stage{max-width:none!important;container-type:normal!important;padding:0 clamp(24px,5.6vw,108px)}
.ph.v52 .ph-in{display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:center;min-height:min(calc(100vh - var(--header-h,72px)),900px)!important;padding:56px 0 64px!important;position:relative}
.ph.v52 .ph-kicker{grid-column:1;grid-row:1;align-self:end;margin:0 0 30px!important;font-size:17px!important;gap:14px!important;font-weight:400!important;color:#1b1b1b!important}
.ph.v52 .ph-kicker:before{width:42px!important;height:3px!important;border-radius:3px;background:var(--pc)!important}
.ph.v52 .ph-copy{grid-column:1;grid-row:2;margin:0!important;width:auto!important;max-width:640px}
.ph.v52 .ph-logo{width:clamp(280px,27vw,470px)!important;margin:0 0 34px!important}
html body main .ph.v52 h1.ph-title:not(#_){font-size:clamp(34px,3.7vw,62px)!important;line-height:1.04!important;letter-spacing:-.035em!important;color:#38393d!important;max-width:640px;margin:0 0 26px!important}
.ph.v52 .ph-text{font-size:clamp(16px,1.25vw,20px)!important;line-height:1.5!important;color:#5d5f64!important;text-align:left!important;width:auto!important;max-width:600px}
.ph.v52 .ph-text+.ph-text{margin-top:16px!important}
.ph.v52 .ph-btn{margin-top:34px!important;height:auto!important;min-height:60px;padding:0 26px 0 32px!important;border-radius:999px!important;background:#0b0b0b!important;color:#fff!important;font-size:clamp(16px,1.15vw,19px)!important;font-weight:400!important;gap:22px;transition:transform .25s,box-shadow .25s,background .25s}
.ph.v52 .ph-btn svg{width:20px;height:20px;transition:transform .25s}
.ph.v52 .ph-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.18);filter:none}
.ph.v52 .ph-btn:hover svg{transform:translate(3px,-3px)}
/* lado visual */
.ph.v52 .ph-visual{grid-column:2;grid-row:1 / span 2;position:relative!important;inset:auto!important;height:clamp(460px,41vw,720px);pointer-events:none}
.ph.v52 .ph-block{position:absolute;border-radius:34px!important;background:linear-gradient(140deg,rgba(255,255,255,.55),rgba(230,230,233,.18))!important;border:1.5px solid rgba(255,255,255,.85);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 0 0 1px rgb(var(--sx-rgb,107 110 115) / .18),0 0 26px rgb(var(--sx-rgb,107 110 115) / .28),0 30px 60px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:phGlass 8s ease-in-out infinite}
.ph.v52 .ph-block.b1{left:8%;top:20%;width:30%;height:32%}
.ph.v52 .ph-block.b2{left:17%;top:56%;width:20%;height:23%;animation-delay:1.6s}
.ph.v52 .ph-photo{position:absolute!important;left:30%!important;right:1%!important;top:3%!important;height:auto!important;bottom:5%;border-radius:34px!important;overflow:hidden;background:#111;
  box-shadow:0 0 0 2px rgb(var(--sx-rgb,107 110 115) / .85),0 0 34px rgb(var(--sx-rgb,107 110 115) / .55),0 0 90px rgb(var(--sx-rgb,107 110 115) / .25),0 40px 80px rgba(0,0,0,.25);
  transform:perspective(1600px) rotateY(-11deg) rotateX(2deg);transform-origin:center;animation:phFloat 9s ease-in-out infinite}
.ph.v52 .ph-photo:after{content:"";position:absolute;top:-20%;bottom:-20%;width:30%;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:phSheen 7s ease-in-out infinite;pointer-events:none}
.ph.v52 .ph-photo img{width:100%;height:100%;object-fit:cover}
/* etiquetas (Regente) */
.ph.v52 .ph-chips{position:absolute!important;right:-1%!important;top:10%!important;width:auto!important;gap:12px!important;z-index:3;pointer-events:auto}
.ph.v52 .ph-chips li{height:auto!important;min-height:58px;padding:0 26px 0 20px!important;justify-content:flex-start!important;gap:16px;border-radius:14px!important;background:linear-gradient(180deg,rgba(28,30,28,.92),rgba(14,15,14,.92))!important;border:1px solid rgb(var(--sx-rgb,107 110 115) / .45);
  box-shadow:0 0 18px rgb(var(--sx-rgb,107 110 115) / .2),0 16px 30px rgba(0,0,0,.3);color:#f3f3f3!important;font-size:clamp(14px,1.05vw,17px)!important;font-weight:400!important;min-width:clamp(220px,16vw,270px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s}
.ph.v52 .ph-chips li:hover{transform:translateX(-6px)}
.ph.v52 .ph-chips svg{width:26px;height:26px;color:var(--pc);flex:0 0 26px}
/* telas menores */
@media (max-width:1000px){
  .ph.v52 .ph-in{grid-template-columns:1fr;min-height:0!important;padding:40px 0 48px!important}
  .ph.v52 .ph-kicker{grid-row:1}.ph.v52 .ph-copy{grid-row:2}
  .ph.v52 .ph-visual{grid-column:1;grid-row:3;height:420px;margin-top:40px}
  .ph.v52 .ph-photo{left:24%!important;right:2%!important}
  .ph.v52 .ph-block.b1{left:2%;top:16%;width:34%}.ph.v52 .ph-block.b2{left:8%;top:54%;width:24%}
}
@media (max-width:640px){
  .ph.v52 .ph-logo{width:min(260px,72%)!important}
  html body main .ph.v52 h1.ph-title:not(#_){font-size:30px!important}
  .ph.v52 .ph-btn{width:100%;justify-content:space-between;min-height:54px}
  .ph.v52 .ph-visual{height:360px}
  .ph.v52 .ph-photo{left:16%!important;transform:none;animation:none;border-radius:24px!important}
  .ph.v52 .ph-chips{right:0!important;top:6%!important;gap:7px!important}
  .ph.v52 .ph-chips li{min-height:42px;min-width:0;padding:0 14px!important;font-size:12.5px!important}
  .ph.v52 .ph-chips svg{width:18px;height:18px;flex-basis:18px}
}
@media (prefers-reduced-motion:reduce){.ph.v52 .ph-photo,.ph.v52 .ph-block,.ph.v52 .ph-waves,.ph.v52 .ph-photo:after{animation:none!important}}
/* V56 — abertura sem espaço vazio no topo e cabendo na tela */
.ph.v52 .ph-in{min-height:0!important;padding:clamp(22px,2.6vw,40px) 0 clamp(36px,3.6vw,56px)!important;align-items:start!important}
.ph.v52 .ph-kicker{align-self:start!important;margin-bottom:clamp(18px,2vw,26px)!important}
.ph.v52 .ph-logo{width:clamp(250px,22vw,400px)!important;margin-bottom:clamp(18px,2vw,28px)!important}
html body main .ph.v52 h1.ph-title:not(#_){font-size:clamp(32px,3.2vw,54px)!important;margin-bottom:20px!important}
.ph.v52 .ph-btn{margin-top:clamp(22px,2.4vw,32px)!important;min-height:54px}
.ph.v52 .ph-visual{height:min(40vw,calc(100vh - var(--header-h,72px) - 90px),640px)!important;min-height:420px;align-self:center}
@media (max-width:1000px){.ph.v52 .ph-visual{height:400px!important;min-height:0}}
@media (max-width:640px){.ph.v52 .ph-visual{height:340px!important}}
/* V59 — foto da abertura com mais respiro e o Maestro enquadrado como na referência */
.ph.v52 .ph-photo{left:31%!important;right:5%!important;top:5%!important;bottom:7%!important}
.ph.v52 .ph-chips{right:2%!important}
.ph.v52 .ph-photo img[src*="hero-maestro"]{object-position:50% 34%!important}