/* ════════════════════════════════════════════════════════════════════
   AltivusPress — Home institucional (reusa o design system de lp.css)
   ════════════════════════════════════════════════════════════════════ */

/* ── Hero ──────────────────────────────────────────────────────────── */
.home-hero{
    position:relative; min-height:calc(100vh - 70px);
    display:grid; grid-template-columns:1.05fr .95fr; align-items:center;
    gap:32px; padding:48px clamp(20px,5vw,64px) 70px; max-width:1340px; margin:0 auto;
}
.home-hero__title{
    font-family:var(--font-d); font-weight:700;
    font-size:clamp(32px,4.4vw,52px); line-height:1.05; letter-spacing:-1.2px;
}
.home-hero__title span{ display:block; white-space:nowrap; }
@media (max-width:560px){ .home-hero__title span{ white-space:normal; } }
.home-hero__accent{
    background:linear-gradient(100deg, var(--teal) 20%, #7df0dd 50%, var(--teal) 80%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    background-size:200% auto; animation:shine 5s linear infinite;
}
.home-hero__lead{ max-width:540px; color:var(--muted); font-size:18px; margin:24px 0 32px; }
.home-hero__lead strong{ color:var(--text); }
.home-hero__chips{ display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }

.home-hero__visual{ position:relative; display:flex; justify-content:center; }
.home-hero__visual img{
    width:100%; max-width:560px; height:auto; border-radius:20px;
    border:1px solid var(--line-2); box-shadow:var(--shadow);
}
.home-hero__halo{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:120%; height:120%; border-radius:50%;
    background:radial-gradient(circle, rgba(63,224,197,.16), transparent 62%);
    filter:blur(8px); z-index:-1;
}

/* ── Produtos ──────────────────────────────────────────────────────── */
.home-prod{ padding:90px clamp(20px,5vw,64px); }
.home-prod__grid{
    max-width:1180px; margin:46px auto 0;
    display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
.prod-card{
    display:flex; flex-direction:column; border-radius:var(--radius);
    border:1px solid var(--line); overflow:hidden;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012));
    transition:border-color .3s, transform .3s;
}
.prod-card:hover{ border-color:var(--line-2); transform:translateY(-5px); }
.prod-card.is-live{ border-color:var(--line-2); }
.prod-card__media{
    position:relative; height:230px; display:flex; align-items:center; justify-content:center;
    background:radial-gradient(120% 100% at 50% 0%, rgba(63,224,197,.08), transparent 60%);
    border-bottom:1px solid var(--line);
}
.prod-card__media img{ height:200px; width:auto; filter:drop-shadow(0 18px 34px rgba(0,0,0,.5)); }
.prod-card__media--soon{ overflow:hidden; }
.prod-soon{
    position:absolute; top:14px; right:14px; z-index:2;
    font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:700;
    color:var(--teal); background:rgba(63,224,197,.1); border:1px solid var(--line-2);
    padding:5px 11px; border-radius:99px;
}
/* Silhuetas simples para os produtos ainda sem foto */
.prod-silhueta{ width:70px; height:170px; opacity:.5; }
.prod-silhueta--sonda{
    background:linear-gradient(180deg,#39434f,#9fb0c1 40%,#6b7c8e 60%,#2e3742);
    border-radius:40px 40px 8px 8px; width:54px; position:relative;
}
.prod-silhueta--sonda::after{
    content:""; position:absolute; top:-26px; left:50%; transform:translateX(-50%);
    width:8px; height:30px; background:#10151c; border-radius:4px;
}
.prod-silhueta--manometro{
    background:linear-gradient(180deg,#9fb0c1,#6b7c8e); width:120px; height:120px;
    border-radius:50%; border:6px solid #2e3742; position:relative;
}
.prod-silhueta--manometro::after{
    content:""; position:absolute; inset:18px; border-radius:50%;
    background:#0e1620; box-shadow:inset 0 0 0 2px rgba(63,224,197,.4);
}
.prod-card__body{ padding:24px 22px 26px; display:flex; flex-direction:column; flex:1; }
.prod-card__body .kicker{
    font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--teal); margin-bottom:8px;
}
.prod-card__body h3{ font-family:var(--font-d); font-size:20px; margin-bottom:8px; letter-spacing:-.3px; }
.prod-card__body p{ color:var(--muted); font-size:14.5px; flex:1; margin-bottom:18px; }
.prod-card__body .btn{ align-self:flex-start; }

/* ── Processo ──────────────────────────────────────────────────────── */
.home-proc{ padding:80px clamp(20px,5vw,64px); }
.home-proc__list{
    list-style:none; max-width:1100px; margin:46px auto 0;
    display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
.home-proc__list li{
    position:relative; padding:26px 22px; border-radius:var(--radius);
    border:1px solid var(--line); background:rgba(255,255,255,.025);
}
.home-proc__list b{ font-family:var(--font-d); font-size:16px; color:var(--teal); display:block; margin-bottom:8px; }
.home-proc__list p{ color:var(--muted); font-size:14px; }

/* ── Sobre ─────────────────────────────────────────────────────────── */
.home-sobre{ padding:40px clamp(20px,5vw,64px) 90px; }
.home-sobre__box{
    max-width:1120px; margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr; gap:40px;
    border-radius:24px; padding:clamp(28px,4vw,56px); align-items:center;
    border:1px solid var(--line-2); box-shadow:var(--shadow);
    background:radial-gradient(80% 120% at 0% 0%, rgba(63,224,197,.08), transparent 55%), var(--panel);
}
.home-sobre h2{ font-family:var(--font-d); font-size:clamp(26px,3.4vw,40px); letter-spacing:-1px; line-height:1.1; }
.home-sobre h2 span{ color:var(--teal); }
.home-sobre p{ color:var(--muted); margin:16px 0 24px; }
.home-sobre__nums{ display:flex; gap:28px; flex-wrap:wrap; }
.home-sobre__nums b{ display:block; font-family:var(--font-d); font-size:30px; color:var(--teal); letter-spacing:-1px; }
.home-sobre__nums span{ font-size:13px; color:var(--muted); }
.home-sobre__visual img{ width:100%; height:auto; border-radius:16px; border:1px solid var(--line-2); }

/* ── CTA ───────────────────────────────────────────────────────────── */
.home-cta{ padding:20px clamp(20px,5vw,64px) 100px; }
.home-cta__box{
    max-width:880px; margin:0 auto; text-align:center;
    border-radius:28px; padding:clamp(44px,6vw,76px) 30px;
    border:1px solid var(--line-2); box-shadow:var(--shadow);
    background:radial-gradient(60% 130% at 50% 0%, rgba(63,224,197,.14), transparent 60%), var(--panel);
}
.home-cta h2{ font-family:var(--font-d); font-size:clamp(28px,4.4vw,50px); letter-spacing:-1.4px; line-height:1.07; }
.home-cta h2 span{ color:var(--teal); }
.home-cta p{ color:var(--muted); margin:18px 0 30px; }
.home-cta__actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ── Responsivo ────────────────────────────────────────────────────── */
@media (max-width:980px){
    .home-prod__grid{ grid-template-columns:1fr; max-width:440px; }
    .home-proc__list{ grid-template-columns:repeat(2,1fr); }
    .home-sobre__box{ grid-template-columns:1fr; }
}
@media (max-width:880px){
    .home-hero{ grid-template-columns:1fr; min-height:0; }
    .home-hero__visual{ order:2; }
    .nav__links{ display:none; }
}
@media (max-width:560px){
    .home-proc__list{ grid-template-columns:1fr; }
    .home-hero__chips{ display:none; }
}

/* ── Hero: trio de produtos (cutouts reais, 1 de cada) ─────────────── */
.home-hero__trio{
    position:relative; z-index:2;
    display:flex; align-items:flex-end; justify-content:center; width:100%;
}
.home-hero__visual .home-hero__trio .trio__item{
    width:auto; max-width:none; border:0; border-radius:0; box-shadow:none;
    filter:drop-shadow(0 26px 50px rgba(0,0,0,.55)) drop-shadow(0 0 34px rgba(63,224,197,.12));
    animation:floatY 7s ease-in-out infinite;
}
.home-hero__trio .trio__sonda{ height:min(380px,52vh); margin-right:-4%; z-index:2; animation-delay:-1.6s; }
.home-hero__trio .trio__tx{    height:min(340px,46vh); z-index:3; }
.home-hero__trio .trio__mano{  height:min(220px,32vh); margin-left:-5%; z-index:4; animation-delay:-3.4s; }
@media (max-width:880px){
    .home-hero__trio .trio__sonda{ height:290px; } .home-hero__trio .trio__tx{ height:260px; } .home-hero__trio .trio__mano{ height:168px; }
}
@media (max-width:560px){
    .home-hero__trio .trio__sonda{ height:210px; } .home-hero__trio .trio__tx{ height:188px; } .home-hero__trio .trio__mano{ height:128px; }
}