/* Ajustes solicitados 2026-07-22: unificación visual exclusiva de páginas de producto */
.product-editorial-unified{--product-section-space:clamp(5.25rem,8vw,8rem);--product-copy-gap:clamp(1rem,1.7vw,1.6rem)}
.product-editorial-unified section{scroll-margin-top:92px}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-hero,
.product-editorial-unified .ep-hero,
.product-editorial-unified .detail-hero{min-height:min(94vh,920px);padding-top:clamp(10rem,14vw,13rem);padding-bottom:clamp(5rem,8vw,8rem);background:#050908}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-hero-grid,
.product-editorial-unified .ep-hero-grid,
.product-editorial-unified .detail-hero-grid{align-items:center;gap:clamp(2.5rem,6vw,6.5rem)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-hero-media,
.product-editorial-unified .ep-hero-media,
.product-editorial-unified .detail-hero-media{align-self:center;overflow:hidden;border-radius:clamp(20px,2.4vw,32px)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-hero-media img,
.product-editorial-unified .ep-hero-media img,
.product-editorial-unified .detail-hero-media img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:inherit}
.product-editorial-unified .section-heading,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-heading{margin-bottom:clamp(2.5rem,5vw,4.5rem)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-problem,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-process,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-alternate,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-scenarios,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-explorer,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-product-cta,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-faq-section{padding-top:var(--product-section-space);padding-bottom:var(--product-section-space)}
/* Punto de partida: composición más equilibrada y espacio visual para imagen */:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-problem-grid{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-problem-statement{position:relative;padding:clamp(1.75rem,3vw,3rem);border-radius:26px;background:linear-gradient(145deg,rgba(8,145,178,.08),rgba(15,40,65,.025));border:1px solid rgba(15,40,65,.1)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-problem-statement:after{content:"";display:block;aspect-ratio:16/7;margin-top:clamp(1.5rem,3vw,2.5rem);border-radius:18px;background:linear-gradient(135deg,rgba(8,145,178,.12),rgba(86,230,194,.07)),radial-gradient(circle at 70% 35%,rgba(8,145,178,.2),transparent 35%)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-problem-answer{padding-top:0}
/* Cómo funciona: números y textos más próximos */:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-process-line{gap:clamp(1.25rem,2.5vw,2.5rem)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-process-step{padding-top:3.1rem}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-process-step>span{top:.45rem}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-process-step h3{margin-bottom:.65rem}
/* Imágenes aplicadas más pequeñas, redondeadas y con interacción sutil */:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-alternate-row{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(2.5rem,6vw,6rem);margin-bottom:clamp(4.5rem,8vw,8rem)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-alternate-row.reverse{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-wide-image{max-width:720px;justify-self:center;border-radius:24px;overflow:hidden}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-wide-image img{width:100%;min-height:0;aspect-ratio:4/3;object-fit:cover;border-radius:24px;transition:transform .45s ease,filter .45s ease}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-wide-image:hover img{transform:scale(1.025);filter:saturate(1.04)}
/* Escenarios y resultados: menos distancia y lectura más interactiva */:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-scenario-list,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-result-line{gap:clamp(.8rem,1.8vw,1.5rem)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-scenario,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-result{position:relative;padding:clamp(1.35rem,2.2vw,2rem);border-radius:20px;transition:transform .28s ease,background .28s ease,border-color .28s ease}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-scenario{border:1px solid rgba(15,40,65,.1);background:#fff}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-scenario:hover,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-result:hover{transform:translateY(-5px)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-scenario h3:before{content:"✦";display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;margin-right:.55rem;border-radius:50%;background:rgba(8,145,178,.1);color:#087b92;font-size:.78rem;vertical-align:.12em}
/* Explorador de familia: misma regla visual en todos los productos y revisabilidad evidente */:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-grid,
.product-editorial-unified .ep-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card,
.product-editorial-unified .ep-related>a{position:relative;display:flex;flex-direction:column;min-height:220px;padding:clamp(1.35rem,2vw,1.8rem)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;background:rgba(255,255,255,.045)!important;color:#fff;text-decoration:none;overflow:hidden;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease!important}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card:after,
.product-editorial-unified .ep-related>a:after{content:"Explorar →";margin-top:auto;padding-top:1.25rem;color:#78e3c6;font-weight:700;transform:translateX(0);transition:transform .3s ease}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card b{display:none}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card:hover,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card:focus-visible,
.product-editorial-unified .ep-related>a:hover,
.product-editorial-unified .ep-related>a:focus-visible{transform:translateY(-7px)!important;border-color:rgba(120,227,198,.7)!important;background:rgba(120,227,198,.09)!important;box-shadow:0 18px 45px rgba(0,0,0,.2)!important}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card:hover:after,
.product-editorial-unified .ep-related>a:hover:after{transform:translateX(6px)}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card strong,
.product-editorial-unified .ep-related strong{font-size:clamp(1.25rem,1.8vw,1.65rem);margin:.65rem 0}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card p,
.product-editorial-unified .ep-related span{color:rgba(255,255,255,.72);line-height:1.6}
/* CTA centrada, incluyendo Marketing Machine */:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-product-cta-box{text-align:center;display:grid;justify-items:center}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-product-cta-box h2,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-product-cta-box p{margin-left:auto;margin-right:auto}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-product-cta-actions{justify-content:center}
/* Conversational AI: orden solicitado, imagen contenida e interacciones */
.product-editorial-unified .ep-hero-media{margin-top:0}
.product-editorial-unified .ep-hero-media .ep-note{position:static;margin-top:1rem;padding:1rem 1.15rem;border-left:3px solid #78e3c6;background:rgba(255,255,255,.055);border-radius:0 14px 14px 0}
.product-editorial-unified .ep-problem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy title" "signals signals";gap:clamp(2rem,5vw,5rem);align-items:center}
.product-editorial-unified .ep-problem>h2{grid-area:title}
.product-editorial-unified .ep-problem-copy{grid-area:copy;padding:clamp(1.4rem,2.6vw,2.3rem);border-radius:22px;background:rgba(8,145,178,.07);border:1px solid rgba(15,40,65,.1)}
.product-editorial-unified .ep-problem-copy:after{content:"";display:block;aspect-ratio:16/6;margin-top:1.4rem;border-radius:16px;background:linear-gradient(135deg,rgba(8,145,178,.16),rgba(86,230,194,.06))}
.product-editorial-unified .ep-signals{grid-area:signals;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.product-editorial-unified .ep-signals span{position:relative;padding:1.25rem 1.25rem 1.25rem 3.2rem;border:1px solid rgba(15,40,65,.11);border-radius:18px;background:#fff;transition:transform .28s ease,box-shadow .28s ease}
.product-editorial-unified .ep-signals span:before{content:"↗";position:absolute;left:1.15rem;top:1.15rem;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:rgba(8,145,178,.12);color:#087b92;font-weight:800}
.product-editorial-unified .ep-signals span:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,40,65,.08)}
.product-editorial-unified .ep-split,.product-editorial-unified .ep-scenario,.product-editorial-unified .ep-step{transition:transform .3s ease,box-shadow .3s ease}
.product-editorial-unified .ep-split:hover .ep-image img{transform:scale(1.02)}
.product-editorial-unified .ep-image{overflow:hidden;border-radius:24px}.product-editorial-unified .ep-image img{transition:transform .4s ease}
.product-editorial-unified .ep-scenario:hover,.product-editorial-unified .ep-step:hover{transform:translateY(-4px)}
/* Plantillas anteriores: hero de mayor presencia y ritmo consistente */
.product-editorial-unified.evolution-refresh .detail-hero{min-height:min(94vh,920px)}
.product-editorial-unified.evolution-refresh .detail-content-section,
.product-editorial-unified.evolution-refresh .trust-journey{padding-top:var(--product-section-space);padding-bottom:var(--product-section-space)}
@media(max-width:980px){:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-problem-grid,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-alternate-row,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-alternate-row.reverse,.product-editorial-unified .ep-problem{grid-template-columns:1fr}
 .product-editorial-unified .ep-problem{grid-template-areas:"title" "copy" "signals"}
 .product-editorial-unified .ep-signals,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-grid,.product-editorial-unified .ep-related{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-editorial-hero,.product-editorial-unified .ep-hero,.product-editorial-unified .detail-hero{min-height:auto;padding-top:9rem}
 .product-editorial-unified .ep-signals,:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-grid,.product-editorial-unified .ep-related{grid-template-columns:1fr}:where(body:has(main:not(.product-page))) .product-editorial-unified .nunky-family-card,.product-editorial-unified .ep-related>a{min-height:190px}
}
@media(prefers-reduced-motion:reduce){.product-editorial-unified *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
