/*
Theme Name: Felipera Criações
Theme URI: https://felipera.com.br/
Author: Felipe de Oliveira e Silva Fernandes (Felipera)
Description: Tema próprio da Felipera Criações. Home biomecânica com blog, Crônicas de Viator e loja WooCommerce no mesmo visual.
Version: 2.7.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: felipera
*/

/* Layout: anatomia de uma máquina viva. Uma espinha dorsal fixa à esquerda marca a leitura; cada seção é um "módulo" acoplado a ela. */
:root{
  --void:#08090b;      /* fundo, óleo queimado */
  --hull:#111317;      /* carcaça dos painéis */
  --sinew:#23272e;     /* tendões / linhas */
  --bone:#e4ddcc;      /* osso, texto principal */
  --ash:#8e897f;       /* texto secundário */
  --brass:#c48d4c;     /* latão oxidado, acento */
  --brass-hi:#f0c48a;
  --ichor:#a3302f;     /* veia, uso raro */
  --chrome:#aab1b9;
  --f-display:"Syncopate","Arial Black","Helvetica Neue",sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --gutter:clamp(16px,5vw,72px);
  --spine:clamp(0px,6vw,88px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--void);color:var(--bone);font-family:var(--f-body);font-size:16px;line-height:1.65;font-weight:300;overflow-x:hidden}
::selection{background:var(--brass);color:var(--void)}
a{color:inherit}
:focus-visible{outline:2px solid var(--brass-hi);outline-offset:3px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;text-wrap:balance;margin:0;letter-spacing:.02em;line-height:1.05}
p{margin:0}
.mono{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.wrap{padding-inline:var(--gutter);padding-left:calc(var(--gutter) + var(--spine))}

/* grão + textura de placa */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.07;mix-blend-mode:overlay;
  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='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ===== NAV ===== */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-block:14px;background:linear-gradient(var(--void) 60%,transparent);backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand svg{width:34px;height:34px;flex:none}
.brand b{font-family:var(--f-display);font-size:.95rem;letter-spacing:.18em}
.brand small{display:block;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.2em;color:var(--brass);text-transform:uppercase}
.menu{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end}
.menu a{display:block;text-decoration:none;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ash);padding:8px 10px;border:1px solid transparent;border-radius:2px;transition:.25s}
.menu a:hover,.menu a.on{color:var(--bone);border-color:var(--sinew);background:var(--hull)}
.menu a.on{color:var(--brass-hi)}
.burger{display:none;background:none;border:1px solid var(--sinew);color:var(--bone);font-family:var(--f-mono);font-size:.7rem;letter-spacing:.15em;padding:9px 12px;cursor:pointer}
@media (max-width:980px){
  .burger{display:block}
  .menu{display:none;position:absolute;top:100%;left:var(--gutter);right:var(--gutter);flex-direction:column;background:var(--hull);border:1px solid var(--sinew);padding:8px}
  .menu.open{display:flex}
}

/* ===== ESPINHA LATERAL (progresso) ===== */
.spine{position:fixed;left:calc(var(--gutter)*.45);top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:5px}
.spine i{display:block;width:22px;height:9px;border-radius:50% 50% 40% 40%;background:var(--sinew);position:relative;transition:background .3s,box-shadow .3s}
.spine i::before,.spine i::after{content:"";position:absolute;top:3px;width:9px;height:2px;background:var(--sinew);transition:background .3s}
.spine i::before{left:-8px;transform:rotate(14deg)}.spine i::after{right:-8px;transform:rotate(-14deg)}
.spine i.lit{background:radial-gradient(circle at 40% 30%,var(--brass-hi),var(--brass) 55%,#5a3a17);box-shadow:0 0 10px rgba(196,141,76,.45)}
.spine i.lit::before,.spine i.lit::after{background:var(--brass)}
.spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--f-mono);font-size:.6rem;letter-spacing:.3em;color:var(--ash);margin-top:10px}
@media (max-width:760px){.spine{display:none}:root{--spine:0px}}

/* ===== HERO ===== */
.hero{position:relative;padding-block:clamp(48px,9vw,120px) clamp(56px,8vw,110px);overflow:hidden;isolation:isolate}
#bio{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--void) 18%,rgba(8,9,11,.55) 52%,rgba(8,9,11,.1)),linear-gradient(0deg,var(--void),transparent 30%)}
.hero .tag{display:flex;gap:14px;align-items:center;margin-bottom:28px}
.hero .tag::before{content:"";width:42px;height:1px;background:var(--brass)}
.hero h1{font-size:clamp(3rem,13vw,10.5rem);line-height:.86;letter-spacing:-.01em;display:flex;flex-direction:column}
.hero h1 .row{overflow:hidden;display:block}
.hero h1 .row span{display:inline-block;animation:rise 1.1s cubic-bezier(.2,.8,.1,1) both}
.hero h1 .row:nth-child(2) span{animation-delay:.12s}
.hero h1 .metal{background:linear-gradient(176deg,#fff6e6 0%,var(--chrome) 28%,#4d525a 48%,var(--brass-hi) 62%,var(--brass) 78%,#3a2810 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .outline{color:transparent;-webkit-text-stroke:1px var(--brass)}
@keyframes rise{from{transform:translateY(40%) skewY(4deg);opacity:.25}to{transform:none;opacity:1}}
.hero .who{margin-top:34px;max-width:40rem;display:grid;gap:14px}
.hero .who p{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--bone)}
.hero .who p em{font-style:normal;color:var(--brass-hi)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chip{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--sinew);background:rgba(17,19,23,.7);color:var(--chrome)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:14px 20px;border:1px solid var(--brass);color:var(--void);background:linear-gradient(180deg,var(--brass-hi),var(--brass));position:relative;cursor:pointer;transition:.25s}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--bone);border-color:var(--sinew)}
.btn.ghost:hover{border-color:var(--brass);color:var(--brass-hi)}
.readout{position:absolute;right:var(--gutter);bottom:28px;text-align:right;display:grid;gap:4px}
.readout b{color:var(--brass-hi);font-weight:500}
@media (max-width:760px){.readout{display:none}}

