/* Navigation shared by the four service pages and the upcoming catalog. */
.site-tabs a .nav-soon{display:block;margin-top:2px;color:#668196;font-size:10px;font-weight:700;line-height:1;letter-spacing:.02em}
.site-tabs a[aria-current="page"] .nav-soon{color:#c5e1ee}
.site-tabs a[href$="produtos/"]{border-color:#d5e2e8;background:#f4f8fa}
.site-tabs a[href$="produtos/"]:hover{background:#e9f2f6;border-color:#afcad6}
.site-tabs a[href$="produtos/"][aria-current="page"]{background:#35566b;border-color:#35566b;color:#fff}
html[data-theme="dark"] .site-tabs a[href$="produtos/"]{background:#354650;border-color:#526877;color:#e7f1f6}
html[data-theme="dark"] .site-tabs a[href$="produtos/"]:hover{background:#435965}
html[data-theme="dark"] .site-tabs a[href$="produtos/"][aria-current="page"]{background:#536f82;border-color:#8caebe;color:#fff}
html[data-theme="dark"] .site-tabs a .nav-soon{color:#afc9d7}

/* The maintenance notice keeps the model references from reading like live services. */
.maintenance-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0 0 13px;padding:7px 11px;border:1px solid #d7c9ad;border-radius:999px;background:#f4eee1;color:#65583f;font-size:12px;font-weight:700;letter-spacing:.01em}
.maintenance-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#af9160}
.catalog-section{background:linear-gradient(145deg,#fafbfc,#eef3f5)}
.catalog-heading h2{font-size:clamp(24px,2.6vw,30px)}
.catalog-card{min-height:0}
.catalog-card .catalog-detail{margin-bottom:0}
html[data-theme="dark"] .maintenance-badge{background:#514c40;border-color:#80745c;color:#f2e6ca}
html[data-theme="dark"] .maintenance-badge:before{background:#e1c28c}
html[data-theme="dark"] .catalog-section{background:linear-gradient(145deg,#2a363d,#303b40)}

/* Dark Gráfica Rápida: warm light beige, with a restrained edge glow. */
html[data-theme="dark"] body[data-category="grafica"] .top .site-tabs a[href$="grafica-rapida/"][aria-current="page"],
html[data-theme="dark"] body[data-category="grafica"] .top .site-tabs a[href$="grafica-rapida/"][aria-current="page"]:hover{background:linear-gradient(135deg,#d8cbb8,#c4b299);border-color:#e9d8bd;color:#2b3438;box-shadow:0 0 12px #decbb876,0 3px 13px #0002}
html[data-theme="dark"] body[data-category="grafica"] .services-hero{--glow-low:.12;--glow-high:.22;background-color:#353532;background-image:radial-gradient(#d8c6a817 .7px,transparent .8px);border-color:#8e8171;box-shadow:0 0 0 1px #ccb8952b,0 0 22px #d2b68c24}
html[data-theme="dark"] body[data-category="grafica"] .services-hero:before{background:linear-gradient(180deg,#d9c3a1,#bda782);box-shadow:0 0 9px #e4ccaa82,0 0 17px #c5a88144}
html[data-theme="dark"] body[data-category="grafica"] .services-hero:after{background:radial-gradient(ellipse 275px 190px at 0% 22%,#efd9b8 0%,transparent 73%),radial-gradient(ellipse 260px 195px at 0% 86%,#cbb48d 0%,transparent 75%)}
html[data-theme="dark"] body[data-category="grafica"] .services-hero .supplies-copy h1{color:#f4ede2}
html[data-theme="dark"] body[data-category="grafica"] .services-hero .supplies-lead{color:#d7d1c7}
html[data-theme="dark"] body[data-category="grafica"] .services-hero .supplies-services li{border-color:#817767;background:#48463f;color:#ece3d4}
html[data-theme="dark"] body[data-category="grafica"] .print-contact-card{background:linear-gradient(145deg,#45433d,#3d3c38);border-color:#8c806e;box-shadow:0 0 0 1px #d4b9941c,0 0 17px #d8bc902b}
html[data-theme="dark"] body[data-category="grafica"] .print-contact-card:before{background:linear-gradient(90deg,#c6af8c,#ead9bb,#bba384)}
html[data-theme="dark"] body[data-category="grafica"] .print-contact-card h2,html[data-theme="dark"] body[data-category="grafica"] .print-contact-card .armando-phone{color:#f6eee3}
html[data-theme="dark"] body[data-category="grafica"] .print-contact-card p{color:#d1c9bd}

/* The portfolio mention belongs after the service FAQ, close to the footer. */
.sil-footer-feature{margin:0 0 24px;padding-top:17px;border-top:1px solid #d7e1e6}
.sil-footer-feature .sil-portfolio{margin:0}
html[data-theme="dark"] .sil-footer-feature{border-color:#4c5c64}

/* Products preview and future live catalog. */
.products-view{padding:38px 0 74px}
.products-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:28px;overflow:hidden;padding:46px;border:1px solid #cbdce5;border-radius:20px;background:radial-gradient(circle at 85% 12%,#cce8f277,transparent 35%),linear-gradient(125deg,#fff,#f2f7f9);box-shadow:0 18px 48px #203b530e}
.products-hero:before{content:"";position:absolute;left:0;top:36px;bottom:36px;width:3px;background:linear-gradient(#56a9c8,#93c1d3)}
.products-kicker{margin:0 0 14px;color:#647d8c;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.products-pill{display:inline-block;margin-bottom:16px;padding:7px 11px;border:1px solid #bad4e0;border-radius:999px;background:#eaf5fa;color:#3f718b;font-size:12px;font-weight:700}
.products-copy h1{max-width:750px;margin:0;color:#203b53;font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.045em}
.products-copy>p:last-of-type{max-width:650px;margin:18px 0 0;color:#536977;font-size:17px;line-height:1.65}
.products-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:26px}
.products-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:10px 17px;border:1px solid #c4d6df;border-radius:10px;color:#31576e;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s ease,background-color .2s ease}
.products-actions a:hover{transform:translateY(-2px)}
.products-actions .products-primary{border-color:#217b58;background:#217b58;color:#fff;box-shadow:0 7px 18px #217b5833}
.products-actions .products-primary:hover{background:#176b4b}
.products-mark{display:grid;place-content:center;gap:7px;width:208px;height:208px;border:1px solid #cce0e8;border-radius:26px;background:linear-gradient(145deg,#fff,#e8f1f5);box-shadow:inset 0 1px #fff,0 18px 32px #456a8120;transform:rotate(5deg);text-align:center}
.products-mark>span{font-size:32px;font-weight:850;letter-spacing:-.06em;white-space:nowrap;color:#243d52}.products-mark>span span{color:#3b94c4}
.products-mark small{color:#637a88;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.products-upcoming{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start;margin-top:19px;padding:28px;border:1px solid #d4e1e8;border-radius:16px;background:#f8fafb}
.products-upcoming-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e1eef3;color:#46849f;font-size:23px}
.products-upcoming h2{margin:0 0 6px;color:#284153;font-size:21px}.products-upcoming p{max-width:720px;margin:0;color:#59707d;line-height:1.6}
.products-catalog{margin-top:20px;padding:25px;border:1px solid #d4e1e8;border-radius:16px;background:#f8fafb}
.products-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.products-catalog-head h2{margin:0;color:#263e50;font-size:27px}.products-catalog-head p:last-child{margin:0;color:#657784;font-size:13px}
.products-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.product-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:20px;border:1px solid #d1e0e7;border-radius:14px;background:#fff;box-shadow:0 6px 18px #203b5308}
.product-card-category{color:#537b92;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.product-card h3{margin:0;color:#263e50;font-size:19px}.product-card p{margin:0;color:#596f7d;font-size:13px;line-height:1.5}
.product-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}.product-card-bottom strong{color:#294d65;font-size:18px}.product-card-stock{color:#267455;font-size:12px;font-weight:700}.product-card-stock.is-empty{color:#90685b}
.product-card a{display:inline-flex;justify-content:center;margin-top:5px;padding:9px 12px;border:1px solid #c9dce5;border-radius:9px;color:#345f77;font-size:13px;font-weight:700;text-decoration:none}.product-card a:hover{background:#edf5f8}
html[data-theme="dark"] .products-hero{border-color:#4f6875;background:radial-gradient(circle at 85% 12%,#43697944,transparent 37%),linear-gradient(125deg,#273842,#30444e);box-shadow:none}
html[data-theme="dark"] .products-copy h1,html[data-theme="dark"] .products-upcoming h2,html[data-theme="dark"] .products-catalog h2,html[data-theme="dark"] .product-card h3{color:#edf4f7}
html[data-theme="dark"] .products-copy>p:last-of-type,html[data-theme="dark"] .products-upcoming p,html[data-theme="dark"] .products-catalog-head p:last-child,html[data-theme="dark"] .product-card p{color:#c0d0d9}
html[data-theme="dark"] .products-pill{background:#365466;border-color:#6891a6;color:#daecf4}
html[data-theme="dark"] .products-mark{background:linear-gradient(145deg,#3c515c,#2e414a);border-color:#627f8d;box-shadow:0 18px 32px #101c2740}
html[data-theme="dark"] .products-mark>span{color:#f0f6f9}html[data-theme="dark"] .products-mark small{color:#c3d6df}
html[data-theme="dark"] .products-actions .products-secondary{border-color:#65808d;color:#e2f0f6}
html[data-theme="dark"] .products-upcoming,html[data-theme="dark"] .products-catalog{border-color:#4d6673;background:#2c3b44}
html[data-theme="dark"] .products-upcoming-symbol{background:#3d5966;color:#c0e3f1}
html[data-theme="dark"] .product-card{border-color:#506a78;background:#344650;box-shadow:none}
html[data-theme="dark"] .product-card-bottom strong,html[data-theme="dark"] .product-card-category{color:#bfdfec}
html[data-theme="dark"] .product-card a{border-color:#637f8e;color:#d1e7f1}
html[data-theme="dark"] .product-card-stock{color:#a4dec4}html[data-theme="dark"] .product-card-stock.is-empty{color:#d8ada2}
[hidden]{display:none!important}
@media(max-width:900px){.products-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  /* A horizontal row leaves room for full labels and the fifth destination. */
  .top{grid-template-columns:minmax(0,1fr) 38px;padding:8px 9px;gap:5px}
  .top .site-tabs{display:flex;width:100%;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .top .site-tabs::-webkit-scrollbar{display:none}
  .top .site-tabs a{flex:0 0 auto;width:auto;min-width:76px;max-width:122px;min-height:49px;padding:6px 10px;scroll-snap-align:center;white-space:normal;font-size:11px;line-height:1.12}
  .top .site-tabs a[href$="cartuchos-e-toners/"]{min-width:116px}
  .top .site-tabs a[href$="produtos/"]{min-width:83px}
  .top .site-tabs a svg{width:16px;height:16px;flex-basis:16px}
  .top .site-tabs a .nav-soon{font-size:9px;margin-top:2px}
  .top .theme-toggle{grid-column:2}
  .catalog-heading{margin-bottom:16px}.catalog-section{padding:20px 16px}.catalog-card{padding:17px}.catalog-grid{gap:10px}
  .products-view{padding:17px 0 46px}.products-hero{grid-template-columns:1fr;gap:12px;padding:25px 21px}.products-mark{display:none}
  .products-copy h1{font-size:clamp(32px,8vw,42px)}.products-copy>p:last-of-type{margin-top:13px;font-size:14px;line-height:1.55}
  .products-actions{margin-top:19px}.products-upcoming{padding:19px;grid-template-columns:38px minmax(0,1fr);gap:11px}.products-upcoming-symbol{width:38px;height:38px}
  .products-upcoming h2{font-size:17px}.products-upcoming p{font-size:13px}.products-catalog{padding:18px}.products-catalog-head{display:block}.products-catalog-head h2{font-size:22px}.products-catalog-head p:last-child{margin-top:7px}
}
@media(max-width:540px){.products-list{grid-template-columns:1fr}.products-actions a{width:100%}.catalog-models li{font-size:13px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.products-actions a{transition:none}}
.product-model-stage{height:220px;position:relative;overflow:hidden;border:1px solid #d2e1e7;border-radius:12px;background:radial-gradient(circle at 50% 45%,#f7faf8,#e8f0f1)}.product-model-stage>small{position:absolute;z-index:1;bottom:8px;left:10px;padding:4px 8px;border-radius:6px;background:#ffffffdd;color:#466174;font-size:11px;pointer-events:none}.printpb-model{display:block;width:100%;height:100%}.model-fallback{display:grid;place-items:center;height:100%;margin:0;padding:20px;color:#647d89;text-align:center;font-size:12px}html[data-theme=dark] .product-model-stage{border-color:#56717c;background:radial-gradient(circle at 50% 45%,#3d535a,#293942)}html[data-theme=dark] .product-model-stage>small{background:#2b3f48e6;color:#d4e5ed}
.product-media{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.product-view-tabs{display:flex;align-self:flex-end;gap:3px;padding:3px;border:1px solid #d0e0e8;border-radius:10px;background:#f2f7f9}.product-view-tabs button{min-width:54px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:#4a697a;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.product-view-tabs button[aria-pressed="true"]{background:#fff;color:#244f69;box-shadow:0 1px 5px #213f551f}.product-view-tabs button:disabled{cursor:wait;opacity:.48}.product-view-tabs button:focus-visible{outline:2px solid #397da3;outline-offset:2px}.product-still{display:block;width:100%;height:100%;object-fit:contain}.model-loading{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:max-content;max-width:90%;padding:8px 12px;border-radius:8px;background:#ffffffde;color:#466174;font-size:12px;text-align:center}html[data-theme=dark] .product-view-tabs{border-color:#647b86;background:#2a3b44}html[data-theme=dark] .product-view-tabs button{color:#d4e4eb}html[data-theme=dark] .product-view-tabs button[aria-pressed="true"]{background:#506a77;color:#fff}html[data-theme=dark] .model-loading{background:#293e47e6;color:#e1eff5}

/* Imagem real do 667 e visualizador 3D ampliado no catálogo. */
.product-model-stage{height:auto;min-height:260px;max-height:350px;aspect-ratio:1/1}
.product-still{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain}
.product-view-tabs{align-self:stretch;justify-content:flex-end;flex-wrap:wrap}
.product-view-tabs .product-expand-model{margin-left:auto;min-width:105px;color:#315d76}
.product-model-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(16px,3vw,30px);border:0;background:linear-gradient(145deg,#f8fbfc,#e8f0f4);color:#263e50;box-sizing:border-box;overflow:hidden}
.product-model-dialog[open]{display:flex;flex-direction:column;gap:12px}
.product-model-dialog::backdrop{background:#10212dc7}
.product-model-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.product-model-dialog-head h2{margin:0;font-size:clamp(20px,3vw,30px);line-height:1.2}
.product-model-close{min-height:44px;padding:10px 16px;border:1px solid #bdd1db;border-radius:11px;background:#fff;color:#31566b;font:inherit;font-weight:750;cursor:pointer}
.product-model-dialog-stage{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid #ccdee6;border-radius:16px;background:radial-gradient(circle at 50% 43%,#fff,#dce9ee);color:#607989;text-align:center}
.product-model-dialog-stage .printpb-model{width:100%;height:100%;min-height:0}
.product-model-dialog-stage .model-fallback{height:auto}
.product-model-dialog-guide{margin:0;color:#547184;text-align:center;font-size:13px}
html[data-theme=dark] .product-model-dialog{background:linear-gradient(145deg,#202d34,#2c414c);color:#edf5f8}
html[data-theme=dark] .product-model-dialog-stage{border-color:#53717e;background:radial-gradient(circle at 50% 43%,#465e69,#263943);color:#d2e4eb}
html[data-theme=dark] .product-model-close{border-color:#698693;background:#344d58;color:#ecf7fa}
html[data-theme=dark] .product-model-dialog-guide{color:#c5dbe5}
@media(max-width:540px){.product-model-dialog{padding:16px}.product-model-dialog-head h2{font-size:19px}.product-model-dialog-guide{font-size:11px}.product-view-tabs .product-expand-model{margin-left:auto}}

/* Keep the page centered and avoid a flash or lateral jump during navigation. */
html{scrollbar-gutter:stable}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:90ms ease-in both printpb-page-out}
  ::view-transition-new(root){animation:150ms ease-out both printpb-page-in}
}
@keyframes printpb-page-out{to{opacity:0}}
@keyframes printpb-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.products-more-note{margin:20px 0 0;padding:15px 18px;border:1px solid #b9d5df;border-radius:11px;background:#ecf6f8;color:#315d70;font-size:14px;font-weight:700}
html[data-theme="dark"] .products-more-note{border-color:#617f88;background:#354b54;color:#e0eef0}

/* A theme-aware showroom shared by every present and future 3D product. */
.product-model-stage,.product-model-dialog-stage{
  --scene-top:#f8fcfd;--scene-bottom:#dceaf0;--scene-grid:#688fa31a;
  --scene-halo:#95c5d7a8;--scene-platform:#b8d0d9;
  position:relative;isolation:isolate;
  background:radial-gradient(ellipse 70% 65% at 50% 34%,#fff 0%,transparent 80%),linear-gradient(165deg,var(--scene-top),var(--scene-bottom));
}
.product-model-stage::before,.product-model-dialog-stage::before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 38% 34% at 50% 46%,var(--scene-halo),transparent 88%),
    linear-gradient(var(--scene-grid) 1px,transparent 1px),linear-gradient(90deg,var(--scene-grid) 1px,transparent 1px);
  background-size:auto,30px 30px,30px 30px;
  mask-image:linear-gradient(transparent 23%,#000 100%);
}
.product-model-stage::after,.product-model-dialog-stage::after{
  content:"";position:absolute;z-index:0;bottom:8%;left:18%;width:64%;height:12%;pointer-events:none;
  border:1px solid #ffffff6b;border-radius:50%;
  background:radial-gradient(ellipse at center,var(--scene-platform),transparent 72%);
  box-shadow:0 12px 25px #1a465017;
}
.product-model-stage>.printpb-model,.product-model-dialog-stage>.printpb-model{
  position:relative;z-index:1;background:transparent;--poster-color:transparent;
}
html[data-theme="dark"] .product-model-stage,html[data-theme="dark"] .product-model-dialog-stage{
  --scene-top:#283e49;--scene-bottom:#172933;--scene-grid:#b4d5de13;
  --scene-halo:#4c94a572;--scene-platform:#5f8996;
  background:radial-gradient(ellipse 70% 65% at 50% 34%,#3c5863 0%,transparent 80%),linear-gradient(165deg,var(--scene-top),var(--scene-bottom));
}
html[data-theme="dark"] .product-model-stage::after,html[data-theme="dark"] .product-model-dialog-stage::after{
  border-color:#a3d1df36;box-shadow:0 12px 28px #07151f5e;
}

/* On phones the entire header belongs to the swipeable destination list. */
@media(max-width:760px){
  .top{grid-template-columns:minmax(0,1fr);gap:2px;padding:7px 9px 5px}
  .top .site-tabs{grid-column:1;width:100%;scroll-padding-inline:8px}
  .top .site-tabs a{min-height:52px}
  .top .theme-toggle{
    position:fixed;z-index:70;left:16px;bottom:max(15px,env(safe-area-inset-bottom));
    grid-column:auto;width:48px;height:48px;min-height:48px;margin:0;padding:0;
    border-radius:50%;background:#f9fcfd;border-color:#b9cbd5;
    box-shadow:0 8px 22px #142d3b2c;
  }
  html[data-theme="dark"] .top .theme-toggle{background:#354a56;border-color:#688493;color:#eff7fa;box-shadow:0 8px 22px #08192470}
  .top .nav-swipe-hint{display:inline-flex;grid-column:1;justify-self:end;align-items:center;gap:4px;margin:1px 4px 0 0;color:#547184;font-size:10px;font-weight:650;line-height:1.4;pointer-events:none}
  .top .nav-swipe-hand{display:inline-block;transform-origin:60% 80%;animation:printpb-swipe-hand .75s ease-in-out 2 alternate}
  html[data-theme="dark"] .top .nav-swipe-hint{color:#b9d2df}
}
.nav-swipe-hint{display:none}
@keyframes printpb-swipe-hand{to{transform:translateX(11px) rotate(9deg)}}
@media(prefers-reduced-motion:reduce){.top .nav-swipe-hand{animation:none}}
