/* daezpro.com — 12-dossier-lens-cascade.css Dossier "pérdidas técnicas": doble lente (.lens ingeniería/financiera), cápsula de respuesta (.capsule) y la cascada de pérdidas (.cascade) — diagrama unifilar en corte de la energía que se fuga tramo a tramo. */ /* ---------------------------------------------------------------- LENTE */ .lens{ display:inline-flex; align-items:center; gap:2px; padding:3px; background:var(--bg-canvas); border:1px solid var(--border); border-radius:var(--r-pill); flex:0 0 auto; } /* dentro de la barra de anclas se ancla a la derecha, sin romper el scroll de links */ .secnav__inner .lens{ margin-left:auto; } /* Barra de anclas que además lleva el lente (.secnav--lens): el scroll horizontal se traslada de .secnav__inner a .secnav__scroll, para que el lente quede fijo a la derecha y NO se pierda al desplazar los anclas. */ .secnav--lens .secnav__inner{ overflow-x:visible; flex-wrap:nowrap; align-items:center; gap:14px; } .secnav--lens .secnav__scroll{ display:flex; gap:clamp(16px,2vw,28px); flex:1 1 auto; min-width:0; overflow-x:auto; scrollbar-width:none; } .secnav--lens .secnav__scroll::-webkit-scrollbar{ display:none; } .lens__btn{ padding:7px 15px; border:none; border-radius:var(--r-pill); background:transparent; font-family:var(--font-mono); font-size:var(--fs-xs); font-weight:500; letter-spacing:.02em; color:var(--text-body); white-space:nowrap; transition:background-color .16s ease, color .16s ease; } .lens__btn:hover{ color:var(--text-strong); } .lens__btn.is-on{ background:var(--text-strong); color:var(--text-invert); } .lens__btn.is-on:hover{ color:var(--text-invert); } /* ------------------------------------------------------- VISTAS EXCLUYENTES .lens-eng / .lens-fin conviven SIEMPRE en el DOM (requisito de SEO); el CSS decide cuál se pinta según la clase que el JS pone en . display:none oculta igual sin importar la etiqueta (span, p, div, tr, li…) porque nunca fijamos un display explícito en el lado visible: ese elemento conserva su display nativo según su propia etiqueta. */ .lens-mode-eng .lens-fin, .lens-mode-fin .lens-eng{ display:none; } /* Anti-parpadeo: el