/* Productos distribuidos — complementa v1.css */
nav a[aria-current="page"]{color:var(--green);font-weight:600}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0b6b8a;background:#e6f4f8;border:1px solid #c5e3ec;border-radius:999px;padding:6px 12px}
.badge.green{color:var(--green);background:#e9f6ed;border-color:#cce3d4}

/* Teaser en el landing y catálogo */
.product-feature{display:grid;grid-template-columns:1fr 1.25fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.product-feature-copy{padding:38px 36px;display:flex;flex-direction:column;align-items:flex-start}
.product-feature-copy img.product-logo{width:150px;height:auto;margin:18px 0 6px}
.product-feature-copy h3{margin-top:10px}
.product-feature-copy p{color:var(--muted);font-size:15px}
.product-feature-copy ul{margin:4px 0 26px;padding:0;list-style:none;display:grid;gap:8px;font-size:14px}
.product-feature-copy li{padding-left:22px;position:relative}
.product-feature-copy li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
.product-feature-copy .actions{margin-top:auto}
.product-feature-shot{background:linear-gradient(160deg,#eaf6fa,#eef7f1);padding:30px 0 30px 30px;display:flex;align-items:center;overflow:hidden}
.product-feature-shot img{width:100%;min-width:560px;height:auto;display:block;border-radius:10px 0 0 10px;border:1px solid #d3e6ec;border-right:0;box-shadow:0 20px 60px #0d3b4a1f}
.distributed-note{font-size:12px;color:var(--muted);margin-top:18px}

/* Página de producto */
.product-hero{padding:70px 0 0;background:radial-gradient(ellipse at 85% 20%,#e3f3f8,transparent 55%),var(--soft);border-bottom:1px solid var(--line);overflow:hidden}
.product-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.product-hero h1{font-size:clamp(38px,4.4vw,60px)}
.product-hero h1 span{color:#0b8aa8}
.product-hero .lead{max-width:560px}
.product-hero-logo{width:190px;height:auto;display:block;margin:0 0 22px}
.product-hero-shot{align-self:end}
.product-hero-shot img{width:100%;height:auto;display:block;border-radius:12px 12px 0 0;border:1px solid #cfe2e8;border-bottom:0;box-shadow:0 -10px 60px #0d3b4a1a}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 64px;font-size:12px;color:var(--muted)}
.hero-facts b{color:var(--ink)}
.engines{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.engines span{border:1px solid var(--line);background:#fff;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:600}

.feature-row{display:grid;grid-template-columns:.85fr 1.4fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.section-head+.feature-row{border-top:0;padding-top:10px}
.feature-row.reverse{grid-template-columns:1.4fr .85fr}
.feature-row.reverse .feature-copy{order:2}
.feature-copy h3{font-size:26px;margin-top:6px}
.feature-copy p{color:var(--muted);font-size:15px}
.feature-copy ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:9px;font-size:14px}
.feature-copy li{padding-left:22px;position:relative}
.feature-copy li:before{content:"→";position:absolute;left:0;color:var(--green)}
.shot{margin:0}
.shot a{display:block;border-radius:10px;overflow:hidden;border:1px solid #d3e3e8;box-shadow:0 18px 50px #0d3b4a17;background:#f4fafc;transition:transform .2s,box-shadow .2s}
.shot a:hover{transform:translateY(-2px);box-shadow:0 24px 60px #0d3b4a24}
.shot img{width:100%;height:auto;display:block}
.shot figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.shot-pair{display:grid;gap:18px}

.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.module{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}
.module h3{font-size:17px;margin:10px 0 8px}
.module p{font-size:13px;color:var(--muted);margin:0}

.why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.why article{padding:26px;border-top:2px solid var(--green);background:var(--soft);border-radius:0 0 8px 8px}
.why p{font-size:14px;color:var(--muted)}

@media(max-width:1000px){
 .product-feature{grid-template-columns:1fr}
 .product-feature-shot{padding:24px 0 0 24px}
 .product-feature-shot img{min-width:0}
 .product-hero-grid{grid-template-columns:1fr;gap:36px}
 .feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:26px}
 .feature-row.reverse .feature-copy{order:0}
 .module-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .product-hero{padding-top:44px}
 .product-feature-copy{padding:26px 22px}
 .module-grid,.why{grid-template-columns:1fr}
 .feature-row{padding:40px 0}
 .feature-copy h3{font-size:22px}
 .hero-facts{margin-bottom:40px}
}