/* Páginas de marcas CYSM: estructura compartida con identidad cromática propia. */
:root{--brand-ink:#0b1220;--brand-muted:#5c6873;--brand-line:#e2e8eb;--brand-soft:#f4f7f8;--brand-accent:#ffd000;--brand-deep:#0b1220;--brand-glow:rgba(255,208,0,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.brand-page{margin:0;background:#fff;color:var(--brand-ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
.brand-page a{color:inherit;text-decoration:none}
.brand-page img{display:block;max-width:100%}
.brand-page main{padding-top:84px;overflow:clip}
.brand-container{width:min(90%,1200px);margin-inline:auto}
.brand-page--hirschmann{--brand-accent:#2f8ee5;--brand-deep:#082846;--brand-soft:#eef6fc;--brand-glow:rgba(47,142,229,.2)}
.brand-page--pepperl{--brand-accent:#32c0b2;--brand-deep:#073b3d;--brand-soft:#edf9f7;--brand-glow:rgba(50,192,178,.2)}
.brand-page--gobo{--brand-accent:#55bf68;--brand-deep:#123b2b;--brand-soft:#eef8f0;--brand-glow:rgba(85,191,104,.2)}
.brand-page--pilz{--brand-accent:#ffd000;--brand-deep:#0b1220;--brand-soft:#fffbea;--brand-glow:rgba(255,208,0,.22)}
.brand-page--pilz .brand-hero{background-image:linear-gradient(90deg,rgba(11,18,32,.88) 0%,rgba(11,18,32,.62) 49%,rgba(11,18,32,.3) 100%),url('/assets/img/marcas/pilz/hero-pilz.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
.brand-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-deep);color:#fff}
.brand-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 82% 18%,var(--brand-glow),transparent 31%),linear-gradient(116deg,rgba(255,255,255,.03),transparent 48%)}
.brand-hero::after{content:"";position:absolute;right:-13%;bottom:-72%;z-index:-1;width:70%;height:125%;border:1px solid color-mix(in srgb,var(--brand-accent) 42%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--brand-accent) 8%,transparent),0 0 0 68px color-mix(in srgb,var(--brand-accent) 5%,transparent);transform:rotate(-18deg)}
.brand-hero__grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(270px,.78fr);align-items:center;gap:clamp(36px,7vw,100px);min-height:clamp(570px,calc(100svh - 84px),760px)}
.brand-hero__copy{padding-block:82px}
.brand-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--brand-accent);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.brand-eyebrow::before{content:"";width:32px;height:3px;border-radius:99px;background:var(--brand-accent)}
.brand-hero h1{max-width:780px;margin:16px 0 20px;font-size:clamp(2.55rem,5.4vw,5.4rem);line-height:.98;letter-spacing:-.065em}
.brand-hero__lead{max-width:680px;margin:0;color:#d7e4e8;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}
.brand-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.brand-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:850;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.brand-btn:hover{transform:translateY(-2px)}
.brand-btn--primary{background:var(--brand-accent);color:#0b1220!important;box-shadow:0 14px 28px var(--brand-glow)}
.brand-btn--primary:hover{filter:brightness(1.05)}
.brand-btn--light{border-color:rgba(255,255,255,.45);color:#fff!important;background:rgba(255,255,255,.04)}
.brand-btn--light:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.brand-hero__facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.brand-hero__facts span{padding:8px 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#dbe6e9;font-size:.8rem}
.brand-hero__visual-wrap{position:relative;display:grid;align-content:end;min-height:542px;padding-top:182px}.brand-hero__logo-slot{position:absolute;top:0;left:50%;display:grid;place-items:center;width:min(100%,430px);height:160px;transform:translateX(-50%);border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.2)}.brand-hero__logo-slot img{display:block;width:auto;max-width:100%;max-height:148px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.16))}.brand-hero__visual{position:relative;display:grid;place-items:center;min-height:360px;padding:26px;border:1px solid color-mix(in srgb,var(--brand-accent) 36%,rgba(255,255,255,.18));border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:0 30px 80px rgba(0,0,0,.22)}
@media(max-width:560px){.brand-hero__visual-wrap{min-height:420px;padding-top:130px}.brand-hero__logo-slot{width:min(100%,340px);height:120px}.brand-hero__logo-slot img{max-height:108px}}
.brand-hero__visual::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.11);border-radius:20px}
.brand-mark{position:relative;z-index:1;text-align:center}
.brand-mark__symbol{display:grid;place-items:center;width:clamp(118px,15vw,178px);height:clamp(118px,15vw,178px);margin:0 auto 24px;border:2px solid var(--brand-accent);border-radius:32% 68% 48% 52% / 55% 42% 58% 45%;color:var(--brand-accent);font-size:clamp(3rem,7vw,6rem);font-weight:950;letter-spacing:-.12em;line-height:1;box-shadow:0 0 0 12px color-mix(in srgb,var(--brand-accent) 9%,transparent),0 0 70px var(--brand-glow);transform:rotate(-8deg)}
.brand-mark__symbol span{transform:rotate(8deg)}
.brand-mark__name{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:850;letter-spacing:.02em}
.brand-mark__note{margin-top:3px;color:#b9cdd2;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.brand-hero__visual{border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-hero__visual::before{display:none}
.brand-hero__visual{display:none}
.brand-hero__visual-wrap{min-height:160px;padding-top:0;align-content:center}
.brand-hero__logo-slot{position:relative;top:auto;left:auto;transform:none}
.brand-proof{position:relative;z-index:2;margin-top:-1px;border-block:1px solid var(--brand-line);background:#fff}
.brand-proof__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.brand-proof__item{display:grid;gap:3px;padding:24px 22px;border-right:1px solid var(--brand-line)}
.brand-proof__item:last-child{border-right:0}
.brand-proof__item strong{color:var(--brand-deep);font-size:1rem}
.brand-proof__item span{color:var(--brand-muted);font-size:.85rem}
.brand-section{padding:clamp(72px,9vw,118px) 0}
.brand-section--soft{background:var(--brand-soft)}
.brand-section__head{max-width:780px;margin-bottom:36px}
.brand-section__head h2,.brand-split h2{margin:11px 0 14px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.06em}
.brand-section__head p,.brand-split p{margin:0;color:var(--brand-muted);font-size:1rem;line-height:1.75}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.brand-card{position:relative;min-height:220px;padding:26px;border:1px solid var(--brand-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(11,18,32,.05);overflow:hidden}
.brand-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--brand-accent)}
.brand-card__number{display:grid;place-items:center;width:36px;height:36px;margin-bottom:25px;border-radius:11px;background:var(--brand-accent);color:#0b1220;font-size:.78rem;font-weight:950}
.brand-card h3{margin:0 0 9px;font-size:1.2rem;line-height:1.15}
.brand-card p{margin:0;color:var(--brand-muted);font-size:.92rem;line-height:1.65}
.brand-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:center;gap:clamp(36px,8vw,110px)}
.brand-split__visual{position:relative;min-height:370px;padding:34px;border-radius:24px;background:var(--brand-deep);color:#fff;overflow:hidden}
.brand-split__visual::before,.brand-split__visual::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--brand-accent) 45%,transparent);border-radius:50%}
.brand-split__visual::before{inset:12% -14% 12% 12%;transform:rotate(20deg)}
.brand-split__visual::after{inset:24% 12% 24% -14%;transform:rotate(-20deg)}
.brand-split__visual-content{position:relative;z-index:1;display:flex;min-height:302px;flex-direction:column;justify-content:end}
.brand-split__visual strong{max-width:290px;font-size:clamp(1.8rem,3.4vw,3.3rem);line-height:.98;letter-spacing:-.06em}
.brand-split__visual span{margin-top:18px;color:#c8d8dc;font-size:.9rem}
.brand-page--pilz .brand-split__visual{align-self:center;justify-self:center;width:min(100%,360px);min-height:0;aspect-ratio:3 / 4;padding:0;background:#0b1220 url('/assets/img/marcas/pilz/respaldo-local-pilz.webp') center/cover no-repeat}
.brand-page--pilz .brand-split__visual::before,.brand-page--pilz .brand-split__visual::after{display:none}
.brand-page--pilz .brand-split__visual-content{display:none}
.brand-list{display:grid;gap:0;margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--brand-line)}
.brand-list li{position:relative;padding:15px 0 15px 28px;border-bottom:1px solid var(--brand-line);color:var(--brand-ink)}
.brand-list li::before{content:"";position:absolute;left:0;top:22px;width:10px;height:10px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 5px var(--brand-glow)}
.brand-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;border:1px solid var(--brand-line);background:var(--brand-line)}
.brand-pillar{padding:24px;background:#fff}
.brand-pillar strong{display:block;margin-bottom:7px;font-size:.98rem}
.brand-pillar span{color:var(--brand-muted);font-size:.86rem;line-height:1.55}
.brand-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-deep);color:#fff}
.brand-cta::after{content:"";position:absolute;right:-100px;bottom:-260px;z-index:-1;width:560px;height:560px;border:80px solid color-mix(in srgb,var(--brand-accent) 38%,transparent);border-radius:50%}
.brand-cta__grid{display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand-cta h2{max-width:750px;margin:11px 0 0;font-size:clamp(2rem,4.4vw,4.3rem);line-height:1;letter-spacing:-.06em}
.brand-cta p{max-width:650px;margin:17px 0 0;color:#d1dee1}
.brand-cta .brand-actions{flex-shrink:0;margin-top:0}
.brand-page--pilz main{display:flex;flex-direction:column}
.brand-page--pilz main > #productos-pilz{order:5}
.brand-page--pilz main > .brand-cta{order:6}
.brand-page--pilz .products-family--wide{grid-column:span 4}
.brand-page--pilz .brand-page__products .products-family:first-child .products-family__media img{content:url('/assets/img/catalogos/pilz/producto-reles.webp')}
.brand-page--pilz .brand-page__products .products-family:first-child .products-family__media{background-image:none}
.brand-page--pilz .brand-page__products .products-family:first-child .products-family__media img{visibility:hidden}
.brand-page--pilz .brand-page__products .products-family:first-child .products-family__media::before{content:"";position:absolute;inset:0;z-index:1;background:url('/assets/img/catalogos/pilz/producto-reles.webp') center/contain no-repeat;transition:transform .35s ease}
.brand-page--pilz .brand-page__products .products-family:first-child:hover .products-family__media::before{transform:scale(1.04)}
.brand-page--pilz .brand-page__products .products-family:nth-child(2) .products-family__media img{content:url('/assets/img/catalogos/pilz/accesosmlock.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(3) .products-family__media img{content:url('/assets/img/catalogos/pilz/senpsen.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(4) .products-family__media img{content:url('/assets/img/catalogos/pilz/psencopt.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(5) .products-family__media img{content:url('/assets/img/catalogos/pilz/psenrscan.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(6) .products-family__media img{content:url('/assets/img/catalogos/pilz/productopitbox.webp')}
.brand-page--pilz .brand-page__products .products-family__media{background:linear-gradient(145deg,#f4f7f9,#e9eef2)}
.brand-page--pilz .brand-page__products .products-family:first-child .products-family__media{background:linear-gradient(145deg,#f4f7f9,#e9eef2)!important}
.brand-page--pilz .brand-page__products .products-family__media img{visibility:hidden}
.brand-page--pilz .brand-page__products .products-family:nth-child(1) .products-family__media::before,.brand-page--pilz .brand-page__products .products-family:nth-child(2) .products-family__media::before,.brand-page--pilz .brand-page__products .products-family:nth-child(3) .products-family__media::before,.brand-page--pilz .brand-page__products .products-family:nth-child(4) .products-family__media::before,.brand-page--pilz .brand-page__products .products-family:nth-child(5) .products-family__media::before,.brand-page--pilz .brand-page__products .products-family:nth-child(6) .products-family__media::before{content:"";position:absolute;inset:0;z-index:1;transition:transform .35s ease;background-position:center;background-repeat:no-repeat;background-size:contain}
.brand-page--pilz .brand-page__products .products-family:nth-child(1) .products-family__media::before{background-image:url('/assets/img/catalogos/pilz/producto-reles.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(2) .products-family__media::before{background-image:url('/assets/img/catalogos/pilz/accesosmlock.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(3) .products-family__media::before{background-image:url('/assets/img/catalogos/pilz/senpsen.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(4) .products-family__media::before{background-image:url('/assets/img/catalogos/pilz/psencopt.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(5) .products-family__media::before{background-image:url('/assets/img/catalogos/pilz/psenrscan.webp')}
.brand-page--pilz .brand-page__products .products-family:nth-child(6) .products-family__media::before{background-image:url('/assets/img/catalogos/pilz/productopitbox.webp')}
.brand-page--pilz .brand-page__products .products-family:hover .products-family__media::before{transform:scale(1.04)}
@media(max-width:900px){.brand-page main{padding-top:76px}.brand-hero__grid,.brand-split{grid-template-columns:1fr}.brand-hero__copy{padding-block:72px 38px}.brand-hero__visual{min-height:300px;margin-bottom:70px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-pillars{grid-template-columns:repeat(2,1fr)}.brand-cta__grid{display:block}.brand-cta .brand-actions{margin-top:28px}}
@media(max-width:980px){.brand-page--pilz .products-family--wide{grid-column:span 6}}
@media(max-width:560px){.brand-container{width:91%}.brand-hero__grid{min-height:0}.brand-hero__copy{padding-block:60px 30px}.brand-hero h1{font-size:clamp(2.65rem,12vw,4.3rem)}.brand-hero__lead{font-size:.98rem}.brand-hero__visual{min-height:260px;margin-bottom:60px;padding:20px}.brand-hero__visual-wrap{min-height:120px;padding-top:0}.brand-hero__logo-slot{width:min(100%,340px);height:120px}.brand-hero__logo-slot img{max-height:108px}.brand-mark__symbol{width:112px;height:112px}.brand-proof__grid{grid-template-columns:1fr}.brand-proof__item{padding:17px 0;border-right:0;border-bottom:1px solid var(--brand-line)}.brand-proof__item:last-child{border-bottom:0}.brand-section{padding:68px 0}.brand-grid,.brand-pillars{grid-template-columns:1fr}.brand-card{min-height:0}.brand-split__visual{min-height:290px}.brand-split__visual-content{min-height:220px}.brand-cta h2{font-size:2.75rem}.brand-cta .brand-btn{width:100%}}
@media(max-width:680px){.brand-page--pilz .products-family--wide{grid-column:span 12}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-btn{transition:none}.brand-mark__symbol{transform:none}}