/* Estilos exclusivos da Home. */
.home-premium main{background:#0d0d0d;color:#f7f3ea}
.home-premium main .container{width:min(1240px,calc(100% - 96px));max-width:1240px;margin-inline:auto}
.home-premium main h1,.home-premium main h2{font-family:inherit;font-weight:600;letter-spacing:-.045em;line-height:1.12}
.home-premium main h2{font-size:clamp(29px,2.7vw,36px);margin:12px 0 18px;max-width:690px}
.home-premium main p{margin:0}
.home-premium main .hp-eyebrow,.home-premium main .hero-kicker{font-size:10px;font-weight:600;line-height:1.8;letter-spacing:.17em;text-transform:uppercase;color:#d4af7c}
.home-premium main .btn{min-height:48px;font-size:13px;box-shadow:none;transition:transform .2s ease,border-color .2s ease}
.home-premium main .btn:hover{transform:translateY(-2px);box-shadow:none}
.home-premium main a:focus-visible,.home-premium main button:focus-visible{outline:2px solid #a38353;outline-offset:5px}
.home-premium main section[id]{scroll-margin-top:90px}
.home-premium .hp-section{padding:72px 0}
.home-premium .hp-dark{background:#0d0d0d;color:#f7f3ea}
.home-premium .hp-light{background:#f7f3ea;color:#171916}
.home-premium .hp-light .hp-eyebrow{color:#947345}
.home-premium .hp-intro{font-size:14.5px;line-height:1.8;color:#c6c3b9;max-width:610px}
.home-premium .hp-light .hp-intro{color:#55594f}
.home-premium .hp-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.home-premium .hp-section-head{margin-bottom:32px}
.home-premium .hero{min-height:0;display:block;background:#0d0d0d;overflow:hidden}
.home-premium .hero .hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:40px;padding:132px 0 64px;align-items:center}
.home-premium .hero-content{padding:0;max-width:none}
.home-premium .hero .hero-kicker{display:block;margin:0 0 20px;max-width:440px}
.home-premium .hero-kicker::before{display:none}
.home-premium .hero h1{font-size:clamp(36px,3.5vw,50px);max-width:530px;margin:0 0 22px;line-height:1.13;text-wrap:balance}
.home-premium .hero h1 em{color:#d4af7c;text-shadow:none}
.home-premium .hero .lead{font-size:15px;line-height:1.8;max-width:540px;color:#ded9d0}
.home-premium .hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.home-premium .hero .hero-actions .btn{width:auto;min-height:48px;padding:14px 20px}
.home-premium .hero-art{height:auto;min-height:0;aspect-ratio:1.4;width:100%;max-width:610px;margin:0;align-self:center;overflow:visible}
.home-premium .hero-stage{position:relative;width:100%;height:100%;transform:none}
.home-premium .hero-art .laptop{width:92%;left:0;right:auto;top:6%;bottom:auto;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);filter:drop-shadow(0 18px 24px #0006)}
.home-premium .hero-art .phone{width:25%;min-width:0;max-width:none;right:0;left:auto;top:auto;bottom:0;transform:perspective(900px) rotateY(-4deg);filter:drop-shadow(0 16px 24px #0006)}
.home-premium .hero-art .device-img{filter:none}
.home-premium .hero-glow{opacity:.35}
.home-premium .hero-arc,.home-premium .hero-platform{display:none}
.home-premium .hero-art .device{touch-action:pan-y}
.home-premium .hp-perception{padding-top:48px;border-top:1px solid #ffffff14}
.home-premium .hp-situations{list-style:none;margin:32px 0 24px;padding:0;border-top:1px solid #ffffff24}
.home-premium .hp-situations li{display:grid;grid-template-columns:40px minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid #ffffff24}
.home-premium .hp-number{font-size:11px;line-height:1.8;font-weight:500;letter-spacing:.08em;color:#d4af7c}
.home-premium .hp-situations h3{margin:0;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.025em}
.home-premium .hp-situations p{font-size:14px;line-height:1.8;color:#d0ccc2;max-width:600px}
.home-premium .hp-bridge{font-size:13px;line-height:1.8;color:#d4af7c;max-width:770px}
.home-premium .hp-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.home-premium .hp-service{display:flex;flex-direction:column;min-width:0;border:1px solid #e4ded2;border-radius:18px;overflow:hidden;background:#fffdf9;transition:transform .2s ease,border-color .2s ease}
.home-premium .hp-service:hover{transform:translateY(-3px);border-color:#a38353}
.home-premium .hp-service-media{aspect-ratio:16/10;overflow:hidden;background:#171916}
.home-premium .hp-service-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.home-premium .hp-service:hover img{transform:scale(1.015)}
.home-premium .hp-service-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px}
.home-premium .hp-service h3{margin:0;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.home-premium .hp-service p{font-size:14px;line-height:1.8;color:#45493f;margin:0 0 8px}
.home-premium .hp-service-link{margin-top:auto;padding-top:16px;border-top:1px solid #e4ded2;font-size:14px;font-weight:600;color:#7a5c38;line-height:1.8;display:flex;justify-content:space-between;gap:12px}
.home-premium .hp-service-link>span{color:inherit}
.home-premium .hp-text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;line-height:1.8;min-height:44px;color:#6e5736}
.home-premium .hp-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.home-premium .hp-all-services{margin-top:24px}
.home-premium .hp-method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:36px 0 0;gap:28px}
.home-premium .hp-method-steps li{border-top:1px solid #d4af7c55;padding-top:20px}
.home-premium .hp-method-steps h3{font-size:17px;font-weight:600;line-height:1.5;margin:14px 0 8px;letter-spacing:-.025em}
.home-premium .hp-method-steps p{font-size:13px;line-height:1.8;color:#c6c3b9}
.home-premium #cases{background:#f7f3ea;padding:72px 0;overflow:hidden}
.home-premium #cases .hp-portfolio-heading{margin-bottom:32px}
.home-premium #cases .cases-featured{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:36px;align-items:start;max-height:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
.home-premium #cases .cases-browser{border-radius:16px;border:1px solid #ded6c6;background:#ebe5d8;overflow:hidden;min-width:0}
.home-premium #cases .cases-browser-bar{display:flex;height:28px;padding:0 14px;gap:5px;align-items:center;background:#ebe5d8;border:0}
.home-premium #cases .cases-browser-bar span{width:5px;height:5px;border-radius:50%;background:#ada394}
.home-premium #cases .cases-media{position:relative;aspect-ratio:16/10;width:100%;height:auto;min-height:0;max-height:none;margin:0;overflow:hidden;border:0;border-radius:0;background:#f3eee4}
.home-premium #cases .cases-media img{display:block;width:100%;height:100%;min-height:0;max-height:none;max-width:none;object-fit:cover;object-position:top center}
.home-premium #cases .cases-media.is-page .pf-page-track img{height:auto}
.home-premium #cases .cases-panel{height:auto;min-height:0;max-height:none;overflow:visible;padding:12px 0 0;gap:24px}
.home-premium #cases .cases-project{padding:0;background:transparent;border:0}
.home-premium #cases .cases-meta{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.8;color:#6e5736}
.home-premium #cases .cases-project h3{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:14px 0}
.home-premium #cases [data-case-desc]{font-size:14px;line-height:1.8;color:#55594f;margin:0 0 16px}
.home-premium #cases .case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.home-premium #cases .case-tags[hidden]{display:none}
.home-premium #cases .tag{font-size:10px;color:#6e5736;border:1px solid #ded6c6;background:transparent;padding:5px 9px;border-radius:999px}
.home-premium #cases .cases-cta{margin:0;min-height:44px;background:#171916;color:#f7f3ea;border:0}
.home-premium #cases .cases-list{padding:0;margin:0;border:0;background:transparent}
.home-premium #cases .cases-list ol{list-style:none;padding:0;margin:0}
.home-premium #cases .cases-list-item{display:grid;grid-template-columns:24px 1fr;gap:5px 12px;align-items:center;width:100%;padding:12px 0;border:0;border-top:1px solid #ded6c6;background:transparent;color:#55594f;text-align:left;cursor:pointer;font-family:inherit}
.home-premium #cases .cases-list-item strong{font-size:12px;font-weight:500}
.home-premium #cases .cases-list-cat{display:none}
.home-premium #cases .cases-list-index{font-size:10px;color:#947345}
.home-premium #cases .cases-list-item.is-active{color:#171916}
.home-premium #cases .cases-list-item.is-active strong{font-weight:700}
.home-premium #cases .hp-portfolio-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}
.home-premium #cases .hp-case-controls{display:flex;align-items:center;gap:16px}
.home-premium #cases .cases-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid #b5aa95;background:transparent;color:#171916;cursor:pointer;font-family:inherit;font-size:17px}
.home-premium #cases .cases-nav-btn:disabled{opacity:.4;cursor:default}
.home-premium #cases [data-case-counter]{font-size:11px;letter-spacing:.08em;color:#6e5736;min-width:52px;text-align:center}
.home-premium .hp-final-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:64px}
.home-premium .hp-final h2{max-width:700px}
.home-premium .hp-final .hp-intro{max-width:650px}
.home-premium .hp-final .btn{white-space:nowrap}
@media(max-width:1000px){.home-premium main .container{width:calc(100% - 64px)}.home-premium .hero .hero-grid{gap:28px;padding-top:120px}.home-premium .hero h1{font-size:40px}.home-premium .hp-services{grid-template-columns:repeat(2,minmax(0,1fr))}.home-premium .hp-method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-premium .hp-editorial{gap:36px}.home-premium #cases .cases-featured{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:28px}}
@media(max-width:800px){.home-premium .hero .hero-grid{grid-template-columns:1fr;gap:32px;padding-top:116px;padding-bottom:44px}.home-premium .hero-content{max-width:620px}.home-premium .hero h1{font-size:40px;max-width:600px}.home-premium .hero-art{max-width:520px;justify-self:center;aspect-ratio:1.5}.home-premium .hp-editorial{grid-template-columns:1fr;gap:16px}.home-premium .hp-section,.home-premium #cases{padding:56px 0}.home-premium .hp-situations li{grid-template-columns:28px minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.home-premium #cases .cases-featured{grid-template-columns:1fr;gap:24px}.home-premium #cases .cases-panel{padding:0}.home-premium #cases .cases-list{display:none}.home-premium .hp-final-grid{grid-template-columns:1fr;gap:26px}.home-premium .hp-final .btn{justify-self:start}}
@media(max-width:600px){.home-premium main .container{width:calc(100% - 40px)}.home-premium .hero .hero-grid{padding-top:112px;gap:30px;padding-bottom:40px}.home-premium .hero .hero-kicker{font-size:9px;max-width:290px}.home-premium .hero h1{font-size:36px;line-height:1.12;max-width:none}.home-premium .hero .lead{display:block;font-size:14px;line-height:1.8}.home-premium .hero .hero-actions{margin-top:24px;gap:12px}.home-premium .hero .hero-actions .btn{width:100%}.home-premium .hero-art{width:100%;max-width:410px;aspect-ratio:1.45;transform:none}.home-premium .hero-art .laptop{width:94%;top:3%}.home-premium .hero-art .phone{width:26%;bottom:0;right:0}.home-premium .hp-section,.home-premium #cases{padding:44px 0}.home-premium .hp-situations{margin-top:24px}.home-premium .hp-situations li{grid-template-columns:24px minmax(0,1fr);gap:8px 12px;padding:22px 0}.home-premium .hp-situations h3{font-size:17px}.home-premium .hp-situations p{grid-column:2;font-size:14px}.home-premium .hp-bridge{font-size:13px}.home-premium .hp-services{grid-template-columns:1fr;gap:22px}.home-premium .hp-service-body{padding:22px}.home-premium .hp-method-steps{grid-template-columns:1fr;gap:24px;margin-top:28px}.home-premium .hp-method-steps h3{margin-top:10px}.home-premium #cases .hp-portfolio-footer{align-items:flex-start;flex-direction:column;gap:16px;margin-top:24px}.home-premium #cases .cases-project h3{font-size:25px}.home-premium .hp-final-grid{gap:24px}.home-premium .hp-final .btn{width:100%;justify-self:stretch}}
@media(prefers-reduced-motion:reduce){.home-premium main *{animation:none!important;transition:none!important;scroll-behavior:auto}}
/* Remove apenas superfícies herdadas do antigo destaque da Home. */
.home-premium #cases .cases-project,.home-premium #cases .cases-list,.home-premium #cases .cases-list-item{box-shadow:none;border-radius:0}
.home-premium #cases .cases-list{background:transparent}
.home-premium #cases .cases-featured[hidden]{display:none}
/* As duas ações do hero permanecem disponíveis também no celular. */
.home-premium .hero .hero-actions .btn{display:inline-flex}

/* Acabamento final: seleção clara e navegação compacta, com os mesmos dados. */
.home-premium #cases .cases-list-item{min-height:48px;padding:12px 12px;border-left:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.home-premium #cases .cases-list-item strong{font-size:13px}
.home-premium #cases .cases-list-item.is-active{border-left-color:#a38353;color:#171916}
.home-premium #cases .cases-list-item.is-active .cases-list-index{color:#7a5c38;font-weight:700}
.home-premium #cases .cases-list-item:hover{color:#7a5c38}
.home-premium #cases .cases-list-item:focus-visible{outline:2px solid #8b6f47;outline-offset:-3px}
.home-premium #cases .cases-nav-btn:hover:not(:disabled){border-color:#8b6f47;background:#ece4d6}
.home-premium #cases .cases-nav-btn:focus-visible{outline:2px solid #8b6f47;outline-offset:4px}
@media(max-width:800px){
 .home-premium #cases .cases-list{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b6a07e transparent}
 .home-premium #cases .cases-list ol{display:flex;flex-direction:row;gap:20px}
 .home-premium #cases .cases-list li{flex:0 0 auto}
 .home-premium #cases .cases-list-item{grid-template-columns:18px auto;gap:8px;white-space:nowrap;min-height:48px;padding:10px 2px;border:0;border-bottom:2px solid transparent}
 .home-premium #cases .cases-list-item.is-active{border-bottom-color:#a38353}
}

