:root{--commerce-ink:#183440;--commerce-accent:#167368}.container{width:min(1680px,calc(100% - 80px));max-width:1680px}.container--narrow{max-width:920px}.commerce-hero{background:#f1f6f5;padding:66px 0 58px}.commerce-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.commerce-hero h1{font-size:clamp(2.5rem,4.4vw,5rem);line-height:1.06;letter-spacing:-.05em;color:var(--commerce-ink);margin:22px 0}.commerce-hero h1 span{color:var(--commerce-accent)}.commerce-hero p{max-width:600px;font-size:1.1rem;line-height:1.8}.commerce-visual{position:relative;background:#fff;border:1px solid #dfebe6;border-radius:30px;overflow:hidden}.commerce-visual img{width:100%;height:300px;object-fit:cover}.commerce-visual>div{padding:28px 34px}.commerce-visual h2{font-size:1.7rem;margin:10px 0}.commerce-visual a{color:var(--commerce-accent);font-weight:700}.commerce-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.commerce-pills span{border:1px solid #cbdcd5;border-radius:30px;padding:8px 14px;font-size:.8rem}.commerce-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.commerce-category,.commerce-card{display:block;background:white;border:1px solid #dfe8e5;border-radius:20px;padding:28px;color:var(--commerce-ink);text-decoration:none}.commerce-category h3{margin:16px 0 10px}.commerce-category p{line-height:1.7;color:#53666d}.commerce-category>span{display:block;margin-top:20px;font-weight:700;color:var(--commerce-accent)}.commerce-category:hover{border-color:var(--commerce-accent);background:#f8fbfa}.commerce-feature-grid,.license-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.commerce-card h2{margin:14px 0}.commerce-card p{line-height:1.8}.commerce-card a{display:inline-block;margin-top:16px;color:var(--commerce-accent);font-weight:700}.knowledge-copy{max-width:82ch}.knowledge-copy h2{margin-top:36px}.knowledge-copy p,.knowledge-copy li{line-height:1.9}.knowledge-copy ul,.knowledge-copy ol{padding-left:24px}.knowledge-nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.knowledge-nav a{padding:12px 18px;background:#ecf4f1;border-radius:12px}.site-nav a{white-space:nowrap}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{min-width:0}.site-footer{margin-top:24px}@media(min-width:1900px){.container{width:calc(100% - 112px);max-width:1880px}}@media(max-width:1150px){.container{width:calc(100% - 40px)}.commerce-hero__grid{gap:30px}.commerce-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.container{width:calc(100% - 32px)}.commerce-hero{padding:32px 0}.commerce-hero__grid,.commerce-feature-grid,.license-grid{grid-template-columns:1fr}.commerce-hero h1{font-size:3rem}.commerce-visual img{height:200px}.commerce-category-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-category{padding:18px}.commerce-category h3{font-size:1.05rem}.commerce-category p{font-size:.85rem}.hero__actions{align-items:stretch}.commerce-hero .hero__actions a{flex:1 1 100%}}@media(max-width:400px){.commerce-category-grid,.product-grid{grid-template-columns:1fr}}
:root { --catalog-gap: 24px; }
/* Public layout: 80% on desktop; comfortable gutters on tablet/mobile. */
html body .container { width: 80%; max-width: none; }
html body .container--narrow { max-width: 920px; }
html body .container--article { max-width: none; }
.article-content { max-width: 80ch; }
html body .container.knowledge-copy { max-width: 82ch; }
.product-grid, .article-grid, .article-grid--wide, .category-grid, .commerce-category-grid, .license-grid {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--catalog-gap);
}
.product-card, .article-card, .license-card { min-width: 0; overflow-wrap: anywhere; }
.article-card h2 { font-size: 1.2rem; line-height: 1.45; }
.article-card { display: flex; flex-direction: column; }
.article-card__image { display: grid; place-items: center; aspect-ratio: 16 / 10; }
.article-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.article-card__image img[src^="/assets/icons/"] { width: 80px; height: 80px; object-fit: contain; }
.product-card__image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
body[data-page="blog"] .page-hero { padding: 32px 0; }
body[data-page="blog"] .page-hero h1 { font-size: clamp(2rem, 3vw, 3rem); }
body[data-page="blog"] .info-card { min-height: 0; padding: 20px; }
body[data-page="blog"] .info-card strong { font-size: 2.4rem; }
body[data-page="blog"] .section--compact { padding-top: 16px; }
.article-card > div { display: flex; flex-direction: column; flex: 1; }
.article-card > div > .text-link { margin-top: auto; padding-top: 12px; }
.license-card { padding: 24px; }
.license-card h2 { font-size: 1.4rem; }
.product-card__actions { flex-wrap: wrap; gap: 12px; }
.catalog-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; margin-top: 32px; text-align: center; }
.catalog-pagination p { flex-basis: 100%; margin: 0; }
.catalog-pagination [aria-disabled="true"] { opacity: .65; cursor: wait; }
.catalog-pagination [hidden] { display: none; }
.guide-search { padding: 24px; border: 1px solid #d9e6e1; background: #f1f6f5; border-radius: 18px; margin-bottom: 24px; }
.guide-search label { display: block; font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }
.guide-search__fields { display: flex; flex-wrap: wrap; gap: 12px; }
.guide-search input { flex: 1 1 240px; min-width: 0; min-height: 48px; border: 1px solid #809d96; background: #fff; border-radius: 10px; padding: 12px 16px; color: #183440; font: inherit; }
.guide-search small { display: block; margin-top: 12px; color: #53666d; }
.guide-results { margin-bottom: 24px; }
.guide-search :focus-visible, .catalog-pagination :focus-visible { outline: 3px solid #167368; outline-offset: 4px; }
@media (max-width: 1199px) {
    html body .container { width: calc(100% - 40px); }
    .commerce-hero__grid { gap: 30px; }
}
@media (min-width: 1051px) and (max-width: 1299px) {
    .nav-toggle { display: block; }
    .site-nav { position: absolute; top: 100%; right: 1rem; left: 1rem; display: none; align-items: stretch; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
    .site-nav.is-open { display: block; }
    .site-nav ul { display: grid; }
    .site-nav ul a { padding: .8rem; }
    .nav-whatsapp { width: 100%; margin-top: .7rem; }
}
@media (min-width: 900px) and (max-width: 1099px) {
    .product-grid, .article-grid, .article-grid--wide, .category-grid, .commerce-category-grid, .license-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 899px) {
    .product-grid, .article-grid, .article-grid--wide, .category-grid, .commerce-category-grid, .license-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    html body .container { width: calc(100% - 32px); }
    .product-grid, .article-grid, .article-grid--wide, .category-grid, .commerce-category-grid, .license-grid, .commerce-hero__grid, .commerce-feature-grid { grid-template-columns: minmax(0, 1fr); }
    .commerce-hero { padding: 32px 0; }
    .commerce-hero h1 { font-size: clamp(2.2rem, 9vw, 3rem); }
    .guide-search { padding: 18px; }
    body[data-page="blog"] .info-card { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 14px; box-shadow: none; }
    body[data-page="blog"] .info-card strong { grid-row: span 2; }
    body[data-page="blog"] .info-card span, body[data-page="blog"] .info-card small { margin: 0; }
    .guide-search__fields > * { flex: 1 1 100%; }
    .catalog-pagination .button { width: 100%; }
}