/* ===== PULIDO: utilidades, accesibilidad y firma visual ===== */
  .k{font-family:var(--ff-d);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--cobre-d)}
  .skip{position:absolute;left:-9999px;top:0;background:var(--onix);color:var(--hueso);padding:10px 16px;border-radius:0 0 10px 0;z-index:200;font-weight:600;font-size:14px}
  .skip:focus{left:0}
  /* Zonas de interfaz no seleccionables (el contenido y los datos de contacto sí se pueden copiar) */
  header,.mobile-menu,.logo-svg,.seg,.subseg,.side .chip,.chip,.btn,.lockbtn,.band,.toTop,.wafab,.fnav,.flab,.copy,.band-x,.modal .modseg,.crumb{-webkit-user-select:none;user-select:none}
  :focus-visible{outline:2px solid var(--bronce);outline-offset:2px;border-radius:4px}
  body.lock{overflow:hidden}
  header{transition:box-shadow .25s ease}
  header.scrolled{box-shadow:0 8px 26px rgba(23,25,29,.09)}
  /* Regla de calibración — firma visual de metrología */
  .ticks{height:14px;background-image:
    repeating-linear-gradient(90deg,var(--linea-b) 0 1px,transparent 1px 12px),
    repeating-linear-gradient(90deg,var(--bronce) 0 1px,transparent 1px 60px);
    background-size:100% 7px,100% 14px;background-position:0 100%,0 100%;background-repeat:repeat-x;opacity:.85}
  /* Sellos de confianza en el hero */
  .hero-props{margin-top:24px;display:flex;gap:10px 20px;flex-wrap:wrap}
  .hero-props span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--grafito);font-weight:600}
  .hero-props span::before{content:"";width:15px;height:15px;flex-shrink:0;background:var(--bronce);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  /* Motion: entrada del hero + revelado al hacer scroll */
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .hero-grid>div:first-child>*{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}
  .hero-grid>div:first-child>*:nth-child(1){animation-delay:.03s}
  .hero-grid>div:first-child>*:nth-child(2){animation-delay:.1s}
  .hero-grid>div:first-child>*:nth-child(3){animation-delay:.17s}
  .hero-grid>div:first-child>*:nth-child(4){animation-delay:.24s}
  .hero-grid>div:first-child>*:nth-child(5){animation-delay:.31s}
  .hero-stage{animation:rise .6s .2s cubic-bezier(.2,.7,.2,1) both}
  .grid .eq,.pkgs .pkg{animation:rise .35s ease both}
  .rv{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation:none!important;transition:none!important}
    .rv{opacity:1;transform:none}
  }
  /* Botón volver arriba */
  .toTop{position:fixed;right:18px;bottom:84px;z-index:89;width:46px;height:46px;border-radius:var(--r-md);border:1px solid var(--linea-b);background:var(--blanco);color:var(--cobre-d);font-size:18px;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s,transform .15s;box-shadow:var(--sh-pop)}
  .toTop.show{opacity:1;pointer-events:auto}
  .toTop:hover{transform:translateY(-2px);background:var(--crema)}
  /* Botón flotante de WhatsApp (se activa con CONFIG.WHATSAPP) */
  .wafab{position:fixed;right:18px;bottom:18px;z-index:90;width:54px;height:54px;border-radius:50%;background:#25D366;display:none;place-items:center;box-shadow:0 10px 26px rgba(23,25,29,.28);transition:transform .15s}
  .wafab.show{display:grid}
  .wafab:hover{transform:scale(1.06)}
  .wafab svg{width:28px;height:28px;fill:#fff}
  .modal .x{width:36px;height:36px;border-radius:var(--r-sm);line-height:1}
  .modal .x:hover{background:var(--crema);color:var(--onix)}

  .cat-chips{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
  .cat-chips>span{font-family:var(--ff-d);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gris);margin-right:4px}