/* PKJ Street — detalhes manuscritos sobre a estrutura industrial existente */
.theme-street{--font-marker:'Caveat Brush','Segoe Print',cursive;--street-gold:#e6b957}

/* A assinatura aparece apenas nas frases de impacto */
.theme-street h1 em,.theme-street .section-heading h2 em,.theme-street .field-work-heading h2 em,.theme-street .manifesto h2 em,.theme-street .about-copy h2 em,.theme-street .coverage-copy h2 em,.theme-street .contact h2 em{position:relative;width:max-content;max-width:100%;font-family:var(--font-marker);font-weight:400;line-height:.82;letter-spacing:-.015em;text-transform:none;transform:rotate(-1.2deg);transform-origin:left center}
.theme-street h1 em:after,.theme-street .section-heading h2 em:after,.theme-street .field-work-heading h2 em:after,.theme-street .coverage-copy h2 em:after,.theme-street .contact h2 em:after{content:"";position:absolute;left:1%;right:-2%;bottom:-7px;height:9px;border-top:3px solid currentColor;border-radius:50%;opacity:.8;transform:rotate(-1deg) skewX(-18deg);pointer-events:none}
.theme-street .manifesto h2 em:after,.theme-street .about-copy h2 em:after{content:"";position:absolute;left:0;right:-3%;bottom:-8px;height:8px;background:linear-gradient(177deg,transparent 35%,currentColor 37% 51%,transparent 54%);opacity:.65;transform:rotate(-1deg)}

/* Pequenos gestos gráficos, sem textura cobrindo a página */
.theme-street .eyebrow>span{position:relative;height:2px;transform:rotate(-2deg)}
.theme-street .eyebrow>span:before{content:"";position:absolute;right:-7px;top:-2px;width:4px;height:4px;border-radius:50%;background:currentColor}
.theme-street .eyebrow>span:after{content:none}
.theme-street .card-number{font-family:var(--font-marker);font-size:18px;transform:rotate(-5deg)}
.theme-street .card-number:before{content:"";position:absolute;width:35px;height:27px;margin:-5px 0 0 -8px;border:1.5px solid currentColor;border-radius:48% 52% 46% 54%;opacity:.45;transform:rotate(-9deg)}
.theme-street .process-track article>span{position:relative;display:grid;place-items:center;width:38px;height:34px;color:#171918;font:400 23px var(--font-marker);transform:rotate(-4deg)}
.theme-street .process-track article>span:before,.theme-street .process-track article>span:after{content:"";position:absolute;inset:0;border:2px solid #b98532;border-radius:48% 52% 45% 55%;transform:rotate(-7deg)}
.theme-street .process-track article>span:after{inset:2px -2px -1px 1px;border-width:1px;opacity:.45;transform:rotate(8deg)}

/* Fotos continuam profissionais, só recebem uma marca de campo */
.theme-street .field-card figcaption small:before{content:"// ";color:#f0cf7b;font:400 12px var(--font-marker);letter-spacing:0}
.theme-street .field-work-footer>span:before{content:"✓ ";color:#dcb45e;font:400 16px var(--font-marker)}
.theme-street .coverage-location:before{content:"";position:absolute;right:15px;top:11px;width:34px;height:16px;border-top:2px solid rgba(225,181,87,.2);border-radius:50%;transform:rotate(-12deg);pointer-events:none}

/* CTAs ganham seta desenhada, mantendo toda a usabilidade */
.theme-street .button span,.theme-street .service-card a span,.theme-street .field-work-footer b,.theme-street .footer-contact>a b{font-family:var(--font-marker);font-size:19px;transform:rotate(-8deg)}
.theme-street .text-link{position:relative;border-bottom:0}.theme-street .text-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-top:1.5px solid currentColor;border-radius:50%;transform:rotate(-1deg)}

@media(max-width:760px){
  .theme-street h1 em,.theme-street .section-heading h2 em,.theme-street .field-work-heading h2 em,.theme-street .manifesto h2 em,.theme-street .about-copy h2 em,.theme-street .coverage-copy h2 em,.theme-street .contact h2 em{line-height:.9;transform:rotate(-.7deg)}
  .theme-street h1 em:after,.theme-street .section-heading h2 em:after,.theme-street .field-work-heading h2 em:after,.theme-street .coverage-copy h2 em:after,.theme-street .contact h2 em:after{bottom:-4px;height:6px;border-top-width:2px}
  .theme-street .card-number{font-size:17px}
  .theme-street h1 em,.theme-street .section-heading h2 em,.theme-street .field-work-heading h2 em,.theme-street .manifesto h2 em,.theme-street .about-copy h2 em,.theme-street .coverage-copy h2 em,.theme-street .contact h2 em{width:auto;max-width:100%;overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){.theme-street h1 em,.theme-street h2 em{transform:none}}

/* Launcher flutuante do assistente temporariamente oculto. */
.theme-street .assistant-launcher{display:none!important}

/* Reequilibra o espaço entre a topbar e a abertura no desktop */
@media(min-width:761px){.theme-street .hero-copy{position:relative;top:-34px}}

/* Ordem dos contatos: WhatsApp acima, assistente abaixo */
@media(min-width:761px){.theme-street .whatsapp-float{bottom:24px!important}.theme-street .assistant-launcher{bottom:24px!important}.theme-street .assistant-panel{bottom:100px!important}}
@media(max-width:760px){.theme-street .whatsapp-float{bottom:14px!important}.theme-street .assistant-launcher{bottom:14px!important}}

/* Sistema de ícones PKJ: um único traço em todas as ações. */
.pkj-icon{display:block;width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:transform .22s ease}
.theme-street .button span,.theme-street .service-card a span,.theme-street .field-work-footer b,.theme-street .footer-contact>a b{font-family:inherit;font-size:inherit;transform:none}
.theme-street a:hover .pkj-icon-launch,.theme-street button:hover .pkj-icon-launch{transform:translate(2px,-2px)}
.theme-street a:hover .pkj-icon-forward,.theme-street button:hover .pkj-icon-forward{transform:translateX(3px)}
.theme-street a:hover .pkj-icon-down{transform:translateY(3px)}
.theme-street a:hover .pkj-icon-up{transform:translateY(-3px)}
.nav-cta .pkj-icon,.button .pkj-icon{width:16px;height:16px}
.character-hint .pkj-icon{width:17px;height:17px;margin:auto}
.service-card a .pkj-icon,.coverage-copy a .pkj-icon,.site-footer .pkj-icon{width:14px;height:14px}
.mobile-contact-bar .pkj-icon{display:inline-block;width:13px;height:13px;margin-left:4px;vertical-align:-2px}
.theme-street .nav-cta,.theme-street .button,.theme-street .text-link{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.theme-street .nav-cta span,.theme-street .button span,.theme-street .text-link span{display:inline-grid;place-items:center;flex:0 0 auto;margin-left:0}
.theme-street .service-card a{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}
.theme-street .service-card a span{display:grid;place-items:center;flex:0 0 18px;margin-left:0}
.theme-street .coverage-copy>a{display:inline-flex;align-items:center;gap:14px}
.theme-street .coverage-copy>a span{display:inline-grid;place-items:center;flex:0 0 auto;margin-left:0}
.theme-street .footer-links a{display:flex;align-items:center;justify-content:space-between;gap:12px}
.theme-street .footer-links a span{display:grid;place-items:center;flex:0 0 auto}
.theme-street .footer-bottom>a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.theme-street .footer-bottom>a b{display:inline-grid;place-items:center;margin-left:0}
.theme-street .footer-contact>a b,.theme-street .contact-actions b,.theme-street .assistant-whatsapp b{display:grid;place-items:center;flex:0 0 auto}
@media(prefers-reduced-motion:reduce){.pkj-icon{transition:none!important;transform:none!important}}

/* Assistente desktop: respeita o recuo dos botões e cresce com a conversa. */
@media(min-width:761px){
  .theme-street .assistant-panel{height:auto;min-height:0;max-height:min(640px,calc(100dvh - 124px))}
  .theme-street .assistant-messages{flex:0 1 auto;min-height:112px;max-height:410px}
  .theme-street .assistant-panel.complete .assistant-messages{min-height:0}
}

/* CTA principal do assistente. */
.theme-street .assistant-whatsapp{align-items:center;gap:12px;min-height:64px;padding:10px 11px 10px 13px;border:1px solid rgba(102,218,121,.3);border-radius:12px;background:linear-gradient(110deg,#14562b,#103c22);color:#fff;box-shadow:0 10px 25px rgba(4,30,13,.2);transition:border-color .2s,background .2s,transform .2s}
.theme-street .assistant-whatsapp:before{display:none}
.theme-street .assistant-whatsapp img{display:block;width:36px;height:36px;flex:0 0 36px;padding:8px;border-radius:50%;background:#6cdb7e;filter:none}
.theme-street .assistant-whatsapp>span{display:flex;min-width:0;margin:0;flex-direction:column;gap:3px;color:#f2fff4;font:800 11px/1.15 var(--font-body);letter-spacing:.045em;text-transform:uppercase}
.theme-street .assistant-whatsapp>span small{display:block;margin:0;color:#8ee69d;font:700 7px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}
.theme-street .assistant-whatsapp>b{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;margin-left:auto;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.08);color:#c7f7cf}
.theme-street .assistant-whatsapp>b .pkj-icon{width:16px;height:16px}
.theme-street .assistant-whatsapp:hover{border-color:rgba(113,235,133,.62);background:linear-gradient(110deg,#176432,#124828);transform:translateY(-1px)}
@media(max-width:520px){.theme-street .assistant-whatsapp{min-height:60px;padding:9px 10px}.theme-street .assistant-whatsapp img{width:34px;height:34px;flex-basis:34px}.theme-street .assistant-whatsapp>span{font-size:10px}.theme-street .assistant-whatsapp>b{width:35px;height:35px;flex-basis:35px}}

/* Indicadores operacionais — seção sobre */
.about-data{
    border-top:1px solid rgba(17,19,19,.2);
    padding-top:18px;
    gap:12px;
}
.about-data>article{
    position:relative;
    min-height:118px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:15px;
    padding:19px 18px;
    overflow:hidden;
    border:1px solid rgba(55,52,43,.12);
    border-radius:10px 10px 10px 2px;
    background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(209,163,77,.09));
    outline:none;
    cursor:default;
    transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
.about-data>article:after{
    content:"";
    position:absolute;
    right:-28px;
    top:-37px;
    width:82px;
    height:82px;
    border:1px solid rgba(177,125,46,.13);
    transform:rotate(18deg);
}
.about-data .about-data-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border:1px solid rgba(177,125,46,.4);
    background:#161817;
    color:#7b7d79;
    clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);
    transition:color .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.about-data-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.about-data .about-data-copy{min-width:0;display:flex;flex-direction:column;color:inherit}
.about-data-copy small{
    margin-bottom:7px;
    color:#9a712f;
    font-size:8px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.about-data .about-data-copy strong{
    font:800 clamp(22px,2vw,28px)/.95 var(--font-display);
    letter-spacing:.01em;
    text-transform:uppercase;
    color:#777974;
    transition:color .28s ease,text-shadow .28s ease;
}
.about-data-copy em{
    margin-top:7px;
    color:#6d6e69;
    font-size:10px;
    font-style:normal;
    line-height:1.45;
    transition:color .28s ease;
}
.about-data>article:hover,
.about-data>article:active{
    border-color:rgba(55,52,43,.12);
    background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(209,163,77,.09));
    box-shadow:none;
    transform:none;
}
.about-data>article:hover .about-data-icon,
.about-data>article:active .about-data-icon{
    color:#f0bd50;
    border-color:#d99f36;
    background:#1a1813;
    box-shadow:0 0 0 4px rgba(209,163,77,.09),0 0 22px rgba(209,163,77,.25);
}
.about-data>article:hover .about-data-copy strong,
.about-data>article:active .about-data-copy strong{
    color:#bd7d1c;
    text-shadow:0 0 18px rgba(209,163,77,.16);
}
.about-data>article:hover .about-data-copy em,
.about-data>article:active .about-data-copy em{color:#4f504c}

/* Manifesto operacional */
.theme-street .manifesto{
    --manifesto-fade-start:132px;
    --manifesto-fade-1:116px;
    --manifesto-fade-2:100px;
    --manifesto-fade-3:84px;
    --manifesto-fade-4:68px;
    --manifesto-fade-5:54px;
    --manifesto-fade-6:37px;
    --manifesto-fade-7:15px;
    min-height:auto;
    padding:112px clamp(24px,7vw,120px) 138px;
    color:#f4f2eb;
    background:
        linear-gradient(to bottom,transparent 0,transparent calc(100% - var(--manifesto-fade-start)),rgba(209,163,77,.018) calc(100% - var(--manifesto-fade-1)),rgba(251,251,250,.06) calc(100% - var(--manifesto-fade-2)),rgba(251,251,250,.15) calc(100% - var(--manifesto-fade-3)),rgba(251,251,250,.29) calc(100% - var(--manifesto-fade-4)),rgba(251,251,250,.45) calc(100% - var(--manifesto-fade-5)),rgba(251,251,250,.62) calc(100% - var(--manifesto-fade-6)),rgba(251,251,250,.82) calc(100% - var(--manifesto-fade-7)),#fbfbfa 100%),
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
        radial-gradient(circle at 82% 18%,rgba(209,163,77,.14),transparent 31%),
        #0b0d0c;
    background-size:auto,72px 72px,72px 72px,auto,auto;
    border-top:0;
    border-bottom:0;
}
.theme-street .manifesto:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:7px;
    height:42%;
    background:linear-gradient(#e8bd61,#9c681d);
}
.theme-street .manifesto:after{inset:18px;border-color:rgba(225,181,87,.1);border-bottom:0}
.theme-street .manifesto+.partners{z-index:3;margin-top:-1px;padding-top:71px;padding-bottom:71px;border-top:0}
.theme-street .manifesto+.partners:before{display:none}
.theme-street .manifesto-code{
    right:3vw;
    top:-70px;
    color:transparent;
    -webkit-text-stroke:1px rgba(225,181,87,.09);
    font-size:390px;
}
.theme-street .manifesto-copy{z-index:2;max-width:930px}
.theme-street .manifesto .eyebrow{color:#d7aa50}
.theme-street .manifesto h2{max-width:900px;color:#f5f3ec;font-size:clamp(52px,5.4vw,83px)}
.theme-street .manifesto h2 em{color:#e5b650}
.manifesto-lead{
    max-width:620px;
    margin:30px 0 0;
    padding-left:18px;
    border-left:1px solid rgba(225,181,87,.5);
    color:#969a96;
    font-size:13px;
    line-height:1.75;
}
.theme-street .pillars{
    z-index:2;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    max-width:1180px;
    margin-top:60px;
    border:0;
}
.theme-street .pillars article,
.theme-street .pillars article:not(:first-child){
    position:relative;
    min-height:278px;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    gap:0;
    padding:31px 27px 28px!important;
    overflow:hidden;
    border:1px solid rgba(225,181,87,.18)!important;
    background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);
    transition:border-color .25s ease,background .25s ease;
}
.theme-street .pillars article:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:100%;
    background:#d7a846;
    transform:scaleY(.22);
    transition:transform .25s ease;
}
.theme-street .pillars article:hover{transform:none;background:rgba(209,163,77,.075);border-color:rgba(225,181,87,.4)!important}
.theme-street .pillars article:hover:before{transform:scaleY(1)}
.pillar-number{position:absolute;right:20px;top:18px;color:rgba(225,181,87,.38)!important;font:800 11px var(--font-display);letter-spacing:.2em}
.pillar-icon{width:58px;height:58px;margin:18px 0 30px;padding:14px;fill:none;stroke:#d8a849;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;border:1px solid rgba(225,181,87,.28);background:#111413;box-shadow:7px 7px 0 rgba(209,163,77,.055);transition:background .25s,color .25s,box-shadow .25s}
.theme-street .pillars article>div{width:100%;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.075)}
.theme-street .pillars h3{margin:0 0 12px;color:#f2efe7;font-size:27px;line-height:.95;letter-spacing:.015em}
.theme-street .pillars p{max-width:255px;margin:0;color:#929792;font-size:11px;line-height:1.72}
.theme-street .pillars article:hover .pillar-icon{background:#d6a747;stroke:#111413;box-shadow:7px 7px 0 rgba(209,163,77,.13)}

/* Linguagem street aplicada apenas aos diferenciais */
.theme-street .pillars article,
.theme-street .pillars article:not(:first-child){
    margin-top:13px;
    overflow:visible;
    clip-path:none;
    background:
        linear-gradient(112deg,rgba(255,255,255,.045),rgba(255,255,255,.008)),
        repeating-linear-gradient(-18deg,transparent 0 15px,rgba(255,255,255,.012) 16px 17px);
}
.theme-street .pillars article:nth-child(odd){transform:rotate(-.18deg)}
.theme-street .pillars article:nth-child(even){transform:rotate(.18deg)}
.theme-street .pillars article:before{
    left:18px;
    top:-3px;
    width:44%;
    height:6px;
    background:#e4b653;
    clip-path:polygon(0 35%,12% 15%,26% 38%,43% 8%,61% 30%,78% 5%,100% 42%,94% 72%,76% 55%,59% 84%,39% 57%,20% 88%,3% 62%);
    transform:none;
    transform-origin:left;
}
.theme-street .pillars article:after{
    content:"";
    position:absolute;
    z-index:0;
    right:13px;
    top:0;
    width:58px;
    height:13px;
    opacity:.38;
    background:repeating-linear-gradient(135deg,#d9a641 0 7px,transparent 7px 13px);
    clip-path:polygon(0 0,100% 0,93% 73%,74% 54%,57% 92%,37% 62%,18% 86%,0 62%);
}
.theme-street .pillars article:hover{transform:translateY(-3px) rotate(0);background:linear-gradient(120deg,rgba(209,163,77,.1),rgba(255,255,255,.018))}
.theme-street .pillars article:hover:before{transform:scaleX(1.35)}
.theme-street .pillar-number{
    z-index:3;
    left:18px;
    right:auto;
    top:-20px;
    width:47px;
    height:47px;
    display:grid;
    place-items:center;
    border:2px solid #e0ad43;
    border-radius:46% 54% 48% 52%;
    background:#0c0f0e;
    color:#efc765!important;
    font:400 22px/1 var(--font-marker);
    letter-spacing:0;
    transform:rotate(-7deg);
    box-shadow:0 0 0 2px rgba(224,173,67,.16);
}
.theme-street .pillars article:nth-child(even) .pillar-number{transform:rotate(6deg)}
.theme-street .pillar-icon{position:relative;z-index:1;margin-top:25px;clip-path:polygon(5% 0,90% 3%,100% 17%,96% 94%,17% 100%,0 85%,2% 13%);transform:rotate(-2deg)}
.theme-street .pillars article:nth-child(even) .pillar-icon{transform:rotate(2deg)}
.theme-street .pillars article>div{position:relative;z-index:1;min-height:136px}
.theme-street .pillars h3{position:relative;width:max-content;max-width:100%;padding-bottom:7px}
.theme-street .pillars h3:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:46%;
    height:4px;
    border-top:2px solid #dbaa46;
    border-radius:50%;
    transform:rotate(-2deg) skewX(-18deg);
    opacity:.75;
}
@media(max-width:1100px) and (min-width:761px){
    .theme-street .pillars{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}
    .theme-street .pillars article,.theme-street .pillars article:not(:first-child){min-height:230px}
    .theme-street .pillars article>div{min-height:112px}
}
@media(max-width:760px){
    .theme-street .manifesto{--manifesto-fade-start:86px;--manifesto-fade-1:75px;--manifesto-fade-2:64px;--manifesto-fade-3:53px;--manifesto-fade-4:43px;--manifesto-fade-5:34px;--manifesto-fade-6:23px;--manifesto-fade-7:9px;padding:74px 18px 92px;background-size:auto,48px 48px,48px 48px,auto,auto}
    .theme-street .manifesto+.partners{padding-top:65px;padding-bottom:51px}
    .theme-street .manifesto:after{inset:8px}
    .theme-street .manifesto-code{right:-35px;top:8px;font-size:150px}
    .theme-street .manifesto h2{font-size:clamp(40px,11.4vw,48px)}
    .manifesto-lead{margin-top:24px;font-size:12px}
    .theme-street .pillars{grid-template-columns:1fr;gap:9px;margin-top:36px}
    .theme-street .pillars article,
    .theme-street .pillars article:not(:first-child){min-height:218px;margin-top:15px;padding:23px 20px!important;border-radius:0!important}
    .theme-street .pillar-number{left:15px;top:-17px;width:42px;height:42px;font-size:19px}
    .theme-street .pillars article>div{min-height:0}
    .pillar-icon{width:50px;height:50px;margin:12px 0 22px;padding:11px}
    .theme-street .pillars article>div{padding-top:17px}
    .theme-street .pillars h3{font-size:23px}
    .theme-street .pillars p{font-size:11px}
}
@media(max-width:760px){
    .about-data{grid-template-columns:1fr;gap:9px;margin-top:28px;padding-top:14px}
    .about-data>article{min-height:104px;grid-template-columns:43px minmax(0,1fr);padding:15px;gap:13px}
    .about-data-icon{width:42px;height:42px}
    .about-data .about-data-copy strong{font-size:22px}
}
