/* PRODUTOS DIGITAIS · MAARTORI · padrão v2
   Página-conceito: hero + destaque + jornada + T1 + T2-T4 + nota + lista + CTA final
   Autossuficiente: copia .floatnav + .cta-band + .home-cta-final do acervo.css/home.css
   Não usa @import (lição 29/07). Cache bust ?v=1
*/

/* ========== FLOATNAV (cópia pra funcionar standalone) ========== */
.floatnav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(20,22,24,.55);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.floatnav-logo{display:inline-flex;align-items:center;padding:6px 12px 6px 8px;border-radius:999px;color:var(--sage-l);font:700 17px/1 var(--font);letter-spacing:.18em;text-transform:uppercase}
.floatnav-links{display:flex;align-items:center;gap:2px}
.floatnav-link{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;color:#dcd9d2;font:500 13.5px/1 var(--font);letter-spacing:.01em;white-space:nowrap;transition:color .25s ease,background .25s ease}
.floatnav-link:hover{color:#fff;background:var(--sage-15)}
.floatnav-link[aria-current="page"],.floatnav-link.active{background:var(--sage-d);color:#fff;font-weight:600}
.floatnav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-left:6px;border-radius:999px;background:var(--sage-d);color:#fff;font:600 13px/1 var(--font);letter-spacing:.01em;border:1px solid var(--sage-d);white-space:nowrap;transition:background .25s ease,transform .25s ease}
.floatnav-cta:hover{background:#5d6a45;transform:translateY(-1px)}
.floatnav-hamburger{display:none}
.floatnav--on-light{background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.06);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.floatnav--on-light .floatnav-link{color:#3a3a3a}
.floatnav--on-light .floatnav-link[aria-current="page"]{background:var(--sage-d);color:#fff}
body.menu-open .floatnav{background:rgba(20,22,24,.85)}
@media (max-width:960px){.floatnav{padding:6px 6px 6px 12px;gap:4px}.floatnav-links,.floatnav-cta{display:none}.floatnav-logo{font-size:15px;letter-spacing:.14em}.floatnav-hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--sage-d);color:#fff;border:none;border-radius:50%;font-size:18px;cursor:pointer}}

/* ========== SPLASH DESLIGADO NO MOBILE ========== */
@media (max-width:768px){.splash{display:none !important}}

/* ========== HERO 100svh com foto ========== */
.pd-hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;text-align:center;overflow:hidden;padding:120px 0 80px}
@media (max-width:768px){.pd-hero{min-height:100svh;padding:100px 0 60px}}
.pd-hero-img{position:absolute;inset:0;background:url('/assets/img/hero.jpg') center/cover no-repeat;z-index:0}
.pd-hero-overlay{position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.52) 48%,rgba(0,0,0,0.80) 100%),
  radial-gradient(ellipse at 72% 34%,rgba(110,123,82,0.22) 0%,rgba(0,0,0,0) 62%)}
.pd-hero>.container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px}
.pd-hero .label{color:var(--sage-l);font-weight:500;justify-content:center;margin:0}
.pd-hero-title{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6vw,84px);line-height:1.0;letter-spacing:-0.025em;font-variation-settings:"opsz" 144;margin:0;max-width:20ch;color:#fff;text-wrap:balance}
.pd-hero-title em{color:var(--sage-l);font-style:italic;font-weight:500}
.pd-hero .lead{max-width:66ch;color:rgba(255,255,255,0.85);font-size:clamp(16px,1.4vw,19px);line-height:1.55;margin:0;text-wrap:balance}
.pd-hero-selos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:20px auto 0;max-width:520px}
.pd-hero-selo{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;width:max-content;border-radius:999px;background:rgba(255,255,255,0.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.18);color:#fff;font:500 13px/1 var(--font);white-space:nowrap;justify-self:center;transition:background .25s ease,border-color .25s ease,transform .3s cubic-bezier(0.4,0,0.2,1)}
.pd-hero-selo i{color:var(--sage-l);font-size:16px;flex-shrink:0}
.pd-hero-selo:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.32);transform:translateY(-6px)}
@media (prefers-reduced-motion:reduce){.pd-hero-selo:hover{transform:none}}

