/* ================================================================
   HYEN — Menú "Cobertura" (desplegable de ciudades)
   Hoja externa: no se incrusta CSS en el HTML.
   Sirve para los tres menús del sitio: .rk-nav (raíz, Villavicencio,
   Chía y La Calera), .on-nav (Pereira / OnClean) y .p-nav (Armenia /
   Purify). El panel es claro para que se lea bien sobre cualquiera.
   ================================================================ */

/* ---------- Escritorio ---------- */
.rk-nav-links li.hy-cob,
.on-nav-links li.hy-cob,
.p-nav-links  li.hy-cob{position:relative}

.rk-nav-links li.hy-cob > a::after,
.on-nav-links li.hy-cob > a::after,
.p-nav-links  li.hy-cob > a::after{content:'▾';margin-left:.32rem;font-size:.72em;opacity:.7}

.hy-cob-panel{
  position:absolute;top:100%;left:50%;
  transform:translateX(-50%) translateY(6px);
  margin-top:14px;min-width:255px;
  background:#fff;border:1px solid #e2e8f0;border-radius:11px;
  box-shadow:0 18px 46px rgba(11,30,61,.20);
  padding:.45rem;list-style:none;
  opacity:0;visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
/* puente invisible: deja bajar el ratón sin que se cierre el panel */
.hy-cob-panel::before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px}

.rk-nav-links li.hy-cob:hover .hy-cob-panel,
.rk-nav-links li.hy-cob:focus-within .hy-cob-panel,
.on-nav-links li.hy-cob:hover .hy-cob-panel,
.on-nav-links li.hy-cob:focus-within .hy-cob-panel,
.p-nav-links  li.hy-cob:hover .hy-cob-panel,
.p-nav-links  li.hy-cob:focus-within .hy-cob-panel{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}

.hy-cob-panel li{display:block;margin:0}
.hy-cob-panel a{
  display:block;padding:.55rem .8rem;border-radius:7px;
  color:#0b1e3d !important;font-size:.85rem;font-weight:700;line-height:1.3;
  text-decoration:none;transition:background .15s,color .15s;
}
.hy-cob-panel a:hover,.hy-cob-panel a:focus{background:#f1f5f9;color:#1757c2 !important}
.hy-cob-panel small{display:block;font-size:.7rem;font-weight:500;color:#7b8794;margin-top:.12rem}

/* ---------- Móvil: los menús tienen ahora más entradas ---------- */
.rk-mob-nav,.on-mob,.p-mob{
  justify-content:flex-start;
  overflow-y:auto;
  padding:4.5rem 1.25rem 3rem;
  gap:1rem;
}
.rk-mob-nav > a{font-size:1.5rem}
.hy-mob-tit{
  font-family:'Barlow Condensed',sans-serif;font-size:.9rem;font-weight:700;
  color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.14em;
  margin-top:.5rem;
}
.rk-mob-nav a.hy-mob-city,
.on-mob a.hy-mob-city,
.p-mob  a.hy-mob-city{font-size:1.12rem;text-transform:none;opacity:.85}
.rk-mob-nav a.hy-mob-city:hover,
.on-mob a.hy-mob-city:hover,
.p-mob  a.hy-mob-city:hover{opacity:1}

/* ================================================================
   CORRECCIÓN IMPORTANTE (13/09/2026)
   ranking-styles.css aplica  nav{position:fixed;top:0;z-index:1000}
   a TODAS las etiquetas <nav>, no solo a la del encabezado. Por eso
   la miga de pan y el <nav> del pie se colocaban encima del menú
   principal y lo dejaban imposible de pulsar en todas las páginas.
   Aquí se devuelven a su sitio, dejando fija solo la barra superior.
   ================================================================ */
nav:not(.rk-nav):not(.rk-mob-nav):not(#navbar):not(.mobile-nav):not(.on-nav):not(.on-mob):not(.p-nav):not(.p-mob){
  position:static;
  top:auto;left:auto;right:auto;
  z-index:auto;
  height:auto;
  min-height:0;
  padding:0;
  background:none;
  backdrop-filter:none;
  box-shadow:none;
  border:0;
  justify-content:flex-start;
  transition:none;
}
/* la miga de pan y el pie recuperan su alineación normal */
.rk-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem}
.rk-footer nav{display:block;padding:0}