/* ===== SEÇÕES ===== */
section{position:relative}
.sec{padding-block:clamp(72px,10vw,140px)}
.head{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:clamp(36px,5vw,64px);max-width:62rem}
.head .code{display:flex;align-items:center;gap:12px}
.head .code::after{content:"";flex:1;max-width:220px;height:1px;background:linear-gradient(90deg,var(--brass),transparent)}
.head h2{font-size:clamp(1.9rem,5.2vw,3.9rem)}
.head p{color:var(--ash);max-width:44rem;font-size:1.05rem}
.rib{height:28px;margin-inline:var(--gutter);margin-left:calc(var(--gutter) + var(--spine));
  background:repeating-linear-gradient(90deg,var(--sinew) 0 2px,transparent 2px 14px);mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);opacity:.7}

/* ===== SOBRE ===== */
.about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start}
.capsule{position:relative;aspect-ratio:4/5;max-width:100%;border:1px solid var(--sinew);background:
  radial-gradient(ellipse at 50% 30%,rgba(196,141,76,.16),transparent 60%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px),var(--hull);
  clip-path:polygon(0 6%,6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%);display:grid;place-items:center;overflow:hidden}
.capsule svg{width:78%;height:auto}
.capsule .label{position:absolute;left:18px;bottom:16px;right:18px;display:flex;justify-content:space-between}
.capsule .scan{position:absolute;left:0;right:0;height:30%;background:linear-gradient(180deg,transparent,rgba(240,196,138,.08),transparent);animation:scan 5s linear infinite}
@keyframes scan{from{top:-30%}to{top:100%}}
.about-text{display:grid;gap:22px;min-width:0}
.about-text .lead{font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.45;font-weight:300}
.about-text .lead strong{font-weight:500;color:var(--brass-hi)}
.about-text p{color:#c9c2b2;max-width:38rem}
.name-split{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;padding:20px;border:1px dashed var(--sinew);background:rgba(17,19,23,.6)}
.name-split dt{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);padding-top:3px}
.name-split dd{margin:0;color:var(--bone)}
.slot{border-left:2px solid var(--ichor);padding:12px 16px;background:linear-gradient(90deg,rgba(163,48,47,.12),transparent);font-size:.92rem;color:#d8b9b0}
.slot b{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#e5837c;display:block;margin-bottom:4px;font-weight:500}

/* ===== CONHECIMENTO ===== */
.organs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--sinew);border:1px solid var(--sinew)}
.organ{position:relative;background:var(--void);padding:28px 26px 30px;display:grid;gap:14px;align-content:start;min-width:0;overflow:hidden;transition:background .35s}
.organ::before{content:"";position:absolute;inset:auto -30% -60% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(196,141,76,.22),transparent 65%);opacity:0;transition:opacity .4s}
.organ:hover{background:var(--hull)}
.organ:hover::before{opacity:1}
.organ .top{display:flex;justify-content:space-between;align-items:center}
.organ svg{width:54px;height:54px}
.organ svg *{transition:stroke .3s}
.organ:hover svg .pulse{stroke:var(--brass-hi)}
.organ h3{font-size:1.02rem;letter-spacing:.06em}
.organ p{color:var(--ash);font-size:.95rem}
.organ ul{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.organ li{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;background:var(--hull);border:1px solid var(--sinew);color:var(--chrome)}
.organ .meter{height:3px;background:var(--sinew);position:relative;margin-top:6px}
.organ .meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--brass),var(--brass-hi));width:var(--v)}
.organ.wide{grid-column:span 2}
.organ.full{grid-column:1/-1}
@media (max-width:980px){.organs{grid-template-columns:repeat(2,minmax(0,1fr))}.organ.wide{grid-column:span 2}}
@media (max-width:620px){.organs{grid-template-columns:minmax(0,1fr)}.organ.wide,.organ.full{grid-column:auto}.about{grid-template-columns:minmax(0,1fr)}.capsule{max-width:420px}}

