/* E-book Cirurgia das Mamaes - padrao editorial no visual do site do Dr. Andre (30/09/2026) */
:root{
  --preto:#0a0a0a;
  --preto-2:#111;
  --ouro:#b29158;
  --ouro-claro:#dbc08d;
  --texto:rgba(255,255,255,.78);
  --texto-fraco:rgba(255,255,255,.55);
  --linha:rgba(219,192,141,.16);
  --largura:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--preto);color:#fff;font-family:Poppins,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:200;line-height:1.15;letter-spacing:-.01em}
p{margin:0}
::selection{background:rgba(178,145,88,.35)}
html{scrollbar-width:thin;scrollbar-color:var(--ouro) #0a0a0a}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#5a4a2d;border-radius:8px}

.wrap{width:100%;max-width:var(--largura);margin:0 auto;padding:0 32px}
.ouro{background:linear-gradient(121deg,var(--ouro),var(--ouro-claro));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.etiqueta{font-size:11px;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:22px}
.centro{text-align:center}

/* botao do site dele: dourado chapado, 6px, caixa alta espacada */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 36px;background:var(--ouro);color:#1a1a1a;border-radius:6px;font-size:13px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;text-align:center;line-height:1.35;transition:background .25s,transform .25s}
.btn:hover{background:var(--ouro-claro);transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px}

/* topo */
.topo{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
.topo.rolou{background:rgba(10,10,10,.82);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-bottom-color:var(--linha)}
.topo-in{display:flex;align-items:center;justify-content:space-between;height:84px}
.topo-logo img{height:52px;width:auto}
.redes{display:flex;gap:10px}
.redes a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;transition:background .25s,border-color .25s}
.redes a:hover{background:rgba(178,145,88,.22);border-color:rgba(219,192,141,.4)}
.redes img{width:16px;height:16px}

/* abertura: livro 3D (mockup em CSS sobre a capa nova) com luz dourada difusa */
.abertura{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:124px 0 80px;overflow:hidden;background:var(--preto);isolation:isolate}
.abertura::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 75% at 76% 48%,rgba(178,145,88,.20),transparent 70%),radial-gradient(40% 50% at 8% 100%,rgba(178,145,88,.07),transparent 70%),linear-gradient(180deg,#0d0c0a 0%,var(--preto) 100%)}
.abertura::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.abertura-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.abertura h1{font-size:clamp(30px,3.5vw,48px);font-weight:200;color:#fff;margin-bottom:22px;text-wrap:balance}
.abertura h1 .ouro{font-weight:300}
.abertura-sub{font-size:17px;color:var(--texto);max-width:520px;margin-bottom:32px}
.abertura-acao{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.abertura-nota{font-size:13px;color:var(--texto-fraco);letter-spacing:.02em}
.abertura-capa{display:flex;justify-content:center;perspective:1400px}
.livro{--esp:36px;position:relative;perspective:1500px;perspective-origin:50% 40%;width:min(100%,400px,calc((100svh - 260px) * .596));animation:livro-flutua 7s ease-in-out infinite}
.livro-3d{position:relative;z-index:1;transform-style:preserve-3d;transform:rotateY(24deg) rotateX(4deg);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.livro:hover .livro-3d{transform:rotateY(14deg) rotateX(2deg)}
.livro-frente{position:relative;border-radius:2px 4px 4px 2px;overflow:hidden;background:#000}
.livro-capa{display:block;width:100%;height:auto}
/* luz da capa: dobradica perto da lombada + luz da esquerda caindo para a direita */
.livro-brilho{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.15) 1.6%,rgba(255,255,255,.16) 3.2%,rgba(0,0,0,.28) 4.4%,rgba(0,0,0,0) 7%),
             linear-gradient(90deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 40%,rgba(0,0,0,.22) 100%),
             linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 30%)}
.livro-verso{position:absolute;inset:0;border-radius:2px 4px 4px 2px;background:#15130f;transform:translateZ(calc(var(--esp) * -1))}
.livro-lombada{position:absolute;top:0;bottom:0;left:calc(var(--esp) / -2);width:var(--esp);transform:translateZ(calc(var(--esp) / -2)) rotateY(-90deg);
  border-radius:2px 0 0 2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 0 18px;
  background:linear-gradient(90deg,#070706 0%,#1c1914 38%,#26221a 55%,#0d0c0a 100%);box-shadow:inset -1px 0 0 rgba(219,192,141,.18)}
.livro-lombada span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(180deg,#e9cf94,#b29158);-webkit-background-clip:text;background-clip:text;color:transparent}
.livro-lombada em{writing-mode:vertical-rl;transform:rotate(180deg);font-style:normal;font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:rgba(219,192,141,.7)}
.livro-chao{position:absolute;left:-6%;right:-6%;bottom:-22px;height:46px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.85),rgba(0,0,0,.35) 60%,transparent);filter:blur(10px);z-index:0}
@keyframes livro-flutua{0%,100%{translate:0 0}50%{translate:0 -10px}}
.livro-luz{position:absolute;left:50%;top:48%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(219,192,141,.30) 0%,rgba(178,145,88,.12) 38%,transparent 68%);filter:blur(10px);z-index:0;pointer-events:none}

/* por que este e-book */
.motivo{padding:120px 0;border-top:1px solid var(--linha)}
.titulo-secao{max-width:760px;margin:0 auto 64px;text-align:center}
.titulo-secao h2{font-size:clamp(30px,3.6vw,46px);margin-bottom:26px}
.lead{font-size:17px;color:var(--texto)}
.linha-tempo{--gap:48px;list-style:none;margin:0 0 64px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);position:relative}
.linha-tempo::before,.linha-tempo::after{content:"";position:absolute;top:32px;left:calc((100% - 2 * var(--gap)) / 6);right:calc((100% - 2 * var(--gap)) / 6);height:1px}
.linha-tempo::before{background:rgba(219,192,141,.18)}
.linha-tempo::after{background:linear-gradient(90deg,var(--ouro),var(--ouro-claro));transform:scaleX(0);transform-origin:left center;transition:transform 1.2s linear}
.linha-tempo.ativa::after{transform:scaleX(1)}
.linha-tempo li{text-align:center}
.marco-txt{opacity:.35;transition:opacity .6s ease}
.marco{position:relative;z-index:1;width:64px;height:64px;margin:0 auto 32px;border-radius:50%;border:1px solid rgba(219,192,141,.3);background:var(--preto);display:grid;place-items:center;transition:background .5s,border-color .5s,box-shadow .5s}
.marco .num{font-size:19px;font-weight:300;line-height:1;color:var(--ouro-claro);transition:color .4s}
.linha-tempo.ativa .marco-txt{opacity:1}
.linha-tempo.ativa .marco{border-color:var(--ouro);background:#15120c;box-shadow:0 0 0 7px rgba(178,145,88,.07),0 0 30px rgba(178,145,88,.18)}
.linha-tempo li:nth-child(2) .marco,.linha-tempo li:nth-child(2) .marco-txt{transition-delay:.6s}
.linha-tempo li:nth-child(3) .marco,.linha-tempo li:nth-child(3) .marco-txt{transition-delay:1.2s}
.linha-tempo li:hover .marco{background:var(--ouro);transition-delay:0s}
.linha-tempo li:hover .num{color:#1a1a1a}
.marco-txt h3{font-size:14px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#fff;margin-bottom:14px;line-height:1.45}
.marco-txt p{font-size:15px;color:var(--texto);line-height:1.75;max-width:320px;margin:0 auto}

/* download: painel escuro com a capa e o formulario */
.download{padding:0 0 120px}
.painel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:64px;padding:64px;border-radius:16px;border:1px solid rgba(219,192,141,.22);
  background:radial-gradient(70% 90% at 0% 50%,rgba(178,145,88,.14),transparent 70%),linear-gradient(180deg,#131313,#0c0c0c)}
.painel-foto{position:relative;margin:0;border-radius:12px;overflow:hidden;min-height:440px;border:1px solid rgba(219,192,141,.18)}
.painel-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.painel-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,8,8,.92))}
.painel-foto figcaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:flex;flex-direction:column;gap:4px}
.painel-foto strong{font-weight:400;font-size:17px;color:#fff}
.painel-foto span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ouro-claro)}
.painel-form h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:18px}
/* o formulario ja vem no tema andre (unique-crm.js); aqui so encaixa no painel */
#unq-crm-inline .unq-inline .unq-box,#unq-crm-inline .unq-box{padding:0!important;max-width:none!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#unq-crm-inline .unq-q{font-size:17px!important;color:var(--texto)!important;margin:0 0 6px!important}
.painel-form{align-self:center}
#unq-crm-inline .unq-bt{width:100%}

/* rodape no padrao do site dele */
.rodape{border-top:1px solid var(--linha);background:#070707;padding:56px 0 28px}
.rodape-top{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.07)}
.rodape-logo img{height:60px;width:auto}
.rodape-end{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--texto);text-decoration:none;transition:color .2s}
.rodape-end:hover{color:var(--ouro-claro)}
.rodape-end svg{width:16px;height:16px;fill:var(--ouro);flex:0 0 16px}
.rodape-fim{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding-top:24px;font-size:12px;color:var(--texto-fraco)}
.rodape-fim a{color:var(--texto-fraco);text-decoration:none;transition:color .2s}
.rodape-fim a:hover{color:var(--ouro-claro)}
.rodape-fim p a{color:var(--ouro-claro)}

