.productos-page{--pp-bg: #000000;--pp-surface: #0e0e0e;--pp-surface-2: #161616;--pp-border: rgba(255, 255, 255, .1);--pp-border-2: rgba(255, 255, 255, .18);--pp-text: #f4f4f4;--pp-muted: #9a9a9a;background:var(--pp-bg);color:var(--pp-text)}.productos-page .section{background:var(--pp-bg);position:relative}.productos-page #sistemas:before,.productos-page #accesorios:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 380px at 12% -8%,rgba(255,255,255,.05),transparent 60%);pointer-events:none}.productos-page .section .container{position:relative;z-index:1}.page-hero.productos-hero:before{background:linear-gradient(180deg,#000000d1,#000000b8),url(../assets/tc/sistemas_fondo_01.webp) center/cover no-repeat!important}.page-hero.hormigon-hero:before{background:linear-gradient(180deg,#000000d1,#000000b8),url(../assets/tc/hormigon_impreso_productos.webp) center/cover no-repeat!important}.productos-page .cat-head{display:flex;align-items:center;gap:26px;margin-bottom:52px}.productos-page .cat-head .cat-num{font-size:clamp(3.6rem,8vw,5.6rem);font-weight:800;line-height:.85;letter-spacing:-.02em;color:#ffffff24;flex-shrink:0;user-select:none}@supports (-webkit-text-stroke: 1px #fff){.productos-page .cat-head .cat-num{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.32)}}.productos-page .cat-head .cat-num:before{content:"0"}.productos-page .cat-titles{display:flex;flex-direction:column;gap:8px;min-width:0}.productos-page .cat-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;color:var(--pp-muted)}.productos-page .cat-head h2{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--pp-text)}.productos-page .cat-sub{margin:2px 0 0;font-size:.95rem;line-height:1.55;color:var(--pp-muted);max-width:62ch}.productos-page .cat-head .cat-line{flex:1;height:1px;min-width:40px;background:linear-gradient(90deg,var(--pp-border-2),transparent)}.productos-page .cat-count{flex-shrink:0;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d8d8d8;background:var(--pp-surface-2);border:1px solid var(--pp-border-2);padding:7px 16px;border-radius:50px}.productos-page #sistemas,.productos-page #accesorios{scroll-margin-top:calc(var(--alto-header) + 3px)}@media(max-width:860px){.productos-page .cat-head{gap:18px}.productos-page .cat-head .cat-line,.productos-page .cat-count{display:none}}.producto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px}.producto-card{position:relative;display:flex;flex-direction:column;background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:18px;padding:26px 26px 28px;overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.producto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:0;transition:opacity var(--transition)}.producto-card:hover{transform:translateY(-8px);border-color:var(--pp-border-2);box-shadow:0 30px 60px #0000008c}.producto-card:hover:before{opacity:1}.producto-media{display:grid;place-items:center;height:120px;margin-bottom:22px;border-radius:14px;background:radial-gradient(120% 120% at 50% 0%,rgba(255,255,255,.06),transparent 70%),var(--pp-surface-2);border:1px solid var(--pp-border)}.producto-media{text-decoration:none}.producto-img{max-height:78px;max-width:78%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transition:transform var(--transition)}.producto-card:hover .producto-img{transform:scale(1.06)}.producto-wordmark{font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:800;letter-spacing:.01em;color:var(--white);text-align:center;line-height:1.05;transition:transform var(--transition)}.producto-wordmark sup{font-size:.5em;vertical-align:super}.producto-card:hover .producto-wordmark{transform:scale(1.05)}.producto-card .feature-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#000;border:1px solid var(--pp-border-2);color:var(--white);font-size:1.55rem;transition:var(--transition)}.producto-card:hover .feature-icon{background:var(--white);color:#000;border-color:var(--white)}.producto-card h2{font-size:1.22rem;margin-bottom:12px;line-height:1.25}.producto-card h2 a{color:var(--pp-text);text-decoration:none;transition:var(--transition)}.producto-card:hover h2 a{color:#fff}.producto-card p{font-size:.94rem;color:var(--pp-muted);line-height:1.6;margin-bottom:20px}.producto-variantes{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;flex:1;align-content:flex-start}.producto-variantes li{display:inline-flex}.producto-variantes a{display:inline-flex;align-items:center;font-size:.76rem;font-weight:600;letter-spacing:.01em;color:#d8d8d8;background:var(--pp-surface-2);border:1px solid var(--pp-border);padding:5px 11px;border-radius:50px;text-decoration:none;transition:var(--transition)}.producto-variantes a:hover{color:#000;background:var(--white);border-color:var(--white);transform:translateY(-2px)}.producto-card .producto-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--white);margin-top:auto;transition:var(--transition)}.producto-card .producto-link i{transition:transform var(--transition)}.producto-card:hover .producto-link{color:#fff}.producto-card:hover .producto-link i{transform:translate(5px)}.producto-badge{position:absolute;top:16px;right:16px;z-index:2;background:var(--white);color:#000;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:50px}.productos-page .productos-cta{background:radial-gradient(800px 300px at 50% 0%,rgba(255,255,255,.07),transparent 65%),#060606;border-top:1px solid var(--pp-border)}.productos-page .productos-cta h2{color:var(--white);font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:16px}.productos-page .productos-cta p{color:#ffffffb8;max-width:56ch;margin:0 auto 30px;font-size:1.1rem}@media(max-width:560px){.producto-grid{grid-template-columns:1fr}.productos-page .cat-head{gap:14px}.productos-page .cat-head h2{min-width:0;overflow-wrap:anywhere;letter-spacing:.06em}}@media(max-width:560px){.producto-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.producto-card>p{display:none}.producto-card h2{font-size:1.05rem}.producto-variantes{gap:6px;margin-bottom:14px}.producto-card .producto-link{min-height:44px}}