/* Generated from styles-pilz.css */

.fm .pz-hero { position:relative;min-height:56vh;display:flex;align-items:center;padding:104px var(--gutter) 60px;overflow:hidden;background:var(--bg-deep) }
.fm .pz-hero-bg { position:absolute;inset:0;z-index:0 }
.fm .pz-hero-bg :is(image-slot,.fm-slot img) { filter:grayscale(.25) contrast(1.02) }
.fm .pz-hero-wash { position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,14,22,.92) 0%,rgba(8,14,22,.82) 42%,rgba(8,14,22,.55) 78%,rgba(8,14,22,.42) 100%) }
.fm .pz-hero-inner { position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100% }
.fm .pz-crumb { font-family:var(--ff-mono);font-size: 12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:10px }
.fm .pz-crumb a { color:rgba(255,255,255,.72) }
.fm .pz-crumb a:hover { color:var(--accent) }
.fm .pz-crumb .cur { color:#fff }
.fm .pz-hero .t-eyebrow { color:rgba(255,255,255,.78) }
.fm .pz-title { max-width:16ch;margin:0;color:#F4F6F8 }
.fm .pz-title .accent { color:var(--accent) }
.fm .pz-hero .hero-headline, .fm .pz-hero .t-eyebrow { color:#F4F6F8 }
.fm .pz-sub { color:rgba(255,255,255,.82);max-width:520px;margin:18px 0 0;font-size:17px;line-height:1.6 }
:where(html)[data-theme="light"] .fm .pz-hero .pz-sub { color:rgba(244,246,248,.82) }
.fm .pz-chips { display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0 }
.fm .pz-chip { font-family:var(--ff-mono);font-size: 12px;letter-spacing:.06em;color:rgba(255,255,255,.9);padding:6px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);border-radius:var(--r-xs);white-space:nowrap;height:auto;line-height:1.4 }
.fm .hero-ctas .pz-ext .recurso-arrow, .fm .hero-ctas .pz-ext .arrow { transition:transform .3s var(--ease) }
.fm .pz-hero .hero-ctas { margin-top:24px }
.fm .pz-hero .btn-ghost, :where(html)[data-theme="light"] .fm .pz-hero .btn-ghost { color:#fff;border-color:rgba(255,255,255,.45) }
.fm .pz-hero .btn-ghost:hover, :where(html)[data-theme="light"] .fm .pz-hero .btn-ghost:hover { color:#fff;border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.06) }
.fm .sub-anchors { position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:blur(8px) }
.fm .sub-anchors-inner { max-width:1200px;margin:0 auto;padding:0 var(--gutter);height:46px;display:flex;align-items:center;gap:22px;overflow-x:auto }
.fm .sub-anchors .label { font-family:var(--ff-mono);font-size: 12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap }
.fm .sub-anchors a { font-family:var(--ff-mono);font-size: 12px;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap }
.fm .sub-anchors a:hover { color:var(--accent) }
.fm .pz-sec-head { display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end;margin-bottom:32px }
.fm .pz-sec-head .body-lg { font-size:16px;line-height:1.6 }
.fm .pz-gama .accent, .fm .pz-norms .accent, .fm .pz-sol .accent, .fm .pz-sectors .accent, .fm .pz-cta .accent { color:var(--accent) }
.fm .pz-gama-foot { margin-top:22px;max-width:760px;font-size: 14px;line-height:1.6;color:var(--text-muted);padding-left:16px;border-left:3px solid var(--accent);text-wrap:pretty }
.fm .pz-fams { display:flex;flex-direction:column;gap:28px }
.fm .pz-fam { display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden }
.fm .pz-fam:nth-child(even) .pz-fam-media { order:2 }
.fm .pz-fam-media { position:relative;width:100%;min-width:0;min-height:440px;container-type:size;overflow:hidden;background:var(--surface-2) }
.fm .pz-fam-media--product { background-image:linear-gradient(rgba(11,22,34,.8),rgba(11,22,34,.86)),var(--fam-bg,none);background-position:center;background-size:cover;background-attachment:fixed;display:grid;place-items:center }
.fm .pz-fam-media--product :is(image-slot,.fm-slot img) { aspect-ratio:1/1;width:min(100%,var(--slot-h,100cqh))!important;height:auto!important;max-height:100%;min-width:0;background:transparent!important;border:0!important;filter:none;transition:transform .4s var(--ease) }
.fm .pz-fam:hover .pz-fam-media--product :is(image-slot,.fm-slot img) { transform:scale(1.05) }
.fm .pz-fam-media--product :is(image-slot,.fm-slot img):not([data-filled]) { color:rgba(255,255,255,.78) }
.fm .pz-fam-media--product :is(image-slot,.fm-slot img):not([data-filled])::part(frame) { background:rgba(255,255,255,.05) }
:where(html)[data-theme="light"] .fm .pz-fam-media--product :is(image-slot,.fm-slot img):not([data-filled]) { color:rgba(11,22,34,.62) }
:where(html)[data-theme="light"] .fm .pz-fam-media--product :is(image-slot,.fm-slot img):not([data-filled])::part(frame) { background:rgba(11,22,34,.04) }
:where(html)[data-theme="light"] .fm .pz-fam-media--product { background-image:linear-gradient(rgba(207,213,219,.76),rgba(207,213,219,.84)),var(--fam-bg,none) }
:where(html)[data-theme="light"] .fm .pz-fam-media--product :is(image-slot,.fm-slot img) { filter:none }
.fm .pz-fam-tag { position:absolute;top:14px;left:14px;z-index:2;width:29px;height:29px;display:grid;place-items:center;font-family:var(--ff-display);font-weight:800;font-size: 14px;color:var(--accent-ink);background:var(--accent);border-radius:var(--r-xs) }
.fm .pz-fam-body { padding:56px 64px;display:flex;flex-direction:column;justify-content:center;flex:1 }
.fm .pz-fam-body h3 { font-family:var(--ff-display);font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.25 }
.fm .pz-fam-role { color:var(--text-muted);font-size:16px;line-height:1.7;margin:16px 0 28px;max-width:48ch;text-wrap:pretty }
.fm .pz-fam-prods { list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px }
.fm .pz-fam-prods :is(li,.fm-tag-li) { position:relative;padding-left:20px;font-size:15.5px;font-weight:500;color:var(--text);line-height:1.5 }
.fm .pz-fam-prods :is(li,.fm-tag-li)::before { content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--accent) }
.fm .pz-level { font-family:var(--ff-mono);font-size:13px;letter-spacing:.08em;color:var(--accent-text);padding-top:18px;border-top:1px dashed var(--line-soft) }
.fm .pz-norm-grid { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line) }
.fm .pz-norm { background:var(--surface);padding:20px 22px;display:flex;flex-direction:column;gap:8px }
.fm .pz-norm .code { font-family:var(--ff-display);font-size:clamp(14px,1.2vw,16px);font-weight:800;color:var(--accent);letter-spacing:-.01em;line-height:1.2 }
.fm .pz-norm .desc { font-size: 14px;line-height:1.6;color:var(--text-muted);text-wrap:pretty }
.fm .pz-catalog { background:var(--bg-deep);border-block:1px solid var(--line) }
.fm .pz-catalog-inner { display:grid;grid-template-columns:1.5fr auto;gap:32px;align-items:center }
.fm .pz-catalog-inner .body-lg { font-size:16px;line-height:1.6 }
.fm .pz-catalog .t-eyebrow { color:var(--accent) }
.fm .pz-catalog h2 { color:var(--text) }
:where(html)[data-theme="light"] .fm .pz-catalog { background:#0F1A26 }
:where(html)[data-theme="light"] .fm .pz-catalog h2, :where(html)[data-theme="light"] .fm .pz-catalog .body-lg { color:#F4F6F8 }
:where(html)[data-theme="light"] .fm .pz-catalog .body-lg { color:rgba(244,246,248,.72) }
.fm .pz-xgrid { display:grid;grid-template-columns:1fr 1fr;gap:12px }
.fm .pz-xcard { position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);padding:20px 20px 17px;min-height:142px;transition:border-color .3s var(--ease),transform .3s var(--ease) }
.fm .pz-xcard:hover { border-color:var(--accent);transform:translateY(-2px) }
.fm .pz-xcard .meta { display:flex;justify-content:space-between;font-family:var(--ff-mono);font-size: 12px;letter-spacing:.08em;color:var(--text-dim) }
.fm .pz-xcard .meta .accent { color:var(--accent) }
.fm .pz-xcard .glyph { font-family:var(--ff-display);font-weight:800;font-size:25px;color:var(--line);line-height:1;margin:9px 0 auto;letter-spacing:-.02em }
.fm .pz-xcard h4 { font-family:var(--ff-display);font-size:15px;font-weight:800;letter-spacing:-.01em;margin:0 0 11px }
.fm .pz-xcard .foot { display:flex;align-items:center;gap:7px;font-family:var(--ff-mono);font-size: 12px;color:var(--text-muted) }
.fm .pz-xcard:hover .foot { color:var(--accent) }
.fm .pz-xcard:hover .arrow { transform:translateX(4px) }
.fm .pz-sector-list { display:flex;flex-wrap:wrap;gap:9px }
.fm .pz-sector { display:inline-flex;align-items:center;gap:9px;font-family:var(--ff-display);font-weight:600;font-size: 14px;color:var(--text);padding:10px 15px;background:var(--surface);border:1px solid var(--line) }
.fm .pz-sector .n { font-family:var(--ff-mono);font-size: 12px;color:var(--text-dim);letter-spacing:.06em }
.fm .pz-sector-link { transition:border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease);cursor:pointer }
.fm .pz-sector-link .arrow { stroke:currentColor;transition:transform .25s var(--ease) }
.fm .pz-sector-link:hover { border-color:var(--accent);color:var(--accent);transform:translateY(-2px) }
.fm .pz-sector-link:hover .arrow { transform:translateX(3px) }
.fm .pz-sector-link:hover .n { color:var(--accent) }
.fm .pz-sector-cta { gap:8px;background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-family:var(--ff-display) }
.fm .pz-sector-cta:hover { background:var(--accent-deep);border-color:var(--accent-deep) }
.fm .pz-sector-cta .arrow { stroke:currentColor }
.fm .pz-cta { background:var(--bg-deep);text-align:left }
.fm .pz-cta-inner { max-width:1100px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center }
.fm .pz-cta-inner .pz-cta-copy { max-width:600px }
.fm .pz-cta-inner .h-1 { margin:0 }
.fm .pz-cta-inner .body-lg { margin-top:10px;font-size:16px }
.fm .pz-cta-inner .hero-ctas { margin-top:0;flex-shrink:0 }
:where(html)[data-theme="light"] .fm .pz-cta { background:var(--surface-2) }
.fm .pz-gama, .fm .pz-norms, .fm .pz-sol, .fm .pz-sectors, .fm .pz-catalog, .fm .pz-cta { padding-block:clamp(38px,3.6vw,50px) }
.fm .pz-gama { padding-block:clamp(64px,6vw,96px) }
.fm .pz-gama .pz-sec-head { margin-bottom:48px }
.fm .pz-sec-head { margin-bottom:28px }
.fm .pz-gama .container, .fm .pz-norms .container, .fm .pz-sol .container, .fm .pz-sectors .container, .fm .pz-catalog .container, .fm .pz-cta .container { max-width:1200px }
.fm .pz-gama .h-1, .fm .pz-norms .h-1, .fm .pz-sol .h-1, .fm .pz-sectors .h-1, .fm .pz-cta .h-1 { font-size:clamp(28px,3vw,40px);line-height:1.18 }
.fm .pz-catalog .h-2 { font-size:clamp(24px,2.2vw,30px);line-height:1.2 }
.fm .pz-hero .pz-title { font-size:clamp(34px,4.4vw,56px);line-height:1.1 }
.fm .pz-gama .t-eyebrow, .fm .pz-norms .t-eyebrow, .fm .pz-sol .t-eyebrow, .fm .pz-sectors .t-eyebrow, .fm .pz-catalog .t-eyebrow, .fm .pz-cta .t-eyebrow, .fm .pz-hero .t-eyebrow { font-size: 12px;letter-spacing:.16em }
.fm .pz-hero .btn, .fm .pz-cta .btn, .fm .pz-catalog .btn { font-size:15px;padding:13px 22px;min-height:44px;gap:12px }
.fm .pz-hero .hero-ctas, .fm .pz-cta .hero-ctas { gap:14px }
.fm .pz-hero .btn .arrow, .fm .pz-cta .btn .arrow, .fm .pz-catalog .btn .arrow { width:12px;height:12px }
.fm .pz-hero .btn .recurso-arrow, .fm .pz-cta .btn .recurso-arrow, .fm .pz-catalog .btn .recurso-arrow { width:13px;height:13px }
@media(max-width:1000px) {
  .fm .pz-fam-body { padding:40px 36px }
  .fm .pz-fam-media { min-height:380px }
  .fm .pz-fam { grid-template-columns:1fr 1fr }
  .fm .pz-sec-head { grid-template-columns:1fr;gap:24px }
  .fm .pz-cta-inner { grid-template-columns:1fr;gap:28px;align-items:start }
}
@media(max-width:720px) {
  .fm .pz-hero { min-height:0;padding:104px var(--gutter) 54px }
  .fm .pz-fam { grid-template-columns:1fr;min-height:0 }
  .fm .pz-fam:nth-child(even) .pz-fam-media { order:0 }
  .fm .pz-fam-media { aspect-ratio:1/1;min-height:0 }
  .fm .pz-fam-media--product :is(image-slot,.fm-slot img) { width:84%!important }
  .fm .pz-fam-body { padding:32px 24px 36px }
  .fm .pz-fams { gap:20px }
  .fm .pz-norm-grid { grid-template-columns:1fr }
  .fm .pz-xgrid { grid-template-columns:1fr }
  .fm .pz-catalog-inner { grid-template-columns:1fr;gap:28px }
  .fm .pz-hero-wash { background:linear-gradient(180deg,rgba(8,14,22,.72) 0%,rgba(8,14,22,.9) 100%) }
}
@media(max-width:560px) {
  .fm .pz-hero .hero-ctas, .fm .pz-cta .hero-ctas { flex-direction:column;align-items:stretch;width:100% }
  .fm .pz-hero .hero-ctas .btn, .fm .pz-cta .hero-ctas .btn { width:100%;justify-content:center;white-space:normal;text-align:center;line-height:1.3;overflow-wrap:anywhere }
  .fm .pz-chip { font-size: 12px;padding:6px 9px }
}
.fm .pz-hero-logo { position:absolute;top:-24px;right:0;display:flex;z-index:3 }
.fm .pz-hero-logo img { height:120px;width:auto;display:block }
@media(max-width:900px) {
  .fm .pz-hero-logo { position:static;margin-bottom:20px }
  .fm .pz-hero-logo img { height:84px;margin-left:-20px }
}



/* page: marca-pilz */
.fm.fm-page-marca-pilz .pz-fam-media--product, :where(html)[data-theme="light"] .fm.fm-page-marca-pilz .pz-fam-media--product { background-image:none;background-color:color-mix(in srgb,var(--surface-2),#000 4%) }
:where(html)[data-theme="dark"] .fm.fm-page-marca-pilz .pz-fam-media--product, :root:not([data-theme="light"]) .fm.fm-page-marca-pilz .pz-fam-media--product { background-color:color-mix(in srgb,var(--surface-2),#fff 4%) }
:where(html)[data-theme="light"] .fm.fm-page-marca-pilz .pz-fam-media--product { background-color:color-mix(in srgb,var(--surface-2),#000 4%) }

/* page: marca-obo */
.fm.fm-page-marca-obo .pz-fam-media--product #obo-vbs img { width:min(80%,80cqh)!important }
.fm.fm-page-marca-obo .pz-fam-tag { width:auto!important;min-width:40px;padding:0 12px;letter-spacing:.04em;font-size:15px }
.fm.fm-page-marca-obo .pz-xcard .meta { gap:16px;align-items:flex-start }
.fm.fm-page-marca-obo .pz-xcard .meta>:is(span,.fm-tag-span):first-child { white-space:nowrap;flex-shrink:0 }
.fm.fm-page-marca-obo .pz-xcard .meta>.accent { text-align:right;min-width:0 }
.fm.fm-page-marca-obo .pz-fam-star { position:absolute;top:22px;right:22px;z-index:2;font-family:var(--ff-mono,monospace);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);padding:6px 10px;border-radius:2px }
.fm.fm-page-marca-obo .pz-fam--star .pz-fam-body h3 { color:var(--text) }
.fm.fm-page-marca-obo .pz-fam--star .pz-level { border-color:var(--accent);color:var(--accent) }

/* page: marca-cabur */
.fm.fm-page-marca-cabur .pz-fam-tag { width:auto!important;min-width:40px;padding:0 12px;letter-spacing:.04em;font-size:15px }
.fm.fm-page-marca-cabur .pz-xcard .meta { gap:16px;align-items:flex-start }
.fm.fm-page-marca-cabur .pz-xcard .meta>:is(span,.fm-tag-span):first-child { white-space:nowrap;flex-shrink:0 }
.fm.fm-page-marca-cabur .pz-xcard .meta>.accent { text-align:right;min-width:0 }
.fm.fm-page-marca-cabur .pz-fam-star { position:absolute;top:22px;right:22px;z-index:2;font-family:var(--ff-mono,monospace);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);padding:6px 10px;border-radius:2px }
.fm.fm-page-marca-cabur .pz-fam--star .pz-fam-body h3 { color:var(--text) }
.fm.fm-page-marca-cabur .pz-fam--star .pz-level { border-color:var(--accent);color:var(--accent) }

/* page: marca-idem */
.fm.fm-page-marca-idem .pz-fam-tag { width:auto!important;min-width:40px;padding:0 12px;letter-spacing:.04em;font-size:15px }
.fm.fm-page-marca-idem .pz-xcard .meta { gap:16px;align-items:flex-start }
.fm.fm-page-marca-idem .pz-xcard .meta>:is(span,.fm-tag-span):first-child { white-space:nowrap;flex-shrink:0 }
.fm.fm-page-marca-idem .pz-xcard .meta>.accent { text-align:right;min-width:0 }
.fm.fm-page-marca-idem .pz-fam-star { position:absolute;top:22px;right:22px;z-index:2;font-family:var(--ff-mono,monospace);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);padding:6px 10px;border-radius:2px }
.fm.fm-page-marca-idem .pz-fam--star .pz-fam-body h3 { color:var(--text) }
.fm.fm-page-marca-idem .pz-fam--star .pz-level { border-color:var(--accent);color:var(--accent) }

/* page: marca-gmi */
.fm.fm-page-marca-gmi .pz-fam-media--product :is(image-slot,.fm-slot img) { width:min(68%,68cqh)!important }
.fm.fm-page-marca-gmi .pz-fam-media--product, :where(html)[data-theme="light"] .fm.fm-page-marca-gmi .pz-fam-media--product { background-image:none }
@media (max-width:900px) {
  .fm.fm-page-marca-gmi .pz-fam-media--product :is(image-slot,.fm-slot img) { width:64%!important }
}