/* whatsapp */
.whats{position:fixed;right:20px;bottom:20px;z-index:40;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .25s}
.whats:hover{transform:scale(1.06)}
.whats img{width:28px;height:28px}

/* entrada suave */
.entra{opacity:0;transition:opacity .5s ease}
.entra.visto{opacity:1}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entra{opacity:1;transition:none}.btn{transition:none}.livro{animation:none}.marco-txt{opacity:1}.linha-tempo::after{transform:none}}

/* tablet */
@media (max-width:1024px){
  .abertura-in{gap:40px}
  .painel{padding:48px;gap:44px}
}
@media (max-width:860px){
  .abertura{min-height:auto;padding:124px 0 80px}
  .abertura-in{grid-template-columns:1fr;gap:48px;text-align:center}
  .abertura-sub{margin-left:auto;margin-right:auto}
  .abertura-acao{align-items:center}
  .livro{width:min(70vw,290px)}
  .livro-3d{transform:rotateY(18deg) rotateX(3deg)}
  .linha-tempo{grid-template-columns:1fr;gap:0}
  .linha-tempo::before,.linha-tempo::after{top:32px;bottom:32px;left:32px;right:auto;width:1px;height:auto}
  .linha-tempo::after{background:linear-gradient(180deg,var(--ouro),var(--ouro-claro));transform:scaleY(0);transform-origin:center top}
  .linha-tempo.ativa::after{transform:scaleY(1)}
  .linha-tempo li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;text-align:left;padding-bottom:40px}
  .linha-tempo li:last-child{padding-bottom:0}
  .marco{margin:0}
  .marco-txt{padding-top:18px}
  .marco-txt p{max-width:none;margin:0}
  .painel{grid-template-columns:1fr;gap:36px;padding:44px 36px}
  .painel-foto{display:none}
  .painel-form{text-align:left}
}
/* celular */
@media (max-width:600px){
  .wrap{padding:0 20px}
  .topo-in{height:68px}
  .topo-logo img{height:40px}
  .redes{gap:8px}
  .redes a{width:32px;height:32px}
  .redes img{width:14px;height:14px}
  .abertura{padding:108px 0 64px}
  .abertura h1{font-size:clamp(25px,7.4vw,29px)}
  .abertura-sub{font-size:16px;margin-bottom:30px}
  .livro{width:min(64vw,240px)}
  .livro{--esp:22px}
  .livro-lombada span{font-size:8px}
  .livro-lombada em{display:none}
  .btn{font-size:12px;letter-spacing:.16em;padding:14px 22px;width:100%;max-width:360px}
  .motivo{padding:80px 0}
  .titulo-secao{margin-bottom:44px}
  .titulo-secao h2{font-size:30px}
  .lead{font-size:16px}
  .linha-tempo{margin-bottom:48px}
  .linha-tempo li{grid-template-columns:52px minmax(0,1fr);gap:18px}
  .linha-tempo::before,.linha-tempo::after{left:26px;top:26px;bottom:26px}
  .marco{width:52px;height:52px}
  .marco .num{font-size:16px}
  .marco-txt{padding-top:12px}
  .download{padding-bottom:80px}
  .painel{padding:36px 22px;border-radius:12px}
  .rodape-top{flex-direction:column;text-align:center;gap:22px}
  .rodape-fim{flex-direction:column;text-align:center}
  .whats{width:52px;height:52px;right:16px;bottom:16px}
}

/* 30/09: duas fotos do Dr. Andre se revezando no painel de download (troca suave + zoom lento) */
.painel-foto img{will-change:opacity,transform;animation:andreZoom 16s ease-in-out infinite alternate}
.painel-foto img.foto-a{object-position:50% 20%}
.painel-foto img.foto-b{object-position:50% 16%;opacity:0;animation:andreTroca 12s ease-in-out infinite,andreZoom 16s ease-in-out -8s infinite alternate}
@keyframes andreTroca{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes andreZoom{from{transform:scale(1)}to{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.painel-foto img{animation:none!important}.painel-foto img.foto-b{display:none}}