/* Integration of the new pages with the existing site; original styles.css is unchanged. */
html{color-scheme:dark;scroll-padding-top:0}section[id],main[id]{scroll-margin-top:140px}h1,h2,h3{text-wrap:balance}
a:focus-visible,button:focus-visible,iframe:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.skip-link{position:fixed;left:18px;top:-100px;z-index:100;background:var(--bg-soft);border:1px solid var(--cyan);padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}
.site-header .brand{flex-shrink:0}.site-header .nav{flex-wrap:wrap;justify-content:flex-end;gap:12px}.nav a[aria-current=page]{color:var(--text)}
.integracion-main{padding:36px clamp(18px,4vw,84px) 46px;max-width:1800px;margin:auto}.integracion-intro{max-width:1080px;margin:12px 0 28px}.integracion-intro h1{font-size:clamp(2.5rem,5.5vw,5rem)}.integracion-intro .lead{max-width:950px;margin-bottom:24px}.integracion-intro .actions{flex-wrap:wrap;gap:12px}
.integracion-note,figcaption{color:var(--muted);font-size:.9rem;line-height:1.6}.integracion-note{margin:20px 0 0}.demo-marco{overflow:hidden;border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);background:#0f172a}.demo-marco iframe{display:block;width:100%;height:86vh;min-height:660px;border:0;color-scheme:dark}.integracion-cta{margin:44px 0 0}
.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.material-productos,.material-campana,#manuales{margin:0 0 48px}.material-campana figure{margin:24px 0}.material-campana img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--card-border)}figcaption{margin-top:10px}.news-card .lead{font-size:1rem;margin:0}.news-card .btn{align-self:flex-start;margin-top:auto}.news-card h2{margin:0;text-transform:none;line-height:1.18;font-size:clamp(1.2rem,1.65vw,1.5rem)}
@media(max-width:1100px){.site-header{gap:18px}.material-grid{grid-template-columns:1fr}}
@media(max-width:700px){.site-header .nav{justify-content:flex-start}.site-header .nav a:not(.btn){display:inline-flex;font-size:.82rem}.site-header{padding:12px 18px;gap:12px}.site-header .brand-mark{width:36px;height:36px}.integracion-main{padding-top:24px}.integracion-intro .actions .btn{padding:11px 15px;font-size:.88rem}.demo-marco{border-radius:14px}.demo-marco iframe{height:80vh;min-height:620px}html{scroll-padding-top:0}section[id],main[id]{scroll-margin-top:170px}}

@media(max-width:700px){.site-header .lang-switch{position:absolute;top:18px;right:18px;padding:7px 10px}.site-header .nav{gap:8px}}