/* Modelo 2 · Deep Pharma 3D — azul profundo, painéis arredondados, vidro e luz */
:root{
  --deep:#06143a;--navy:#0c2463;--royal:#1b4bb4;--cyan:#6fd3ff;--ice:#e6f0ff;--text:#dbe6ff;--muted:#93a7d6;
  --panel:linear-gradient(160deg,rgba(255,255,255,.96),rgba(225,236,255,.9));--card:linear-gradient(150deg,#1d3f93,#0f2a6d);
  --r:28px;--shadow:0 30px 80px rgba(0,8,40,.5);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 Manrope,system-ui,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 80% -10%,#1d47a8 0%,transparent 60%),radial-gradient(900px 700px at -10% 40%,#123a8f 0%,transparent 60%),var(--deep);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--cyan)}
h1,h2{font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:.2em 0 .5em;color:#fff}
h1{font-size:clamp(44px,7vw,108px)}h2{font-size:clamp(28px,3.2vw,44px)}
h2 b{color:var(--cyan)}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto} /* só lateral: a margem vertical vem de section */
section{margin:clamp(72px,9vw,130px) auto;position:relative;z-index:1}
.lead{font-size:20px;color:#fff}.muted{color:var(--muted)}
.chip{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:8px 16px;border-radius:999px;background:rgba(111,211,255,.12);border:1px solid rgba(111,211,255,.35);color:var(--cyan)}
.chip em{font-style:normal;color:#fff;opacity:.6}
#gl{position:fixed;inset:0;z-index:0;pointer-events:none;transition:opacity .6s}
.pg-home:not(.past-hero) #gl{z-index:2}
.has-capsule:not(.past-hero) #gl{opacity:.3}
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:linear-gradient(90deg,var(--cyan),#fff)}

.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:30px;padding:18px max(16px,calc(50% - 600px));transition:.3s}
.nav.scrolled{background:rgba(6,20,58,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(111,211,255,.15);padding-block:12px}
.logo img{height:28px;width:auto}
.nav nav{display:flex;gap:4px;flex:1;justify-content:center}
.nav nav a{color:var(--text);text-decoration:none;font-weight:500;font-size:14px;padding:8px 14px;border-radius:999px;transition:.25s}
.nav nav a:hover,.nav nav a.on{color:#fff;background:rgba(255,255,255,.1)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;font:700 15px Manrope;text-decoration:none;border:0;cursor:pointer;color:var(--deep);background:linear-gradient(135deg,#fff,var(--cyan));box-shadow:0 0 0 0 rgba(111,211,255,.5),0 14px 34px rgba(111,211,255,.3);transition:.35s}
.btn:hover{box-shadow:0 0 0 8px rgba(111,211,255,.12),0 18px 40px rgba(111,211,255,.45);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:none;padding:10px 20px}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}.burger span{display:block;height:2px;background:#fff;margin:7px 8px}

/* Hero com WebGL atrás e banner em cápsula de vidro */
.hero{margin:0;height:100vh;min-height:660px;position:relative;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s,visibility 1.2s}
.slide.active{opacity:1;visibility:visible}
.slide-bg{position:absolute;inset:0;background:center/cover;opacity:.55;mask-image:linear-gradient(90deg,transparent 0%,#000 55%);transform:scale(1.1);transition:transform 8s}
.slide.active .slide-bg{transform:scale(1)}
.slide-copy{position:absolute;left:max(16px,calc(50% - 600px));top:50%;transform:translateY(-50%);width:min(640px,90%);z-index:2}
.slide-copy p:not(.lead){color:var(--muted);max-width:520px}
.split-text .w{display:inline-block;opacity:0;transform:translateY(60%) rotateX(-60deg);transition:1s cubic-bezier(.2,.8,.2,1)}
.slide.active .split-text .w{opacity:1;transform:none}
.slide.active .slide-copy>:not(h1){animation:up 1s .5s both}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
.capsule{position:absolute;right:max(16px,calc(50% - 620px));top:50%;width:min(520px,42vw);aspect-ratio:1;translate:0 -50%;border-radius:50%;display:grid;place-items:center;z-index:1;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),rgba(111,211,255,.08) 45%,rgba(6,20,58,.1) 70%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 80px rgba(111,211,255,.25),0 0 120px rgba(27,75,180,.5);backdrop-filter:blur(6px);animation:bob 7s ease-in-out infinite}
.capsule img{width:76%;max-height:76%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
@keyframes bob{50%{translate:0 calc(-50% - 18px)}}
.hero-ui{position:absolute;left:0;right:0;bottom:30px;z-index:3;display:flex;justify-content:space-between;width:min(1200px,100% - 32px);margin:auto}
.dots{display:flex;gap:8px}.dots button{font:700 13px Manrope;color:var(--muted);background:none;border:0;border-top:2px solid rgba(255,255,255,.2);padding:10px 22px 0 0;cursor:pointer}
.dots button.on{color:#fff;border-color:var(--cyan)}
.scroll-hint{font-size:13px;color:var(--muted);animation:up 1.6s infinite alternate}

/* Painéis brancos arredondados (como a apresentação do anexo) */
.panel{background:var(--panel);color:#1a2b55;border-radius:36px;padding:clamp(24px,4vw,52px);box-shadow:var(--shadow)}
.panel h2{color:var(--navy)}.panel h2 b{color:var(--royal)}
.panel-head{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.panel-art{border-radius:24px;aspect-ratio:16/9;object-fit:cover}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.num-grid.three{grid-template-columns:repeat(3,1fr)}
.num-card{position:relative;padding:24px 24px 56px;border-radius:22px;background:var(--card);color:#d6e3ff;overflow:hidden;transition:transform .4s,box-shadow .4s}
.num-card::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 200px at var(--mx,80%) var(--my,0%),rgba(111,211,255,.35),transparent 60%);opacity:0;transition:.4s}
.num-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(15,42,109,.45)}.num-card:hover::before{opacity:1}
.num-card b{position:relative;display:block;color:#fff;font-size:18px;margin-bottom:8px}.num-card p{position:relative;margin:0;font-size:14px}
.num-card a{color:#fff}
.num-card span{position:absolute;right:20px;bottom:12px;font-size:40px;font-weight:800;color:rgba(255,255,255,.22)}
.organ-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:26px}
.organ{background:var(--card);border-radius:22px;padding:12px 12px 18px;text-decoration:none;color:#d6e3ff;transition:.4s}
.organ:hover{transform:translateY(-8px) rotate(-1deg)}
.organ-img{border-radius:16px;overflow:hidden;aspect-ratio:1;margin-bottom:12px}
.organ-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.organ:hover .organ-img img{transform:scale(1.12) rotate(2deg)}
.organ b{display:block;color:#fff;font-size:17px;padding:0 6px}.organ p{font-size:13px;margin:6px 6px 8px}
.dl{font-size:12px;font-weight:700;color:var(--cyan);padding:0 6px}

/* Vitrine com rolagem horizontal */
.showcase{margin:120px 0}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px max(16px,calc(50% - 600px)) 40px;scrollbar-width:none;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.pcard{position:relative;flex:0 0 300px;scroll-snap-align:start;text-decoration:none;color:var(--text);padding:22px;border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid rgba(111,211,255,.2);backdrop-filter:blur(10px);transition:.4s}
.pcard:hover{border-color:var(--cyan);transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 40px rgba(111,211,255,.15)}
.idx{position:absolute;top:16px;right:20px;font-weight:800;font-size:30px;color:rgba(111,211,255,.3)}
.pcard-img{height:210px;display:grid;place-items:center;border-radius:20px;margin-bottom:16px;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.95),rgba(220,233,255,.8) 60%,rgba(111,211,255,.25))}
.pcard-img img{max-height:180px;max-width:90%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s}
.pcard:hover .pcard-img img{transform:scale(1.08) translateY(-6px)}
.pcard small{color:var(--cyan);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.pcard b{display:block;color:#fff;font-size:24px}.pcard p{margin:6px 0 0;color:var(--muted);font-size:14px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-top:24px}
.pgrid .pcard{flex:none}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font:600 14px Manrope;border:1px solid rgba(111,211,255,.3);background:transparent;color:var(--text);border-radius:999px;padding:8px 16px;cursor:pointer}
.filters button.on{background:var(--cyan);color:var(--deep)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.stats div{padding:30px 10px;border-radius:24px;border:1px solid rgba(111,211,255,.2);background:rgba(255,255,255,.04)}
.stats b{display:block;font-size:clamp(36px,4vw,56px);font-weight:800;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats small{color:var(--muted)}
.cta{background:center/cover;color:var(--text);padding:clamp(40px,6vw,90px)}
.cta h2{color:#fff;max-width:620px}.cta h2 b{color:var(--cyan)}.cta p{max-width:520px}

.page-hero{padding-top:170px;margin-top:0;margin-bottom:40px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.rounded{border-radius:26px;width:100%;aspect-ratio:4/3;object-fit:cover}
.books{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:24px}
.book{text-decoration:none;color:var(--navy);text-align:center;font-weight:700}
.book img{border-radius:10px;aspect-ratio:.7;object-fit:cover;box-shadow:0 20px 40px rgba(12,36,99,.3);transform:perspective(800px) rotateY(18deg);transition:.5s;margin-bottom:12px}
.book:hover img{transform:perspective(800px) rotateY(0) scale(1.04)}
.book b{display:block}.book span{font-size:13px;color:var(--royal)}
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:130px;margin-top:0}
.pdp-stage{aspect-ratio:1;border-radius:40px;background:center/cover;display:grid;place-items:center;box-shadow:var(--shadow);perspective:1000px;overflow:hidden}
.pdp-stage img{width:68%;max-height:68%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));animation:spin3d 9s ease-in-out infinite}
@keyframes spin3d{0%,100%{transform:rotateY(-14deg) translateY(0)}50%{transform:rotateY(14deg) translateY(-14px)}}
.back{display:block;text-decoration:none;font-size:14px;margin-bottom:16px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gallery img{border-radius:22px;width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff}
.search{display:flex;gap:14px;align-items:center;padding:16px 22px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(111,211,255,.3);position:sticky;top:76px;z-index:5;backdrop-filter:blur(14px)}
.search input{flex:1;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:17px}
.ifu-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.ifu{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(111,211,255,.14);text-decoration:none;color:var(--text);transition:.3s}
.ifu:hover{background:rgba(111,211,255,.1);border-color:var(--cyan)}
.ifu .reg{font-size:12px;font-weight:700;color:var(--cyan);letter-spacing:.08em}.ifu b{color:#fff;grid-column:1}.ifu small{color:var(--muted)}.ifu .dl{grid-row:1/4;grid-column:2;align-self:center}
.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-weight:700;font-size:14px;color:var(--navy)}
.form input,.form textarea{font:inherit;padding:13px 16px;border-radius:14px;border:1px solid #c6d6f5;background:#fff}
.hp{position:absolute;left:-9999px}
.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-info .num-card{padding-bottom:46px}
.ok{background:#e3f8ec;color:#11683a;padding:12px;border-radius:12px}.err{background:#fde8e8;color:#b42318;padding:12px;border-radius:12px}
.map{width:100%;height:320px;border:0;border-radius:30px;filter:invert(.9) hue-rotate(180deg) saturate(.6)}
.foot{position:relative;z-index:1;margin-top:clamp(80px,10vw,140px);display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:60px 0 30px;border-top:1px solid rgba(111,211,255,.15);color:var(--muted);font-size:14px}
.foot img{height:28px;width:auto}.foot b{color:#fff}.foot>small{grid-column:1/-1;text-align:center;opacity:.6}
.wpp{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;text-decoration:none;background:#25d366;box-shadow:0 12px 30px rgba(37,211,102,.4)}

.reveal{opacity:0;transform:translateY(50px) scale(.98);transition:opacity 1s,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

@media(max-width:1000px){.num-grid,.num-grid.three{grid-template-columns:1fr 1fr}.organ-grid,.books{grid-template-columns:repeat(3,1fr)}.split,.pdp,.panel-head{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.ifu-list{grid-template-columns:1fr}.hide-sm{display:none}}
@media(max-width:760px){
  .burger{display:block;margin-left:auto}.nav nav{display:none;position:fixed;top:64px;left:12px;right:12px;flex-direction:column;padding:14px;border-radius:22px;background:rgba(6,20,58,.96)}
  .menu-open .nav nav{display:flex}
  .capsule{width:62vw;top:24%;right:4%}.slide-copy{top:auto;bottom:90px;transform:none}
  .num-grid,.num-grid.three,.contact-info{grid-template-columns:1fr}.organ-grid,.books{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}
  section{margin:64px auto}.pcard{flex-basis:78vw}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.split-text .w{opacity:1;transform:none}}