/* ─── PRODUTOS FOLDER & SUB-VIEW ───────── */
.scard-produtos-bar{border-top:5px solid var(--accent);background:linear-gradient(160deg,#c8ddf7 0%,#deeaf9 100%);}
.scard:hover.scard-produtos-bar{border-color:var(--accent);background:linear-gradient(160deg,#aecef5 0%,#c8ddf7 100%);}
.scard:hover.scard-produtos-bar .scard-arr{color:var(--accent);}

#vprodutos{display:none;}
.prod-sub-head{
  background:var(--white);border-bottom:1px solid var(--border);
  padding:18px 16px;display:flex;align-items:center;gap:12px;
}
.prod-sub-head h2{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;color:var(--ink);}
.prod-sub-head p{font-size:0.72rem;color:var(--muted);margin-top:1px;}
.prod-sub-grid{
  display:grid;grid-template-columns:1fr;
  gap:12px;padding:16px;max-width:600px;margin:0 auto;
}
@media(min-width:500px){
  .prod-sub-grid{grid-template-columns:repeat(3,1fr);max-width:800px;}
}
.prod-sub-card{
  background:var(--white);border:1.5px solid var(--border);
  border-radius:14px;padding:0;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  cursor:pointer;overflow:hidden;
  transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);
  box-shadow:var(--shadow-sm);min-height:180px;
  position:relative;
}
.prod-sub-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.prod-sub-card:active{opacity:0.9;transform:scale(0.98);}
.prod-sub-card .scard-icon{
  width:56px;height:56px;flex-shrink:0;
  background:var(--bg);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding:8px;margin:18px auto 10px;
  position:relative;z-index:1;
}
.prod-sub-card .scard-icon img{width:100%;height:100%;object-fit:contain;}
.prod-sub-card .scard-body{flex:1;min-width:0;padding:0 14px;position:relative;z-index:1;}
.prod-sub-card .scard-body h3{font-size:0.92rem;font-weight:800;color:var(--ink);line-height:1.2;}
.prod-sub-card .scard-body p{font-size:0.68rem;color:var(--muted);margin-top:3px;}
.prod-sub-card .scard-arr{
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);margin:8px auto 14px;
  transition:transform var(--transition),color var(--transition);
  position:relative;z-index:1;
}
.prod-sub-card:hover .scard-arr{transform:translateY(3px);}
.psub-dairy{border-top:5px solid var(--accent);background:linear-gradient(160deg,#c8ddf7 0%,#deeaf9 100%);}
.psub-dairy:hover{border-color:var(--accent);background:linear-gradient(160deg,#aecef5 0%,#c8ddf7 100%);}
.psub-dairy:hover .scard-arr{color:var(--accent);}
.psub-pbb{border-top:5px solid #15803d;background:linear-gradient(160deg,#b8e5cb 0%,#ccedd9 100%);}
.psub-pbb:hover{border-color:#15803d;background:linear-gradient(160deg,#9ad8b8 0%,#b8e5cb 100%);}
.psub-pbb:hover .scard-arr{color:#15803d;}
.psub-sn{border-top:5px solid #c85a00;background:linear-gradient(160deg,#f9d4b0 0%,#fbe0c4 100%);}
.psub-sn:hover{border-color:#c85a00;background:linear-gradient(160deg,#f5c29a 0%,#f9d4b0 100%);}
.psub-sn:hover .scard-arr{color:#c85a00;}
.prod-sub-card.scard-img-bg{position:relative;overflow:hidden;}
.prod-sub-card.scard-img-bg::before{
  content:'';position:absolute;inset:0;
  background-image:var(--bg-img);background-size:cover;background-position:center;
  opacity:0.12;border-radius:inherit;pointer-events:none;
  transition:opacity 0.3s ease;
}
.prod-sub-card.scard-img-bg:hover::before{opacity:0.2;}

/* Section cards */
.home-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  padding:10px;
  min-height:calc(100vh - var(--nav-h));
  background:var(--bg);
  align-content:start;
}
.scard{
  background:var(--white);
  border:1.5px solid var(--border);
  border-radius:14px;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  cursor:pointer;
  overflow:hidden;
  transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);
  box-shadow:var(--shadow-sm);
  height:100%;
  min-height:140px;
}
.scard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.scard:active{opacity:0.9;transform:scale(0.98);}
/* coloured top bar */
.scard-dairy-bar{border-top:5px solid var(--accent);background:linear-gradient(160deg,#c8ddf7 0%,#deeaf9 100%);}
.scard-pbb-bar{border-top:5px solid #15803d;background:linear-gradient(160deg,#b8e5cb 0%,#ccedd9 100%);}
.scard-sn-bar{border-top:5px solid #c85a00;background:linear-gradient(160deg,#f9d4b0 0%,#fbe0c4 100%);}
.scard-order-bar{border-top:5px solid #6b3fa0;background:linear-gradient(160deg,#d8c4f0 0%,#e4d4f5 100%);}
.scard:hover.scard-dairy-bar{border-color:var(--accent);background:linear-gradient(160deg,#aecef5 0%,#c8ddf7 100%);}
.scard:hover.scard-pbb-bar{border-color:#15803d;background:linear-gradient(160deg,#9ad8b8 0%,#b8e5cb 100%);}
.scard:hover.scard-sn-bar{border-color:#c85a00;background:linear-gradient(160deg,#f5c29a 0%,#f9d4b0 100%);}
.scard:hover.scard-order-bar{border-color:#6b3fa0;background:linear-gradient(160deg,#c9aeeb 0%,#d8c4f0 100());}
.scard-hist-bar{border-top:5px solid #0891b2;background:linear-gradient(160deg,#b8e8f0 0%,#cceef5 100%);}
.scard:hover.scard-hist-bar{border-color:#0891b2;background:linear-gradient(160deg,#9adce8 0%,#b8e8f0 100());}
.scard-cal-bar{border-top:5px solid #b45309;background:linear-gradient(160deg,#fde8c0 0%,#fef0d8 100%);}
.scard:hover.scard-cal-bar{border-color:#b45309;background:linear-gradient(160deg,#fbd89a 0%,#fde8c0 100());}
.scard-objetivos-bar{border-top:5px solid #ca8a04;background:linear-gradient(160deg,#fef9c3 0%,#fefce8 100%);}
.scard:hover.scard-objetivos-bar{border-color:#ca8a04;background:linear-gradient(160deg,#fef08a 0%,#fef9c3 100%);}
.scard:hover.scard-objetivos-bar .scard-arr{color:#ca8a04;}
.scard-lojas-bar{border-top:5px solid #0f766e;background:linear-gradient(160deg,#b2f0ea 0%,#ccf5f0 100%);}
.scard:hover.scard-lojas-bar{border-color:#0f766e;background:linear-gradient(160deg,#8ae8df 0%,#b2f0ea 100%);}
.scard-obj-bar{border-top:5px solid #7c3aed;background:linear-gradient(160deg,#ddd6fe 0%,#ede9fe 100%);}
.scard:hover.scard-obj-bar{border-color:#7c3aed;background:linear-gradient(160deg,#c4b5fd 0%,#ddd6fe 100());}
.scard-icon{
  width:52px;height:52px;flex-shrink:0;
  background:var(--bg);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding:8px;
  margin:14px auto 8px;
}
.scard-icon img{width:100%;height:100%;object-fit:contain;}
.scard-icon.emoji{font-size:1.5rem;background:#f0fdf4;}
.scard-body{flex:1;min-width:0;padding:0 12px;}
.scard-body h3{font-size:0.88rem;font-weight:800;color:var(--ink);line-height:1.2;}
.scard-body p{font-size:0.66rem;color:var(--muted);margin-top:3px;}
.scard-arr{
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);
  margin:6px auto 12px;
  transition:transform var(--transition),color var(--transition);
}
.scard:hover .scard-arr{transform:translateY(3px);color:var(--accent);}
.scard:hover.scard-pbb-bar .scard-arr{color:#15803d;}
.scard:hover.scard-sn-bar .scard-arr{color:#c85a00;}
.scard:hover.scard-order-bar .scard-arr{color:#6b3fa0;}



/* ─── HOMEPAGE REDESIGN · INSPIRED BY AIRBNB LOGIC ───────── */
.home-shell{
  min-height:calc(100vh - var(--nav-h));
  background:linear-gradient(180deg,#fbfaf8 0%,#f6f5f2 100%);
  padding:18px 14px 28px;
}
.air-hero{
  max-width:1320px;
  margin:0 auto 22px;
  background:linear-gradient(135deg,rgba(255,255,255,0.96) 0%,rgba(246,249,255,0.98) 45%,rgba(241,247,255,0.98) 100%);
  border:1px solid rgba(228,225,219,0.9);
  border-radius:28px;
  box-shadow:0 16px 40px rgba(17,24,39,0.06);
  padding:28px 24px 22px;
  position:relative;
  overflow:hidden;
}
.air-hero::before{
  content:'';
  position:absolute;
  inset:auto -80px -120px auto;
  width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle, rgba(0,94,184,0.12) 0%, rgba(0,94,184,0.02) 55%, transparent 72%);
  pointer-events:none;
}
.air-hero::after{
  content:'';
  position:absolute;
  inset:-120px auto auto -120px;
  width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle, rgba(21,128,61,0.09) 0%, rgba(21,128,61,0.02) 58%, transparent 72%);
  pointer-events:none;
}
.air-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:0.76rem;font-weight:800;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--accent);
  background:rgba(255,255,255,0.82);
  border:1px solid rgba(0,94,184,0.12);
  border-radius:999px;padding:8px 12px;
  position:relative;z-index:1;
}
.air-kicker::before{content:'✦';font-size:0.78rem;opacity:0.8;}
.air-hero-top{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,0.9fr);
  gap:22px;align-items:end;position:relative;z-index:1;
}
.air-copy h1{
  margin-top:14px;
  font-size:clamp(1.9rem,4vw,3.3rem);
  line-height:1.02;
  color:var(--ink);
  font-weight:900;
  letter-spacing:-0.03em;
}
.air-copy p{
  max-width:720px;
  margin-top:12px;
  font-size:0.98rem;
  line-height:1.7;
  color:var(--ink2);
}
.air-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.air-metric{
  background:rgba(255,255,255,0.88);
  border:1px solid rgba(228,225,219,0.92);
  border-radius:18px;
  padding:16px 14px;
  box-shadow:0 8px 20px rgba(15,23,42,0.04);
}
.air-metric strong{display:block;font-size:1.4rem;color:var(--ink);font-weight:900;}
.air-metric span{display:block;margin-top:4px;font-size:0.75rem;color:var(--muted);line-height:1.45;}
.air-searchbar{
  margin-top:22px;
  background:rgba(255,255,255,0.96);
  border:1px solid rgba(228,225,219,0.95);
  border-radius:999px;
  box-shadow:0 16px 30px rgba(15,23,42,0.06);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) 68px;
  gap:0;
  overflow:hidden;
  position:relative;z-index:1;
}
.air-search-slot{
  background:none;border:none;cursor:pointer;
  padding:16px 20px;text-align:left;
  display:flex;flex-direction:column;gap:3px;
  transition:background-color var(--transition);
}
.air-search-slot + .air-search-slot{border-left:1px solid rgba(228,225,219,0.92);}
.air-search-slot:hover{background:#f8fafc;}
.air-search-slot small{
  font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);
}
.air-search-slot strong{
  font-size:0.93rem;color:var(--ink);font-weight:800;line-height:1.3;
}
.air-search-go{
  margin:8px;
  border:none;cursor:pointer;
  border-radius:999px;
  background:linear-gradient(135deg,var(--accent) 0%, #2ba4ff 100%);
  color:#fff;font-size:1.18rem;font-weight:800;
  box-shadow:0 10px 20px rgba(0,94,184,0.24);
  transition:transform var(--transition),box-shadow var(--transition);
}
.air-search-go:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 14px 24px rgba(0,94,184,0.28);}
.air-chip-row{
  margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1;
}
.air-chip{
  border:1px solid rgba(228,225,219,0.9);
  background:rgba(255,255,255,0.84);color:var(--ink2);
  border-radius:999px;padding:10px 14px;
  font-size:0.76rem;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition),background-color var(--transition);
}
.air-chip:hover{transform:translateY(-1px);border-color:rgba(0,94,184,0.24);box-shadow:0 8px 16px rgba(15,23,42,0.06);background:#fff;}
.air-main{
  max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:26px;
}
.air-band{display:flex;flex-direction:column;gap:14px;}
.air-band-head{
  display:flex;align-items:end;justify-content:space-between;gap:16px;
}
.air-band-copy{display:flex;flex-direction:column;gap:5px;}
.air-band-label{
  font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);
}
.air-band-head h2{
  font-size:1.35rem;line-height:1.15;color:var(--ink);font-weight:900;letter-spacing:-0.02em;
}
.air-band-head p{
  font-size:0.84rem;color:var(--muted);line-height:1.6;max-width:660px;
}
.air-link-btn{
  border:none;cursor:pointer;
  background:#fff;border:1px solid rgba(228,225,219,0.95);
  color:var(--ink);padding:10px 14px;border-radius:999px;
  font-size:0.78rem;font-weight:800;box-shadow:0 8px 16px rgba(15,23,42,0.05);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
  white-space:nowrap;
}
.air-link-btn:hover{transform:translateY(-1px);border-color:rgba(0,94,184,0.22);box-shadow:0 10px 18px rgba(15,23,42,0.08);}
.air-scroll-row{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;
  overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scroll-behavior:smooth;
}
.air-scroll-row::-webkit-scrollbar{height:8px;}
.air-scroll-row::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:999px;}
.air-card{
  background:#fff;border:1px solid rgba(228,225,219,0.92);border-radius:26px;
  overflow:hidden;cursor:pointer;box-shadow:0 14px 30px rgba(15,23,42,0.06);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
  min-height:360px;display:flex;flex-direction:column;position:relative;
}
.air-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(15,23,42,0.11);border-color:rgba(0,94,184,0.18);}
.air-card-media{
  height:210px;position:relative;background-size:cover;background-position:center;
  background-image:linear-gradient(180deg,rgba(15,23,42,0.10) 0%, rgba(15,23,42,0.34) 100%), var(--img);
}
.air-card-media::after{
  content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%, rgba(15,23,42,0.12) 100%);
}
.air-card-content{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.air-badge{
  align-self:flex-start;display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid rgba(228,225,219,0.92);border-radius:999px;padding:6px 10px;
  font-size:0.68rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink2);
}
.air-card h3{font-size:1.08rem;line-height:1.2;font-weight:900;color:var(--ink);}
.air-card p{font-size:0.8rem;color:var(--ink2);line-height:1.65;}
.air-card-meta{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:0.73rem;color:var(--muted);padding-top:4px;
}
.air-card-meta strong{color:var(--ink);font-weight:800;}
.air-card-meta span:last-child{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:800;}
.air-mini-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;
}
.air-mini{
  background:#fff;border:1px solid rgba(228,225,219,0.92);border-radius:22px;
  padding:18px;min-height:172px;cursor:pointer;display:flex;flex-direction:column;gap:10px;
  box-shadow:0 12px 24px rgba(15,23,42,0.05);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
  position:relative;overflow:hidden;
}
.air-mini::before{
  content:'';position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;opacity:0.7;
  background:radial-gradient(circle, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.12) 64%, transparent 72%);
}
.air-mini:hover{transform:translateY(-4px);box-shadow:0 18px 28px rgba(15,23,42,0.09);border-color:rgba(0,94,184,0.18);}
.air-mini-icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3);}
.air-mini h3{font-size:1rem;font-weight:900;color:var(--ink);line-height:1.2;position:relative;z-index:1;}
.air-mini p{font-size:0.76rem;color:var(--ink2);line-height:1.55;position:relative;z-index:1;}
.air-mini small{margin-top:auto;font-size:0.72rem;font-weight:800;color:var(--ink);position:relative;z-index:1;}
.air-mini-pag{background:linear-gradient(140deg,#f2e8ff 0%,#ede4ff 42%,#ffffff 100%);}
.air-mini-enc{background:linear-gradient(140deg,#efe2ff 0%,#e2d0ff 42%,#ffffff 100%);}
.air-mini-his{background:linear-gradient(140deg,#dff7fb 0%,#d7f0f5 42%,#ffffff 100%);}
.air-mini-obj{background:linear-gradient(140deg,#fff7cf 0%,#fff3b3 42%,#ffffff 100%);}
.air-performance{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
.air-stat-card{
  background:#fff;border:1px solid rgba(228,225,219,0.92);border-radius:26px;padding:22px;
  box-shadow:0 14px 30px rgba(15,23,42,0.06);cursor:pointer;
  display:flex;flex-direction:column;gap:14px;min-height:220px;
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
  position:relative;overflow:hidden;
}
.air-stat-card::before{
  content:'';position:absolute;inset:auto -50px -70px auto;width:210px;height:210px;border-radius:50%;opacity:0.92;
}
.air-stat-card.ranking::before{background:radial-gradient(circle, rgba(184,134,11,0.16) 0%, rgba(184,134,11,0.05) 56%, transparent 72%);}
.air-stat-card.vendas::before{background:radial-gradient(circle, rgba(0,94,184,0.16) 0%, rgba(0,94,184,0.05) 56%, transparent 72%);}
.air-stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(15,23,42,0.11);border-color:rgba(0,94,184,0.18);}
.air-stat-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1;}
.air-stat-title{display:flex;align-items:center;gap:12px;}
.air-stat-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;}
.air-stat-card.ranking .air-stat-icon{background:#fff6d8;}
.air-stat-card.vendas .air-stat-icon{background:#e7f1ff;}
.air-stat-title h3{font-size:1.1rem;font-weight:900;color:var(--ink);}
.air-stat-title p{font-size:0.77rem;color:var(--muted);margin-top:3px;}
.air-stat-list{display:grid;gap:10px;position:relative;z-index:1;}
.air-stat-item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fafaf9;border:1px solid rgba(228,225,219,0.82);border-radius:16px;padding:12px 14px;
}
.air-stat-item strong{font-size:0.85rem;color:var(--ink);}
.air-stat-item span{font-size:0.73rem;color:var(--muted);}
.air-stat-cta{
  margin-top:auto;position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:800;color:var(--accent);
}
@media(max-width:1080px){
  .air-hero-top{grid-template-columns:1fr;}
  .air-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
  .air-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:860px){
  .air-searchbar{grid-template-columns:1fr; border-radius:28px;}
  .air-search-slot + .air-search-slot{border-left:none;border-top:1px solid rgba(228,225,219,0.92);}
  .air-search-go{height:56px; margin:12px;}
  .air-performance{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .home-shell{padding:14px 10px 24px;}
  .air-hero{padding:20px 16px 18px;border-radius:24px;}
  .air-copy h1{font-size:1.8rem;}
  .air-copy p{font-size:0.88rem;}
  .air-metrics{grid-template-columns:1fr;}
  .air-mini-grid{grid-template-columns:1fr;}
  .air-band-head{flex-direction:column;align-items:flex-start;}
  .air-scroll-row{grid-auto-columns:minmax(230px,88vw);}
  .air-card{min-height:330px;}
  .air-card-media{height:188px;}
}

/* ─── SECONDARY NAV TABS ───────────────── */
.sec-nav{
  display:flex;
  border-bottom:1px solid var(--border);
  background:var(--white);
  gap:0;
}
.sec-tab{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 8px;
  font-family:'Outfit',sans-serif;
  font-size:0.65rem;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--muted);
  cursor:pointer;
  border:none;
  background:none;
  border-bottom:2px solid transparent;
  transition:color var(--transition),border-color var(--transition);
  position:relative;
}
.sec-tab:first-child{border-right:1px solid var(--border);}
.sec-tab.active{color:var(--accent);border-bottom-color:var(--accent);}
.sec-tab svg{flex-shrink:0;}
.sec-tab .tab-dot{
  width:6px;height:6px;border-radius:50%;
  background:#ef4444;
  position:absolute;top:8px;right:calc(50% - 28px);
}

/* ─── SLIDE PANELS ──────────────────────── */
.panel-wrap{overflow:hidden;max-height:0;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1);background:var(--bg);}
.panel-wrap.open{max-height:2000px;}
.panel-wrap .novidades{padding:8px 10px 10px;border-top:none;margin-top:0;}
.panel-wrap .marcas{padding:8px 10px 10px;border-top:none;}
.panel-close{
  display:flex;align-items:center;justify-content:center;
  padding:8px;
  font-size:0.68rem;font-weight:600;color:var(--muted);
  cursor:pointer;border:none;background:none;
  font-family:'Outfit',sans-serif;
  width:100%;
  border-top:1px solid var(--border);
  gap:4px;
  transition:color var(--transition);
}
.panel-close:hover{color:var(--ink);}


/* ─── HOME · FERRAMENTAS COLAPSÁVEIS ───────────────────── */
.sf-band-head--interactive{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.sf-band-subtitle{
  margin-top:6px;
  font-size:0.82rem;
  line-height:1.55;
  color:var(--muted);
  max-width:720px;
}
.sf-band-toggle{
  border:none;
  background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%);
  border:1px solid rgba(0,94,184,0.12);
  color:var(--ink);
  border-radius:999px;
  padding:12px 16px;
  min-width:132px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:'Outfit',sans-serif;
  font-size:0.8rem;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(15,23,42,.06);
  transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), color var(--transition), background var(--transition);
}
.sf-band-toggle:hover{
  transform:translateY(-2px);
  border-color:rgba(0,94,184,0.24);
  box-shadow:0 16px 28px rgba(15,23,42,.10);
  color:var(--accent);
}
.sf-band-toggle svg{width:18px;height:18px;transition:transform .28s ease;}
.sf-band-collapsible.is-open .sf-band-toggle,
.sf-band-collapsible.is-hovered .sf-band-toggle{
  background:linear-gradient(135deg,#eef5ff 0%,#ffffff 100%);
  border-color:rgba(0,94,184,0.22);
  color:var(--accent);
}
.sf-band-collapsible.is-open .sf-band-toggle svg,
.sf-band-collapsible.is-hovered .sf-band-toggle svg{transform:rotate(180deg);}
.sf-mini-panel{
  position:relative;
  margin-top:16px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(248,250,253,0.96) 100%);
  border:1px solid rgba(228,225,219,0.9);
  box-shadow:0 16px 34px rgba(15,23,42,0.06);
  overflow:hidden;
  max-height:154px;
  transition:max-height .36s cubic-bezier(.22,1,.36,1), box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.sf-band-collapsible.is-open .sf-mini-panel,
.sf-band-collapsible.is-hovered .sf-mini-panel{
  max-height:360px;
  border-color:rgba(0,94,184,0.14);
  box-shadow:0 20px 44px rgba(15,23,42,0.10);
}
.sf-mini-panel::after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:0;
  height:74px;
  background:linear-gradient(180deg,rgba(248,250,253,0) 0%, rgba(248,250,253,.96) 62%, rgba(248,250,253,1) 100%);
  pointer-events:none;
  transition:opacity .25s ease;
}
.sf-band-collapsible.is-open .sf-mini-panel::after,
.sf-band-collapsible.is-hovered .sf-mini-panel::after{opacity:0;}
.sf-mini-panel-glow{
  position:absolute;
  inset:-80px -40px auto auto;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle, rgba(0,94,184,.10) 0%, rgba(0,94,184,.03) 55%, transparent 72%);
  pointer-events:none;
}
.sf-mini-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  padding:14px;
}
.sf-mini-card{
  min-height:66px;
  position:relative;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease, filter .22s ease;
}
.sf-mini-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%, rgba(255,255,255,.28) 100%);
  opacity:.65;
  transition:opacity .22s ease;
}
.sf-mini-card strong{position:relative;z-index:1;}
.sf-mini-card:hover{transform:translateY(-2px) scale(1.01); box-shadow:0 14px 24px rgba(15,23,42,.12);}
.sf-mini-card:hover::before{opacity:.35;}
.sf-band-collapsible:not(.is-open):not(.is-hovered) .sf-mini-card:nth-child(n+8){opacity:.78;filter:saturate(.85);}
@media (hover:hover) and (pointer:fine){
  .sf-band-collapsible:hover .sf-mini-panel{
    max-height:360px;
    border-color:rgba(0,94,184,0.14);
    box-shadow:0 20px 44px rgba(15,23,42,0.10);
  }
  .sf-band-collapsible:hover .sf-mini-panel::after{opacity:0;}
}
@media(max-width:1240px){
  .sf-mini-strip{grid-template-columns:repeat(5,minmax(0,1fr));}
  .sf-mini-panel{max-height:236px;}
  .sf-band-collapsible.is-open .sf-mini-panel,
  .sf-band-collapsible.is-hovered .sf-mini-panel{max-height:430px;}
}
@media(max-width:920px){
  .sf-band-head--interactive{flex-direction:column;align-items:flex-start;}
  .sf-band-toggle{width:100%;justify-content:center;}
  .sf-mini-strip{grid-template-columns:repeat(3,minmax(0,1fr));}
  .sf-mini-panel{max-height:164px;}
  .sf-band-collapsible.is-open .sf-mini-panel,
  .sf-band-collapsible.is-hovered .sf-mini-panel{max-height:470px;}
}
@media(max-width:640px){
  .sf-band-subtitle{font-size:.76rem;}
  .sf-mini-strip{grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:12px;}
  .sf-mini-card{min-height:62px;}
  .sf-mini-panel{max-height:146px; border-radius:22px;}
  .sf-mini-panel::after{height:64px;}
  .sf-band-collapsible.is-open .sf-mini-panel,
  .sf-band-collapsible.is-hovered .sf-mini-panel{max-height:620px;}
}