/* ========== SECTION HEADER (centralizar) ========== */
.section-header.pd-sh,.section-header.pd-sh h2,.section-header.pd-sh p,.section-header.pd-sh .label{text-align:center !important;justify-content:center}
.section-header.pd-sh{max-width:820px;margin:0 auto 24px}
.section-header.pd-sh p{max-width:100% !important}
.section-header.pd-sh h2{font-family:var(--font-display) !important;font-weight:500 !important;font-size:clamp(30px,4vw,48px) !important;line-height:1.08 !important;letter-spacing:-0.02em !important;color:var(--deep) !important;text-wrap:balance !important;margin:0 0 12px}
.section-header.pd-sh .label{color:var(--sage-d);margin:0 0 12px}
.section-header.pd-sh p{color:var(--muted);font-size:16px;line-height:1.6;text-wrap:balance !important;margin:0}
/* variante em fundo escuro */
.pd-on-dark .section-header.pd-sh h2{color:#fff !important}
.pd-on-dark .section-header.pd-sh .label{color:var(--sage-l)}
.pd-on-dark .section-header.pd-sh p{color:rgba(255,255,255,0.72)}

/* ========== DESTAQUE (produto em evidência) ========== */
.pd-destaque-section{padding:var(--space-7) 0 var(--space-6);background:var(--deep)}
.pd-destaque{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;background:var(--surface);border:1px solid rgba(74,85,50,0.40);border-radius:24px;padding:48px;transition:border-color .3s ease,border-width .3s ease,transform .3s ease,box-shadow .3s ease}
@media (max-width:860px){.pd-destaque{grid-template-columns:1fr;gap:28px;padding:28px}}
.pd-destaque:hover{border-color:var(--sage-d);border-width:3px;transform:scale(1.05);box-shadow:0 22px 60px rgba(74,85,50,0.24)}
.pd-destaque-body{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pd-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:rgba(74,85,50,0.14);border:1px solid rgba(74,85,50,0.42);color:var(--sage-d);font:600 11px/1 var(--font);letter-spacing:.10em;text-transform:uppercase;width:max-content}
.pd-badge i{font-size:14px}
.pd-destaque-body h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-0.02em;color:var(--deep);margin:0;text-wrap:balance}
.pd-destaque-body p{color:var(--muted);font-size:clamp(15px,1.3vw,17px);line-height:1.6;margin:0;max-width:56ch;text-wrap:balance}
.pd-destaque-preco{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-top:6px}
.pd-preco-num{font-family:var(--font-display);font-weight:500;font-size:clamp(38px,4.4vw,56px);line-height:1;letter-spacing:-0.025em;color:var(--sage-d);margin:0}
.pd-preco-parcela{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.4}
.pd-destaque-cta{display:inline-flex;align-items:center;gap:9px;padding:16px 30px;border-radius:999px;background:var(--sage-d);color:#fff;border:1px solid var(--sage-d);font:600 14.5px/1 var(--font);white-space:nowrap;animation:btnPulse 1.6s ease-in-out infinite;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.pd-destaque-cta:hover{background:var(--sage);border-color:var(--sage);animation:btnPulseFast .7s ease-in-out infinite;box-shadow:0 10px 30px rgba(74,85,50,0.42)}
.pd-destaque-img{aspect-ratio:3/4;width:100%;border-radius:var(--radius-lg);overflow:hidden}
.pd-ph{width:100%;height:100%;background:#d63031;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff}
.pd-ph i,.pd-ph i.ti{color:#fff;opacity:1}
.pd-ph i{font-size:52px;color:var(--sage-l)}
.pd-ph span{font:500 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase}

/* ========== JORNADA (timeline editorial 4 etapas) ========== */
.pd-jornada-section{padding:var(--space-7) 0;background:var(--surface)}
.pd-jornada{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}
@media (max-width:960px){.pd-jornada{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.pd-jornada{grid-template-columns:1fr}}
.pd-etapa{position:relative;padding:0 26px 28px;border-left:1.5px dashed var(--sage-30);border-bottom:3px solid transparent;transition:border-bottom-color .3s ease,transform .35s cubic-bezier(0.4,0,0.2,1)}
.pd-etapa:first-child{border-left:none;padding-left:0}
@media (max-width:960px){.pd-etapa:nth-child(3){border-left:none;padding-left:0}}
@media (max-width:600px){.pd-etapa{border-left:none;padding-left:0;padding-right:0}}
.pd-etapa:hover{border-bottom-color:var(--sage-d);transform:translateY(-6px)}
.pd-etapa-num{display:block;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(76px,8vw,120px);line-height:0.9;letter-spacing:-0.04em;color:var(--sage-30);margin:0 0 6px;transition:color .3s ease}
.pd-etapa:hover .pd-etapa-num{color:var(--sage-d)}
.pd-etapa-faixa{display:block;font:600 11px/1.3 var(--font);letter-spacing:.10em;text-transform:uppercase;color:var(--sage-d);margin:0 0 10px;white-space:nowrap}
.pd-etapa h3{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.18;letter-spacing:-0.015em;color:var(--deep);margin:0 0 8px;min-height:2.36em;text-wrap:balance}
.pd-etapa p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0;text-wrap:balance}

/* ========== GRID DE PRODUTOS ========== */
.pd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
@media (max-width:960px){.pd-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pd-grid{grid-template-columns:1fr}}
.pd-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 26px 26px;background:var(--white);border:1.5px solid var(--gray-100);border-radius:18px;transition:border-color .3s ease,transform .35s cubic-bezier(0.4,0,0.2,1),box-shadow .3s ease}
@media (prefers-reduced-motion:no-preference){.pd-card:hover{border-color:var(--sage-d);transform:scale(1.05);box-shadow:0 16px 40px rgba(74,85,50,0.18)}}
.pd-card-icon{width:52px;height:52px;border-radius:50%;background:transparent;border:1.5px solid var(--sage-30);color:var(--sage-d);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:4px;transition:background .3s ease,color .3s ease,border-color .3s ease}
.pd-card:hover .pd-card-icon{background:var(--sage-d);border-color:var(--sage-d);color:#fff}
.pd-card-tag{position:absolute;top:30px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(74,85,50,0.14);border:1px solid rgba(74,85,50,0.40);color:var(--sage-d);font:600 10.5px/1 var(--font);letter-spacing:.10em;text-transform:uppercase;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pd-card h3{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.15;letter-spacing:-0.018em;color:var(--deep);margin:0;text-wrap:balance}
.pd-card-desc{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0;flex:1;text-wrap:pretty}
.pd-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid var(--gray-100)}
.pd-card-price{font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1;letter-spacing:-0.025em;color:var(--deep);margin:0}
.pd-card-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:999px;background:transparent;color:var(--sage-d);border:1.5px solid var(--sage-d);font:600 13px/1 var(--font);white-space:nowrap;transition:background .25s ease,color .25s ease,transform .25s ease}
.pd-card-cta:hover{background:var(--sage-d);color:#fff;transform:scale(1.04)}

/* ---- variante "em breve" ---- */
.pd-card.pd-soon{background:var(--surface);border-style:dashed;border-color:var(--sage-30)}
.pd-card.pd-soon .pd-card-icon{border-style:dashed;color:var(--muted);border-color:var(--gray-300)}
.pd-card.pd-soon:hover .pd-card-icon{background:var(--sage-d);border-color:var(--sage-d);color:#fff;border-style:solid}
.pd-card.pd-soon .pd-card-tag{background:transparent;border-color:var(--gray-300);color:var(--muted)}
.pd-card.pd-soon h3{color:var(--gray-700)}
.pd-card-price.pd-price-soon{font-size:20px;font-style:italic;color:var(--muted)}
.pd-card-cta.pd-cta-soon{background:transparent;color:var(--sage-d);border:1.5px dashed var(--sage-30);cursor:pointer}
.pd-card-cta.pd-cta-soon:hover{background:var(--sage-15);color:var(--sage-d);border-color:var(--sage-d);border-style:solid;transform:scale(1.04)}
.pd-card-disponivel{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:999px;background:transparent;color:var(--muted);border:1.5px dashed var(--gray-300);font:500 13px/1 var(--font);letter-spacing:.01em;white-space:nowrap}

/* ========== NOTA (padrão pqm-note) ========== */
.pd-note{margin:48px 0 0;padding:26px 40px;background:rgba(74,85,50,0.08);border-left:4px solid var(--sage-d);border-radius:12px;display:flex;align-items:center;gap:28px;width:100%;max-width:960px;margin-left:auto;margin-right:auto;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.pd-note:hover{transform:translateY(-14px);box-shadow:0 18px 40px -15px rgba(74,85,50,0.35)}
.pd-note > i{font-size:44px;color:var(--sage-d);flex-shrink:0;line-height:1}
.pd-note p{margin:0;font-size:16.5px;line-height:1.6;color:#2a2c2f;text-align:left;text-wrap:balance}
.pd-note strong{color:var(--deep);font-weight:600}
@media (max-width:640px){.pd-note{padding:22px 22px;gap:16px;flex-direction:column;align-items:flex-start}.pd-note p{font-size:15px}.pd-note > i{font-size:38px}}

/* ========== LISTA DE LANÇAMENTOS ========== */
.pd-lista-section{padding:var(--space-6) 0;background:var(--deep)}
.pd-lista{max-width:820px;margin:0 auto;padding:44px 48px;background:#1f2024;border:2px solid var(--sage-d);border-radius:24px;text-align:center;position:relative;overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease}
.pd-lista::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.28) 50%,transparent 100%)}
.pd-lista:hover{border-color:var(--sage);box-shadow:0 0 80px 0 rgba(110,123,82,0.42)}
.pd-lista .label{color:var(--sage-l);justify-content:center;margin:0 0 14px}
.pd-lista h2{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3.2vw,38px);line-height:1.1;letter-spacing:-0.02em;color:#fff;margin:0 0 12px;text-wrap:balance}
.pd-lista > p{color:rgba(255,255,255,0.72);font-size:15px;line-height:1.6;max-width:52ch;margin:0 auto 26px;text-wrap:balance}
.pd-lista-form{display:flex;gap:12px;justify-content:center;max-width:520px;margin:0 auto}
.pd-lista-input{flex:1;min-width:0;padding:15px 22px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.20);color:#fff;font:400 14.5px/1 var(--font);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .25s ease,background .25s ease}
.pd-lista-input::placeholder{color:rgba(255,255,255,0.45)}
.pd-lista-input:focus{outline:none;border-color:var(--sage-l);background:rgba(255,255,255,0.10)}
.pd-lista-btn{padding:15px 28px;border-radius:999px;background:var(--sage-d);color:#fff;border:1px solid var(--sage-d);font:600 14px/1 var(--font);white-space:nowrap;cursor:pointer;transition:background .25s ease,transform .25s ease}
.pd-lista-btn:hover{background:var(--sage);border-color:var(--sage);transform:translateY(-2px)}
@media (max-width:640px){.pd-lista{padding:30px 22px;border-radius:20px}.pd-lista-form{flex-direction:column}.pd-lista-btn{width:100%}}

/* ========== CTA FINAL (cópia do home.css) ========== */
.home-cta-final{padding:var(--space-7) 0;background:var(--deep) !important}
.home-cta-final .container > .cta-band{align-items:center;text-align:center}
.home-cta-final .cta-band > div{align-items:center;width:100%;max-width:680px}
.home-cta-final .cta-band > div > p{text-align:center;margin-left:auto;margin-right:auto}
.cta-band{position:relative;display:flex;justify-content:space-between;align-items:center;gap:32px;max-width:980px;margin:0 auto;padding:48px 56px;border-radius:24px;background:#1f2024;border:2px solid var(--sage-d);color:#fff;overflow:hidden;transition:transform .4s ease,border-color .4s ease,border-width .4s ease,box-shadow .4s ease}
.cta-band::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--sage) 50%,transparent 100%)}
.cta-band:hover{border-width:3px;border-color:var(--sage);box-shadow:0 0 90px 0 rgba(110,123,82,0.65);transform:scale(1.02)}
.cta-band.center{flex-direction:column;text-align:center;gap:28px;align-items:center}
.cta-band.center .cta-band-btns{flex-direction:row;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-band.center .btn{width:auto;min-width:200px;justify-content:center}
.cta-band.center .label{justify-content:center}
.cta-band>div{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}
.cta-band h2{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,4vw,52px);line-height:1.05;letter-spacing:-0.02em;margin:0}
.cta-band p{font-family:var(--font-display);font-style:italic;color:rgba(255,255,255,0.7);font-size:15px;line-height:1.45;max-width:480px;margin:0 auto;text-wrap:pretty}
.cta-band .label{color:var(--sage-l);font:500 12px/1 var(--font);letter-spacing:.16em;text-transform:uppercase}
.cta-band-btns{display:flex;gap:14px;flex-wrap:wrap}
.cta-band .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:999px;font:600 14.5px/1 var(--font);letter-spacing:.01em;transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.cta-band .btn-primary{background:var(--sage-d);color:#fff;border:1px solid var(--sage-d);animation:btnPulse 1.6s ease-in-out infinite}
.cta-band .btn-primary:hover{background:var(--sage);border-color:var(--sage);transform:translateY(-2px)}
.cta-band .btn-outline{background:rgba(255,255,255,0.04);color:#fff;border:1px solid rgba(255,255,255,0.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cta-band .btn-outline:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.6);transform:translateY(-2px)}
@keyframes btnPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes btnPulseFast{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.cta-band .btn-primary,.pd-destaque-cta{animation:none}}
@media (max-width:768px){.cta-band{flex-direction:column;text-align:center;padding:32px 28px;gap:22px}.cta-band-btns{justify-content:center;width:100%}.cta-band h2{font-size:clamp(28px,8vw,38px)}}
@media (max-width:640px){.cta-band{padding:28px 22px;gap:18px;border-radius:20px}.cta-band .label{white-space:nowrap;font-size:11px;letter-spacing:.1em}.cta-band-btns{flex-direction:column;width:100%}.cta-band .btn{width:100%;justify-content:center}}
body .home-cta-final .cta-band h2{font-family:Fraunces,"Times New Roman",serif !important;font-variation-settings:"opsz" 144;font-weight:500 !important}

/* ========== WHATSAPP FLOAT ========== */
.wpp-float{position:fixed;right:24px;bottom:24px;z-index:80;width:60px;height:60px;border-radius:50%;background:var(--sage-d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 30px rgba(0,0,0,0.35);animation:wppPulse 2.4s ease-in-out infinite}
.wpp-float:hover{background:var(--sage);transform:translateY(-2px)}
@keyframes wppPulse{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,0.35),0 0 0 0 rgba(110,123,82,0.6)}50%{box-shadow:0 10px 30px rgba(0,0,0,0.35),0 0 0 18px rgba(110,123,82,0)}}
@media (max-width:768px){.wpp-float{width:54px;height:54px;font-size:24px;right:18px;bottom:18px}}

/* ========== FOOTER — Fraunces no logo ========== */
.ft-logo{font-family:var(--font);font-weight:700;font-size:17px;letter-spacing:0.18em;text-transform:uppercase;color:var(--sage-l)}
.ft-tagline{font-family:var(--font-display);font-style:italic;font-size:16px;line-height:1.4;color:var(--on-dark-secondary);margin-bottom:14px}
.ft-col-title{font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--sage-l);margin-bottom:14px}
.ft-link{transition:color .2s ease,padding-left .2s ease}
.ft-link:hover{color:var(--sage-l);padding-left:4px}