/* Primeira dobra de PH (F2). Referência de bloqueio: Africa Creative (REF-002). Duas cores, tipo gigante, foto no lugar do ícone. */
:root{--ph-bg:#efeeec;--ph-fg:#0b0b0b;--ph-fs:clamp(60px,12.4vw,236px);--ph-pad:var(--gut,2.6rem);--papel:#efeeec;--topo:2.75rem}
html{background:var(--ph-bg)}
body{background:var(--ph-bg);color:var(--ph-fg)}
.cabeca{display:none}

.ph-hero{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;background:var(--ph-bg);color:var(--ph-fg);font-family:"Archivo",system-ui,sans-serif}
.ph-barra{position:absolute;inset:0 0 auto 0;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--ph-pad);font-size:12px;line-height:1;font-weight:500;letter-spacing:-.01em;text-transform:uppercase;z-index:3}
.ph-barra a{color:inherit;text-decoration:none}
.ph-barra nav{display:flex;gap:1.1em}
.ph-barra nav a[aria-current=page]{text-decoration:underline;text-underline-offset:3px}
.ph-barra nav a:hover,.ph-barra nav a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.ph-disp{margin:0;display:flex;align-items:center;gap:.55em}
.ph-disp i{width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block}
@media (prefers-reduced-motion:no-preference){.ph-disp i{animation:ph-pulsa 2.4s ease-in-out infinite}}
@keyframes ph-pulsa{50%{opacity:.35}}

.ph-frase{position:absolute;left:var(--ph-pad);top:clamp(58px,6.4vw,112px);margin:0;font-size:clamp(21px,1.95vw,36px);line-height:1.06;font-weight:400;letter-spacing:-.022em;z-index:2}
.ph-frase strong,.ph-frase span{display:block;white-space:nowrap}
.ph-frase strong{font-weight:600}
/* compensação óptica: a barra do S e a ponta do A entram um tico para o texto parecer alinhado à margem do P */
.ph-frase span:nth-of-type(1){margin-left:-.035em}
.ph-frase span:nth-of-type(2){margin-left:-.02em}

.ph-foto{position:absolute;right:var(--ph-pad);bottom:calc(var(--ph-fs)*1 + 2.2vw);height:clamp(250px,64vh,760px);height:clamp(250px,64svh,760px);aspect-ratio:2/3;margin:0;overflow:hidden;background:#3b3c3a var(--lqip) center/cover no-repeat;z-index:1}
.ph-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ph-foto .ph-alta{opacity:0;transition:opacity .5s ease}
.ph-foto .ph-alta.ok{opacity:1}

.ph-ticker{position:absolute;left:0;right:0;bottom:.5vw;overflow:hidden;font-size:var(--ph-fs);line-height:.8;padding-top:.2em;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;z-index:2;user-select:none}
.ph-trilho{display:flex;width:max-content;animation:ph-corre var(--dur,90s) linear infinite;will-change:transform}
.ph-trilho span{font-weight:300;padding-right:.32em}
.ph-trilho b{font-weight:800}
@keyframes ph-corre{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ph-trilho{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* o grid desce junto com a página e fala a mesma língua */
.lista{padding-top:clamp(28px,4vw,72px)}

@media (max-width:700px){
  :root{--ph-fs:clamp(48px,19vw,140px)}
  .ph-frase{font-size:clamp(20px,6.1vw,30px);top:54px}
  .ph-foto{height:clamp(220px,46svh,420px);right:var(--ph-pad);bottom:calc(var(--ph-fs)*1 + 5vw)}
}

/* rodapé simples (F7 refina) */
.ph-rodape{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:clamp(28px,3vw,56px) var(--ph-pad) var(--ph-pad);font:500 12px/1.2 "Archivo",system-ui,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:var(--ph-fg)}
.ph-rodape p{margin:0}.ph-rodape a{color:inherit}

/* tira fixa: aparece depois da primeira dobra e leva o nome e o menu junto */
.ph-tira{position:fixed;inset:0 0 auto 0;height:var(--topo);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:var(--ph-pad);background:var(--papel);border-bottom:1px solid #d6d4d0;font:500 12px/1 "Archivo",system-ui,sans-serif;letter-spacing:-.01em;color:var(--ph-fg);transform:translateY(-101%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s .35s}
.ph-tira.ver{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ph-tira a{color:inherit;text-decoration:none}
.ph-tira-nome{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-tira-nome span{font-weight:400}
.ph-tira nav{display:flex;gap:1.1em;text-transform:uppercase;flex:none}
.ph-tira nav a[aria-current=page],.ph-tira nav a:hover,.ph-tira nav a:focus-visible{text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){.ph-tira-nome span{display:none}}
@media (prefers-reduced-motion:reduce){.ph-tira,.ph-tira.ver{transition:none}}

/* faixa de clientes */
.ph-clientes{padding:clamp(48px,7vw,120px) var(--ph-pad) clamp(40px,5vw,88px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2vw,28px);color:var(--ph-fg);font-family:"Archivo",system-ui,sans-serif}
.ph-clientes h2{margin:0;font:500 12px/1 "Archivo",system-ui,sans-serif;letter-spacing:-.01em;text-transform:uppercase}
.ph-clientes p{margin:0;font-size:clamp(22px,3.3vw,56px);line-height:1.02;font-weight:300;letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}
.ph-clientes span{font-weight:600;white-space:nowrap}

/* botão fixo de WhatsApp: entra junto com a tira e sai quando o rodapé aparece */
.ph-wa{position:fixed;right:var(--ph-pad);bottom:var(--ph-pad);z-index:35;display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.25em;border-radius:99px;background:var(--ph-fg);color:var(--ph-bg);font:600 13px/1 "Archivo",system-ui,sans-serif;letter-spacing:-.005em;text-decoration:none;text-transform:uppercase;transform:translateY(160%);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease,visibility 0s .4s}
.ph-wa.ver{transform:none;opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.ph-wa i{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block}
.ph-wa:hover,.ph-wa:focus-visible{background:#22c55e;color:#06210f}
.ph-wa:hover i,.ph-wa:focus-visible i{background:#06210f}
@media (max-width:700px){.ph-wa{padding:.9em 1.1em;font-size:12px}}
@media (prefers-reduced-motion:reduce){.ph-wa,.ph-wa.ver{transition:none}}

/* páginas internas (cases): tira sempre visível, botão de WhatsApp fixo e bloco "Meu papel" */
.ph-interna{padding-top:var(--topo)}
.ph-tira.fixa{transform:none;visibility:visible;transition:none}
.ph-wa.fixa{transform:none;opacity:1;visibility:visible}
.ph-wa.fixa.oculto{transform:translateY(160%);opacity:0;visibility:hidden}
.titulo .papel{margin:.9em 0 0;display:flex;flex-wrap:wrap;gap:.35em .9em;align-items:baseline;font:500 .75rem/1.25 "Archivo",system-ui,sans-serif;letter-spacing:-.005em;text-transform:uppercase}
.titulo .papel span{opacity:.55}

.ph-rodape-links{display:flex;flex-wrap:wrap;gap:.4em 1.6em}