.stack{margin-top:clamp(36px,5vw,56px);display:flex;gap:0;overflow:hidden;border-block:1px solid var(--sinew);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.stack .track{display:flex;gap:42px;padding-block:18px;animation:marq 38s linear infinite;flex:none;padding-right:42px}
.stack span{font-family:var(--f-display);font-size:clamp(1rem,2vw,1.4rem);white-space:nowrap;color:var(--sinew);-webkit-text-stroke:1px #5b5f66}
.stack span:nth-child(3n){color:var(--brass);-webkit-text-stroke:0}
@keyframes marq{to{transform:translateX(-100%)}}

/* ===== PORTFÓLIO ===== */
.cases{display:grid;gap:clamp(48px,7vw,96px)}
.case{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.case:nth-child(even){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.case:nth-child(even) .rig{order:2}
@media (max-width:860px){.case,.case:nth-child(even){grid-template-columns:minmax(0,1fr)}.case:nth-child(even) .rig{order:0}}
.rig{position:relative;padding:18px;background:linear-gradient(145deg,#1b1e24,#0c0d10);border:1px solid var(--sinew);
  clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
.rig::before,.rig::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--chrome),#3b3f45);box-shadow:0 0 0 2px #0b0c0e}
.rig::before{left:8px;top:8px}.rig::after{right:8px;bottom:8px}
.browser{border:1px solid #2b2f37;background:#0d0e11;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.1,1)}
.rig:hover .browser{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg) scale(1.01)}
.bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#16181d;border-bottom:1px solid #2b2f37}
.bar i{width:8px;height:8px;border-radius:50%;background:#2e323a}
.bar span{margin-left:8px;font-family:var(--f-mono);font-size:.66rem;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen{aspect-ratio:16/10;max-width:100%;position:relative;overflow:hidden}
/* mock Djones */
.dj{background:radial-gradient(ellipse at 70% 110%,#ff7a1a 0%,#b5300f 22%,#3a0f07 48%,#0b0705 75%);display:grid;align-content:center;padding:7%;gap:4%}
.dj .k{font-family:var(--f-display);font-size:clamp(1rem,3.4vw,2.3rem);line-height:.95;color:#fff1dc}
.dj .k span{display:block}
.dj .k span:nth-child(2){color:#ffb347}
.dj .n{font-family:var(--f-display);font-size:clamp(.5rem,1vw,.75rem);letter-spacing:.3em;color:#ffd9a3}
.dj .flame{position:absolute;right:8%;bottom:-8%;width:34%;aspect-ratio:1/1.5;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 80%,#fff3c4,#ffb02e 30%,#ff5a12 55%,transparent 72%);filter:blur(4px);animation:flick 1.6s ease-in-out infinite alternate;transform-origin:50% 100%}
@keyframes flick{0%{transform:scale(1,1) skewX(0)}50%{transform:scale(.95,1.06) skewX(-3deg)}100%{transform:scale(1.04,.96) skewX(3deg)}}
.dj .tape{position:absolute;left:0;right:0;bottom:7%;background:#13361f;color:#c6f0c9;font-family:var(--f-mono);font-size:clamp(.42rem,.9vw,.62rem);letter-spacing:.2em;white-space:nowrap;padding:4px 0;overflow:hidden}
.dj .tape b{display:inline-block;font-weight:500;animation:marq 14s linear infinite}
/* mock TDV */
.tdv{background:linear-gradient(180deg,rgba(20,44,28,.25),rgba(14,30,20,.85)),radial-gradient(ellipse at 30% 30%,#7fa36b,#3f6b3d 45%,#1d3a24 80%);display:grid;align-content:end;padding:7%;gap:3%}
.tdv .hills{position:absolute;inset:auto 0 0 0;height:55%;background:
  radial-gradient(ellipse 60% 70% at 20% 100%,#2c4f2e 60%,transparent 61%),
  radial-gradient(ellipse 70% 60% at 80% 100%,#23432a 60%,transparent 61%);opacity:.9}
.tdv .vines{position:absolute;inset:auto 0 0 0;height:40%;background:repeating-linear-gradient(100deg,transparent 0 14px,rgba(210,230,170,.12) 14px 16px)}
.tdv *{position:relative}
.tdv .e{font-family:var(--f-mono);font-size:clamp(.4rem,.85vw,.6rem);letter-spacing:.25em;color:#d9ecc6}
.tdv .t{font-family:Georgia,"Times New Roman",serif;font-size:clamp(.95rem,2.6vw,1.8rem);color:#fbf7ec;line-height:1.1;max-width:80%}
.tdv .s{display:flex;gap:6%;margin-top:2%}
.tdv .s div{font-family:var(--f-mono);font-size:clamp(.4rem,.85vw,.6rem);color:#e7f1da;letter-spacing:.1em}
.tdv .s b{display:block;font-family:var(--f-display);font-size:clamp(.7rem,1.6vw,1.1rem);color:#fff}
.case-info{display:grid;gap:18px;min-width:0}
.case-info .idx{display:flex;gap:14px;align-items:baseline}
.case-info h3{font-size:clamp(1.4rem,3vw,2.2rem)}
.case-info p{color:#c9c2b2}
.specs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;padding-block:16px;border-block:1px solid var(--sinew);margin:0}
.specs dt{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ash);padding-top:2px}
.specs dd{margin:0;font-size:.95rem}
.link{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;width:max-content;max-width:100%}
.link:hover{color:var(--bone)}
.incubator{margin-top:clamp(48px,7vw,96px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pod{position:relative;border:1px dashed #33373f;padding:22px;min-height:150px;display:grid;align-content:space-between;gap:16px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.012) 10px 20px)}
.pod .dot{width:10px;height:10px;border-radius:50%;background:var(--ichor);box-shadow:0 0 0 0 rgba(163,48,47,.6);animation:beat 1.8s infinite}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(163,48,47,.6)}70%{box-shadow:0 0 0 12px rgba(163,48,47,0)}100%{box-shadow:0 0 0 0 rgba(163,48,47,0)}}
.pod p{color:var(--ash);font-size:.92rem}
@media (max-width:860px){.incubator{grid-template-columns:minmax(0,1fr)}}

/* ===== CRÔNICAS ===== */
.viator{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.viator{grid-template-columns:minmax(0,1fr)}}
.compass{position:relative;aspect-ratio:1;max-width:340px;width:100%}
.compass svg{width:100%;height:100%}
.compass .needle{transform-origin:50% 50%;animation:seek 9s ease-in-out infinite}
@keyframes seek{0%,100%{transform:rotate(-18deg)}35%{transform:rotate(26deg)}60%{transform:rotate(8deg)}}
.log{display:grid;gap:0;border-top:1px solid var(--sinew)}
.entry{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:20px;align-items:baseline;padding:22px 4px;border-bottom:1px solid var(--sinew);text-decoration:none;transition:background .3s,padding .3s}
.entry:hover{background:var(--hull);padding-inline:14px}
.entry h3{font-family:var(--f-body);font-weight:500;font-size:1.15rem;letter-spacing:0}
.entry p{color:var(--ash);font-size:.92rem;margin-top:4px}
.entry .st{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ichor);border:1px solid rgba(163,48,47,.5);padding:3px 7px;white-space:nowrap}
@media (max-width:620px){.entry{grid-template-columns:minmax(0,1fr)}.entry .st{width:max-content}}
.quote{margin-top:28px;font-family:var(--f-display);font-size:clamp(1rem,2vw,1.35rem);line-height:1.35;color:var(--chrome);max-width:34rem}
.quote small{display:block;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.14em;color:var(--ash);margin-top:10px}

/* ===== LOJA ===== */
.shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.shop{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.shop{grid-template-columns:minmax(0,1fr)}}
.item{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--sinew);background:var(--hull);min-width:0;transition:border-color .3s,transform .3s}
.item:hover{border-color:var(--brass);transform:translateY(-3px)}
.item .art{aspect-ratio:1;max-width:100%;position:relative;overflow:hidden;background:#0c0d10;border-bottom:1px solid var(--sinew)}
.item .art canvas{width:100%;height:100%;display:block}
.item .art .cat{position:absolute;top:12px;left:12px;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;background:var(--void);border:1px solid var(--sinew);padding:4px 8px;color:var(--chrome)}
.item .body{padding:18px;display:grid;gap:10px;align-content:space-between}
.item h3{font-family:var(--f-body);font-weight:500;font-size:1.05rem;letter-spacing:0}
.item p{color:var(--ash);font-size:.88rem}
.item .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--sinew)}
.item .price{font-family:var(--f-mono);font-size:.78rem;color:var(--brass-hi);letter-spacing:.06em}
.item button{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;background:none;color:var(--bone);border:1px solid var(--sinew);padding:7px 10px;cursor:pointer}
.item button:hover{border-color:var(--brass);color:var(--brass-hi)}
.shopnote{margin-top:20px}

/* ===== CONTATO ===== */
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px)}
@media (max-width:860px){.contact{grid-template-columns:minmax(0,1fr)}}
.contact .big{font-family:var(--f-display);font-size:clamp(2rem,6vw,4.6rem);line-height:.95}
.contact .big span{color:transparent;-webkit-text-stroke:1px var(--brass)}
form{display:grid;gap:14px;padding:clamp(18px,3vw,32px);border:1px solid var(--sinew);background:var(--hull)}
.field{display:grid;gap:6px}
.field label{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.field input,.field select,.field textarea{width:100%;background:var(--void);border:1px solid var(--sinew);color:var(--bone);font:inherit;font-size:1rem;padding:12px 14px;border-radius:0;transition:border-color .25s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brass);outline:none}
.field textarea{min-height:120px;resize:vertical}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:560px){.row2{grid-template-columns:minmax(0,1fr)}}
.services{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.services input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.services label{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 11px;border:1px solid var(--sinew);cursor:pointer;color:var(--ash);transition:.2s}
.services input:checked+label{border-color:var(--brass);color:var(--void);background:var(--brass)}
.services input:focus-visible+label{outline:2px solid var(--brass-hi);outline-offset:2px}
.sent{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;color:var(--brass-hi)}

/* ===== FOOTER ===== */

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ================= v2 — enriquecimento ================= */
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--brass);color:var(--void);padding:10px 14px;font-family:var(--f-mono);font-size:.8rem}
.skip:focus{left:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.admin-bar .nav{top:32px}
@media (max-width:782px){.admin-bar .nav{top:46px}}
.menu .current-menu-item a{color:var(--brass-hi)}

/* hero pitch */
.pitch{margin-top:30px;display:grid;gap:6px;max-width:52rem}
.pitch .ask{font-family:var(--f-display);font-size:clamp(1.15rem,3.1vw,2.3rem);line-height:1.15;color:var(--bone)}
.pitch .ask b{color:transparent;-webkit-text-stroke:1px var(--brass-hi)}
.pitch .answer{font-family:var(--f-display);font-size:clamp(1.15rem,3.1vw,2.3rem);line-height:1.15}
.pitch .metal,.answer .metal{background:linear-gradient(176deg,#fff6e6 0%,var(--chrome) 30%,#4d525a 50%,var(--brass-hi) 64%,var(--brass) 80%,#3a2810 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ticker{margin-top:14px;color:var(--chrome);font-size:.78rem;min-height:1.4em}
.ticker .blink{color:var(--brass);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
#probe{transition:opacity .35s}
.hero .who{margin-top:26px}

/* diagnóstico */
.diag{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,3vw,36px);align-items:stretch}
@media (max-width:860px){.diag{grid-template-columns:minmax(0,1fr)}}
.diag-list{display:grid;gap:8px;align-content:start}
.diag-q{display:grid;gap:4px;text-align:left;background:var(--hull);border:1px solid var(--sinew);color:var(--bone);padding:16px 18px;cursor:pointer;font:inherit;transition:border-color .25s,background .25s,transform .25s;position:relative}
.diag-q .q{font-size:1.02rem;font-weight:400}
.diag-q:hover{border-color:#3a3f48;transform:translateX(3px)}
.diag-q.on{border-color:var(--brass);background:linear-gradient(90deg,rgba(196,141,76,.14),var(--hull) 70%)}
.diag-q.on::after{content:"";position:absolute;right:-1px;top:50%;width:10px;height:10px;background:var(--brass);transform:translate(50%,-50%) rotate(45deg)}
@media (max-width:860px){.diag-q.on::after{display:none}}
.diag-screen{position:relative;border:1px solid var(--sinew);background:radial-gradient(ellipse at 70% 0%,rgba(196,141,76,.12),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px),#0b0c0f;padding:0 0 70px;min-height:360px;overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.scr-bar{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--sinew);font-size:.64rem}
.scr-bar .ok{color:#8fd19e}
.sol{padding:clamp(22px,3vw,40px);display:grid;gap:16px;animation:solin .45s cubic-bezier(.2,.8,.1,1)}
@keyframes solin{from{transform:translateY(10px);opacity:.3}to{transform:none;opacity:1}}
.sol h3{font-size:clamp(1.3rem,2.8vw,2.1rem)}
.sol p{color:#c9c2b2;font-size:1.06rem;max-width:36rem}
.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li,.tags a{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;background:var(--hull);border:1px solid var(--sinew);color:var(--chrome);text-decoration:none}
.sol .btn{width:max-content;max-width:100%}
.ecg{position:absolute;left:0;right:0;bottom:16px;height:40px;opacity:.7}
.ecg svg{width:100%;height:100%}
.ecg path{stroke-dasharray:900;stroke-dashoffset:900;animation:ecg 3.2s linear infinite}
@keyframes ecg{to{stroke-dashoffset:0}}

/* serviços 3x3 */
.organs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.organs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.organs{grid-template-columns:minmax(0,1fr)}}

/* como funciona */
.flow-sec{padding-top:0}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.flow::before{content:"";position:absolute;left:0;right:0;top:26px;height:2px;background:repeating-linear-gradient(90deg,var(--brass) 0 10px,transparent 10px 18px);opacity:.6}
.flow li{position:relative;padding:0 22px 0 0;display:grid;gap:10px;align-content:start}
.flow .n{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 55%,#4a3015);color:var(--void);font-family:var(--f-display);font-size:.9rem;box-shadow:0 0 0 6px var(--void),0 0 0 7px var(--sinew)}
.flow h3{font-size:1rem;letter-spacing:.06em;margin-top:8px}
.flow p{color:var(--ash);font-size:.95rem}
@media (max-width:860px){.flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.flow::before{display:none}}
@media (max-width:480px){.flow{grid-template-columns:minmax(0,1fr)}}

/* portfólio com telas reais */
.bar .live{margin-left:auto;font-size:.6rem;color:var(--brass-hi);text-decoration:none;border:1px solid var(--sinew);padding:2px 7px;white-space:nowrap}
.bar .live:hover{border-color:var(--brass)}
.shots{position:relative;aspect-ratio:1088/498;max-width:100%;background:#000;overflow:hidden}
.shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform 4s ease}
.shots img.on{opacity:1;transform:none}
.shots .prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(0,0,0,.4)}
.shots .prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brass),var(--brass-hi))}
.thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.thumbs button{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--ash);border:1px solid var(--sinew);padding:6px 9px;cursor:pointer;transition:.2s}
.thumbs button:hover{color:var(--bone);border-color:#3a3f48}
.thumbs button.on{color:var(--void);background:var(--brass);border-color:var(--brass)}
.rig:hover .browser{transform:none}
.case{align-items:start}
a.pod{text-decoration:none;color:inherit}
.pod-you{border-color:var(--brass)!important}
.pod-you p{color:var(--brass-hi)!important}

/* foto real */
.capsule.photo{margin:0;place-items:stretch}
.capsule.photo img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05)}
.capsule.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,11,.85),transparent 35%),radial-gradient(ellipse at 50% 30%,transparent 50%,rgba(8,9,11,.5));pointer-events:none}
.capsule .hud{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.capsule .label{z-index:3}
.capsule .scan{z-index:2}

/* crônicas */
.viator-hero{position:relative;min-height:clamp(320px,46vw,520px);display:grid;align-content:end;padding:clamp(22px,4vw,48px);overflow:hidden;border:1px solid var(--sinew);margin-bottom:clamp(28px,4vw,48px)}
.viator-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.viator-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--void) 2%,rgba(8,9,11,.5) 38%,transparent 70%)}
.viator-hero{isolation:isolate}
.vh-text{display:grid;gap:14px;max-width:44rem}
.vh-text h2{font-size:clamp(1.6rem,4.4vw,3.3rem)}
.vh-text p{color:#d4ccbb;font-size:1.05rem}
.viator-hero .compass{position:absolute;right:clamp(14px,3vw,40px);top:clamp(14px,3vw,40px);width:clamp(90px,14vw,170px)}
.more{margin-top:28px}

/* cards de post */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:980px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.posts{grid-template-columns:minmax(0,1fr)}}
.post-card{display:grid;grid-template-rows:auto 1fr;text-decoration:none;border:1px solid var(--sinew);background:var(--hull);transition:border-color .3s,transform .3s;min-width:0}
.post-card:hover{border-color:var(--brass);transform:translateY(-3px)}
.pc-img{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;background:#0c0d10;border-bottom:1px solid var(--sinew)}
.pc-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05);transition:filter .4s,transform .6s}
.post-card:hover .pc-img img{filter:none;transform:scale(1.03)}
.pc-ph{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(196,141,76,.25),transparent 50%),repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,255,255,.02) 12px 24px)}
.pc-img .cat{position:absolute;top:12px;left:12px;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;background:var(--void);border:1px solid var(--sinew);padding:4px 8px;color:var(--brass-hi)}
.pc-body{padding:18px;display:grid;gap:8px;align-content:start}
.pc-body h3{font-family:var(--f-body);font-weight:500;font-size:1.12rem;letter-spacing:0;line-height:1.3}
.pc-body p{color:var(--ash);font-size:.92rem}

/* páginas internas */
.page-hero{position:relative;padding-block:clamp(56px,8vw,110px) clamp(28px,4vw,48px);display:grid;gap:16px;isolation:isolate;overflow:hidden}
.page-hero h1{font-size:clamp(2rem,6vw,4.4rem);max-width:60rem}
.page-hero p{color:var(--ash);max-width:44rem;font-size:1.06rem}
.page-hero .code{display:flex;align-items:center;gap:12px}
.page-hero .code::after{content:"";width:120px;height:1px;background:linear-gradient(90deg,var(--brass),transparent)}
.page-hero.is-viator .ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.page-hero.is-viator::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--void),rgba(8,9,11,.4))}
.cats{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}
.cats a{text-decoration:none;font-size:.66rem;padding:6px 10px;border:1px solid var(--sinew);color:var(--ash)}
.cats a:hover{color:var(--bone)}
.cats a.on{background:var(--brass);border-color:var(--brass);color:var(--void)}
.cats .search{margin-left:auto}
.cats input{background:var(--hull);border:1px solid var(--sinew);color:var(--bone);font:inherit;font-size:.8rem;padding:7px 10px;width:200px;max-width:100%}
.cats input:focus{border-color:var(--brass);outline:none}
.list-sec{padding-top:0}
.pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:36px}
.pager a,.pager span{padding:8px 12px;border:1px solid var(--sinew);text-decoration:none;font-size:.7rem}
.pager .current{background:var(--brass);color:var(--void);border-color:var(--brass)}
.err h1{color:transparent;-webkit-text-stroke:1px var(--brass)}

/* post */
.post-head{padding-block:clamp(56px,8vw,100px) 28px;display:grid;gap:18px;max-width:calc(52rem + var(--spine) + 2*var(--gutter))}
.post-head .code{text-decoration:none;color:var(--brass)}
.post-head h1{font-size:clamp(1.9rem,5vw,3.6rem)}
.post-cover{margin:0 0 36px}
.post-cover img{width:100%;max-height:70vh;object-fit:cover;border:1px solid var(--sinew)}
.prose{max-width:calc(46rem + var(--spine) + 2*var(--gutter));font-size:1.08rem;line-height:1.8;color:#d6cfbf}
.prose.wide{max-width:none;padding-block:0 80px}
.prose>*+*{margin-top:1.1em}
.prose h2,.prose h3{margin-top:1.8em;color:var(--bone)}
.prose h2{font-size:1.5rem}.prose h3{font-size:1.15rem}
.prose a{color:var(--brass-hi)}
.prose img{height:auto;border:1px solid var(--sinew)}
.prose blockquote{margin-left:0;padding:6px 0 6px 20px;border-left:2px solid var(--brass);font-size:1.2rem;color:var(--bone)}
.prose pre,.prose code{font-family:var(--f-mono);font-size:.9rem;background:var(--hull);border:1px solid var(--sinew)}
.prose pre{padding:16px;overflow-x:auto}
.prose code{padding:1px 5px}
.prose figure{margin-inline:0}
.prose figcaption{font-family:var(--f-mono);font-size:.72rem;color:var(--ash);margin-top:6px}
.post-foot{max-width:calc(46rem + var(--spine) + 2*var(--gutter));padding-block:40px 80px;display:grid;gap:28px}
.post-foot .tags a{margin-right:6px}
.author{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid var(--sinew);background:var(--hull)}
.author img{width:64px;height:80px;object-fit:cover;flex:none}
.author p{color:#c9c2b2;font-size:.95rem}
.author a{color:var(--brass-hi)}
.post-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.post-nav a{text-decoration:none;color:var(--chrome)}
.post-nav a:hover{color:var(--brass-hi)}
.comments-wrap input,.comments-wrap textarea{width:100%;background:var(--void);border:1px solid var(--sinew);color:var(--bone);font:inherit;padding:10px}
.comments-wrap .submit{background:var(--brass);border:0;color:var(--void);padding:12px 18px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;cursor:pointer}

/* rodapé */
.site-foot{border-top:1px solid var(--sinew);padding-block:56px 30px;display:grid;gap:30px}
.foot-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
@media (max-width:760px){.foot-grid{grid-template-columns:minmax(0,1fr)}}
.foot-cta{display:grid;gap:12px;align-content:start}
.foot-cta p{font-family:var(--f-display);font-size:clamp(1.3rem,3vw,2rem)}
.foot-cta .btn{width:max-content}
.site-foot ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}
.site-foot li,.site-foot li a{color:#c9c2b2;text-decoration:none;font-size:.95rem}
.site-foot li a:hover{color:var(--brass-hi)}
.site-foot .sig{font-family:var(--f-display);font-size:clamp(2.4rem,10vw,7rem);line-height:.8;color:#14161a;-webkit-text-stroke:1px #2a2e35;letter-spacing:-.01em;user-select:none}
.foot-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}

/* formulário */
fieldset.field{border:0;padding:0;margin:0;min-width:0}
fieldset.field legend{padding:0;margin-bottom:6px;font-size:.68rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.send{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.contact-l{display:grid;gap:22px;align-content:start}
.contact-l .code{display:flex;gap:12px;align-items:center}
.muted{color:var(--ash);max-width:30rem}
form{position:relative}
.item .mini{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);border:1px solid var(--sinew);padding:7px 10px;text-decoration:none}
.item .art img{width:100%;height:100%;object-fit:cover}

/* WooCommerce */
.woo{padding-top:0;color:#d6cfbf}
.woo .woocommerce-breadcrumb{font-family:var(--f-mono);font-size:.7rem;color:var(--ash);margin-bottom:20px}
.woo .woocommerce-breadcrumb a{color:var(--chrome)}
.woo ul.products{list-style:none;padding:0;margin:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.woo ul.products::before,.woo ul.products::after{display:none!important}
@media (max-width:860px){.woo ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.woo ul.products{grid-template-columns:minmax(0,1fr)}}
.woo ul.products li.product{width:auto!important;margin:0!important;float:none!important;border:1px solid var(--sinew);background:var(--hull);padding:0 0 18px;display:grid;gap:8px;text-align:left}
.woo ul.products li.product a{text-decoration:none;color:inherit}
.woo ul.products li.product img{width:100%;aspect-ratio:1;object-fit:cover;margin:0 0 6px!important;border-bottom:1px solid var(--sinew)}
.woo ul.products li.product h2{font-family:var(--f-body);font-size:1.05rem!important;font-weight:500;letter-spacing:0;padding:0 18px!important}
.woo .price{font-family:var(--f-mono);color:var(--brass-hi)!important;padding:0 18px;display:block}
.woo .button,.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce #respond input#submit{background:linear-gradient(180deg,var(--brass-hi),var(--brass))!important;color:var(--void)!important;border-radius:0!important;font-family:var(--f-mono)!important;font-size:.72rem!important;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px!important;margin:6px 18px 0!important;width:max-content}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px)}
@media (max-width:820px){.woocommerce div.product{grid-template-columns:minmax(0,1fr)}}
.woocommerce div.product .images,.woocommerce div.product .summary{width:auto!important;float:none!important}
.woocommerce div.product .product_title{font-size:clamp(1.6rem,4vw,2.8rem)}
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--hull)!important;color:var(--bone)!important;border-top-color:var(--brass)!important}
.woocommerce table.shop_table{border-color:var(--sinew)!important;color:var(--bone)}
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{background:var(--void);border:1px solid var(--sinew);color:var(--bone);padding:10px}
.woocommerce .woocommerce-ordering select{background:var(--hull);color:var(--bone);border:1px solid var(--sinew);padding:8px}
.woocommerce .woocommerce-result-count{color:var(--ash);font-family:var(--f-mono);font-size:.72rem}

/* WhatsApp */
.wa-line{display:inline-flex;align-items:center;gap:14px;text-decoration:none;padding:14px 18px;border:1px solid var(--sinew);background:var(--hull);width:max-content;max-width:100%;transition:border-color .25s}
.wa-line:hover{border-color:#25d366}
.wa-line b{display:block;font-family:var(--f-display);font-size:clamp(1rem,2.4vw,1.35rem);color:var(--bone);letter-spacing:.02em}
.wa-line small{color:#5fd88a;font-size:.62rem}
.wa-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1f9d55;color:#fff;flex:none}
.wa-ico svg{width:24px;height:24px}
.btn-wa::before{content:"";width:8px;height:8px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 3px rgba(31,157,85,.3)}
.wa-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;align-items:center;gap:10px;text-decoration:none;background:#0d0f12;border:1px solid #1f9d55;color:var(--bone);padding:8px 16px 8px 8px;border-radius:40px;box-shadow:0 10px 30px rgba(0,0,0,.5);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;transition:transform .25s}
.wa-float svg{width:40px;height:40px;padding:8px;border-radius:50%;background:#1f9d55;color:#fff;flex:none}
.wa-float:hover{transform:translateY(-2px)}
@media (max-width:620px){.wa-float span{display:none}.wa-float{padding:6px}}

.incubator:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.pod-you{min-height:0}

/* loja: último card sozinho vira destaque horizontal */
@media (min-width:1101px){.shop .item:last-child:nth-child(4n+1){grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,3fr);grid-template-rows:none}
.shop .item:last-child:nth-child(4n+1) .art{aspect-ratio:auto;min-height:220px;border-bottom:0;border-right:1px solid var(--sinew)}
.shop .item:last-child:nth-child(4n+1) .body{padding:28px}
.shop .item:last-child:nth-child(4n+1) h3{font-size:1.35rem}}
@media (min-width:561px) and (max-width:1100px){.shop .item:last-child:nth-child(2n+1){grid-column:1/-1}}

/* ===== logo neural ===== */
.brand .logo-mark{width:38px;height:38px;flex:none;overflow:visible}
.logo-mark .lm-volt{stroke-dasharray:3.5 46;stroke-dashoffset:0;opacity:.95;animation:lmVolt 2.6s linear infinite}
.logo-mark .lm-dendrites path{stroke-dasharray:12;stroke-dashoffset:0;animation:lmDend 5s ease-in-out infinite}
.logo-mark .lm-dendrites path:nth-child(2n){animation-delay:-2.5s}
.logo-mark .lm-synapses circle{animation:lmSyn 3.2s ease-in-out infinite}
.logo-mark .lm-synapses circle:nth-child(2){animation-delay:-.4s}.logo-mark .lm-synapses circle:nth-child(3){animation-delay:-.9s}.logo-mark .lm-synapses circle:nth-child(4){animation-delay:-1.3s}
.logo-mark .lm-synapses circle:nth-child(5){animation-delay:-1.8s}.logo-mark .lm-synapses circle:nth-child(6){animation-delay:-2.2s}.logo-mark .lm-synapses circle:nth-child(7){animation-delay:-2.6s}.logo-mark .lm-synapses circle:nth-child(8){animation-delay:-3s}
.logo-mark .lm-node{transform-box:fill-box;transform-origin:center;animation:lmNode 2.6s ease-in-out infinite}
.logo-mark .lm-node.n2{animation-delay:-1.3s}
.logo-mark .lm-arc{opacity:0;animation:lmArc 4.2s steps(1) infinite}
.brand:hover .logo-mark .lm-volt{animation-duration:.9s}
.brand:hover .logo-mark .lm-arc{animation-duration:1.1s}
@keyframes lmVolt{to{stroke-dashoffset:-49.5}}
@keyframes lmDend{0%,100%{stroke:#3a3e45}50%{stroke:#c48d4c}}
@keyframes lmSyn{0%,100%{fill:#5b5f66}45%{fill:#f0c48a}55%{fill:#f0c48a}}
@keyframes lmNode{0%,100%{fill:#c48d4c;transform:scale(1)}50%{fill:#f6d39f;transform:scale(1.18)}}
@keyframes lmArc{0%,100%{opacity:0}62%{opacity:1}64%{opacity:0}66%{opacity:1}68%{opacity:0}}
.brand b{background:linear-gradient(100deg,var(--bone) 0 40%,#fff3d6 47%,var(--brass-hi) 50%,var(--bone) 57% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lmSheen 6s ease-in-out infinite}
@keyframes lmSheen{0%,70%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.logo-mark *{animation:none!important}.brand b{animation:none!important}}

/* ===== leitura: olho biomecânico e decoração ===== */
.rd-eye{position:fixed;right:calc(var(--gutter)*.45);top:50%;transform:translateY(-50%);z-index:45;width:92px;display:grid;justify-items:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rd-eye svg{width:92px;height:92px;overflow:visible;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}
.rd-eye .rd-prog{transition:stroke-dashoffset .25s linear}
.rd-eye .rd-lid{transition:transform .14s ease-in}
.rd-eye .rd-lid-top{transform:translateY(-42px)}
.rd-eye .rd-lid-bot{transform:translateY(42px)}
.rd-eye.rd-blink .rd-lid{transform:translateY(0)}
.rd-eye .rd-blades{transform-box:fill-box;transform-origin:center;animation:rdSpin 18s linear infinite}
.rd-eye .rd-ring{transform-box:fill-box;transform-origin:center;animation:rdSpin 9s linear infinite reverse}
.rd-eye .rd-label{font-size:.58rem;letter-spacing:.16em;color:var(--ash);text-transform:uppercase}
.rd-eye .rd-label b{color:var(--brass-hi);font-weight:500}
.rd-eye.rd-done svg{filter:drop-shadow(0 0 14px rgba(240,196,138,.55))}
.rd-eye.rd-done .rd-label{color:var(--brass-hi)}
@keyframes rdSpin{to{transform:rotate(360deg)}}
@media (max-width:1180px){.rd-eye{right:12px;width:70px}.rd-eye svg{width:70px;height:70px}}
@media (max-width:760px){.rd-eye{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:12px;right:auto;transform:none;width:58px}.rd-eye svg{width:58px;height:58px}.rd-eye .rd-label{display:none}}
.single-post .spine{opacity:.35}

/* capa das crônicas */
.post.category-cronicas-de-viator .post-head{position:relative;isolation:isolate;max-width:none;padding-block:clamp(80px,12vw,170px) 48px;overflow:hidden}
.post.category-cronicas-de-viator .post-head::before{content:"";position:absolute;inset:0;z-index:-2;background:url(assets/img/viator-hero.webp) right 30%/cover no-repeat;opacity:.75}
.post.category-cronicas-de-viator .post-head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--void) 6%,rgba(8,9,11,.55) 55%,rgba(8,9,11,.25))}
.post.category-cronicas-de-viator .post-head h1{max-width:52rem}

/* texto */
.prose{counter-reset:none}
.prose p{transition:color .4s,border-color .4s;border-left:2px solid transparent;margin-left:-18px;padding-left:16px}
.prose p.rd-focus{border-left-color:rgba(196,141,76,.55);color:#e9e2d2}
.prose p.rd-open::first-letter{float:left;font-family:var(--f-display);font-size:4.6em;line-height:.8;padding:.08em .12em 0 0;margin-right:.04em;background:linear-gradient(176deg,#fff6e6,var(--chrome) 30%,#4d525a 50%,var(--brass-hi) 64%,var(--brass) 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
.prose p.rd-beat{font-family:var(--f-display);font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.35;color:var(--bone);text-align:center;margin-block:2.2em;border:0;margin-left:0;padding:0 8%}
.prose p.rd-beat::before,.prose p.rd-beat::after{content:"";display:block;height:14px;margin:0 auto 1em;width:120px;background:radial-gradient(circle,var(--brass) 0 3px,transparent 3.5px) center/14px 14px no-repeat,linear-gradient(90deg,transparent,var(--sinew) 30%,var(--sinew) 70%,transparent) center/100% 1px no-repeat}
.prose p.rd-beat::after{margin:1em auto 0}
.prose p.rd-voice{font-style:italic;font-size:1.14em;color:var(--brass-hi);border-left-color:var(--brass);background:linear-gradient(90deg,rgba(196,141,76,.09),transparent 70%);padding-block:.6em}
.prose p.rd-next{margin-top:3em;text-align:center;border:0;margin-left:0;padding:22px;font-family:var(--f-mono);font-style:normal;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-hi);background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.015) 10px 20px);border:1px dashed var(--sinew)}
.prose p.rd-next em{font-style:normal}
@media (max-width:760px){.prose p{margin-left:-10px;padding-left:8px}}
@media (prefers-reduced-motion:reduce){.rd-eye *{animation:none!important;transition:none!important}}

/* ilustrações das crônicas */
.prose .rd-plate{margin:2.6em 0;position:relative;border:1px solid var(--sinew);background:#0b0c0f;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
.prose .rd-plate canvas{display:block;width:100%;aspect-ratio:16/7;max-width:100%}
.prose .rd-plate figcaption{position:absolute;left:16px;bottom:12px;right:16px;margin:0;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-hi);text-shadow:0 1px 6px #000}
.prose .rd-plate::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.55))}
@media (min-width:1000px){.prose .rd-plate{margin-inline:-6%}}

.prose .rd-plate:not(:has(canvas)){display:none}
/* faixa de fotos no sobre */
.about-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-strip figure{margin:0;position:relative;aspect-ratio:4/5;max-width:100%;overflow:hidden;border:1px solid var(--sinew);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.about-strip img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease,filter .5s}
.about-strip figure:hover img{transform:scale(1.04);filter:brightness(1.1)}
.about-strip figure::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 4px);pointer-events:none}

/* ===== Portfólio: seletor + grade + visor ===== */
.pf-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,40px)}
.pf-filter button{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;background:var(--hull);color:var(--ash);border:1px solid var(--sinew);padding:10px 14px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:.25s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.pf-filter button i{font-style:normal;font-size:.62rem;color:var(--brass);background:var(--void);border:1px solid var(--sinew);padding:1px 6px;min-width:20px;text-align:center}
.pf-filter button:hover{color:var(--bone);border-color:#3a3f48}
.pf-filter button.on{background:linear-gradient(180deg,var(--brass-hi),var(--brass));color:var(--void);border-color:var(--brass)}
.pf-filter button.on i{background:rgba(8,9,11,.85);color:var(--brass-hi);border-color:transparent}
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pf-grid{grid-template-columns:minmax(0,1fr)}}
.pj{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.1,1);min-width:0}
.pj.in{opacity:0;transform:translateY(18px) scale(.97)}
.pj-card{display:grid;text-decoration:none;color:inherit;background:var(--hull);border:1px solid var(--sinew);height:100%;transition:border-color .3s;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.pj-card:hover,.pj-card:focus-visible{border-color:var(--brass)}
.pj-img{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;background:#0c0d10;border-bottom:1px solid var(--sinew)}
.pj-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s cubic-bezier(.2,.8,.1,1),filter .4s;filter:saturate(.85)}
.pj-card:hover .pj-img img{transform:scale(1.05);filter:none}
.pj-n{position:absolute;top:10px;right:10px;font-size:.58rem;letter-spacing:.14em;background:rgba(8,9,11,.85);border:1px solid var(--sinew);padding:3px 7px;color:var(--chrome)}
.pj-open{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;font-size:.66rem;letter-spacing:.16em;color:var(--void);background:linear-gradient(180deg,var(--brass-hi),var(--brass));transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.1,1)}
.pj-card:hover .pj-open,.pj-card:focus-visible .pj-open{transform:none}
.pj-body{padding:16px 18px 20px;display:grid;gap:8px;align-content:start}
.pj-body h3{font-family:var(--f-body);font-weight:500;font-size:1.12rem;letter-spacing:0}
.pj-body p{font-size:.64rem;letter-spacing:.12em;color:var(--ash)}
.pj-tags{display:flex;flex-wrap:wrap;gap:5px}
.pj-tags span,.pj-tags a{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hi);border:1px solid rgba(196,141,76,.4);padding:3px 7px;text-decoration:none}
.pf-empty{color:var(--ash);margin-top:20px}
.pj-modal{border:0;padding:0;background:transparent;color:var(--bone);max-width:min(1200px,calc(100vw - 24px));width:100%;max-height:calc(100vh - 24px);overflow:visible}
.pj-modal::backdrop{background:rgba(5,6,8,.86);backdrop-filter:blur(6px)}
.pj-m-in{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(18px,3vw,36px);background:linear-gradient(145deg,#15181d,#0a0b0e);border:1px solid var(--sinew);padding:clamp(16px,2.6vw,32px);max-height:calc(100vh - 24px);overflow:auto;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));animation:pjIn .45s cubic-bezier(.2,.8,.1,1)}
@keyframes pjIn{from{transform:translateY(20px) scale(.98);opacity:.2}to{transform:none;opacity:1}}
@media (max-width:860px){.pj-m-in{grid-template-columns:minmax(0,1fr)}}
.pj-x{position:absolute;top:10px;right:34px;z-index:3;background:var(--void);color:var(--bone);border:1px solid var(--sinew);padding:7px 10px;font-size:.62rem;letter-spacing:.14em;cursor:pointer}
.pj-x:hover{border-color:var(--brass);color:var(--brass-hi)}
.pj-m-shots{position:relative;aspect-ratio:16/10;max-width:100%;background:#000;overflow:hidden;cursor:pointer}
.pj-m-shots img,.shots-free img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s}
.pj-m-shots img.on{opacity:1}
.pj-m-info{display:grid;gap:14px;align-content:start;padding-top:28px;min-width:0}
.pj-m-info h3{font-size:clamp(1.3rem,2.6vw,1.9rem)}
.pj-m-meta{font-size:.66rem;letter-spacing:.14em;color:var(--ash)}
.pj-m-desc{color:#c9c2b2}
.pj-m-actions{display:flex;flex-wrap:wrap;gap:18px}
.pj-m-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--sinew);padding-top:14px}
.pj-m-nav button{background:none;border:0;color:var(--chrome);font:inherit;font-size:.66rem;letter-spacing:.14em;cursor:pointer;padding:6px 0}
.pj-m-nav button:hover{color:var(--brass-hi)}
.pj-single{margin-bottom:40px}
.pj-single .shots{aspect-ratio:16/9}
.pj-text .specs{margin-bottom:24px}
.pj-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:2em}
.page-hero .pj-tags{margin-top:4px}

@media (max-width:860px){.diag-list .diag-screen{margin:4px 0 10px;scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}.diag-screen{scroll-margin-top:80px}}

/* cards do portfólio na proporção das telas */
.pj-img{aspect-ratio:1088/498}
.pj-img img{object-position:center top}
.pj-m-shots{aspect-ratio:1088/498}

/* botões dentro do texto */
.prose a.btn{color:var(--void);text-decoration:none}
.prose a.btn.ghost{color:var(--bone)}
.prose a.btn.ghost:hover{color:var(--brass-hi)}

/* sobre: uma foto na faixa */
.about-strip{grid-template-columns:minmax(0,1fr);max-width:320px}

/* rodapé: espaço para o botão do WhatsApp */
.site-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media (max-width:620px){.site-foot{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}