/* Less Energy · navegación tipo app (solo móvil) · V261104 */
@media (max-width:768px){
  html.le-app body{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  html.le-app .wa-flot,html.le-app .watt-lanzador{display:none!important}

  /* Barra inferior */
  .le-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:9000;height:calc(84px + env(safe-area-inset-bottom));box-sizing:border-box;padding:6px 8px calc(20px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid #E6EAF2;display:flex;justify-content:space-around;align-items:flex-start;font-family:inherit}
  .le-tab{width:68px;min-height:56px;border:0;background:none;padding:4px 0 0;margin:0;display:flex;flex-direction:column;align-items:center;gap:3px;color:#5F6880;text-decoration:none;font-family:inherit;font-size:11px;line-height:1.2;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .le-tab svg{width:24px;height:24px;stroke-width:1.8}
  .le-tab span{font-size:11px;font-weight:500;color:inherit}
  .le-tab[aria-current="page"]{color:#1C2566}
  .le-tab[aria-current="page"] svg{stroke-width:2.4}
  .le-tab[aria-current="page"] span{font-weight:700}
  .le-tab:focus-visible{outline:2px solid #0060B1;outline-offset:2px;border-radius:12px}
  .le-watt-ico{width:50px;height:50px;margin-top:-22px;border-radius:25px;background:#1C2566;color:#fff;border:3px solid #fff;box-shadow:0 6px 16px rgba(28,37,102,.3);display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}
  .le-watt-ico svg{stroke-width:2.2!important}
  .le-watt-ico::after{content:"";position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:5px;background:#FF6A1A}

  /* Botón fijo de diagnóstico */
  .le-cta{position:fixed;left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:8990;height:52px;border-radius:26px;background:#FF6A1A;color:#fff!important;font-family:inherit;font-size:16px;font-weight:700;line-height:52px;text-align:center;text-decoration:none;box-shadow:0 10px 24px rgba(255,106,26,.32);transition:opacity .2s,transform .2s}
  .le-cta.le-oculto{opacity:0;transform:translateY(12px);pointer-events:none}
  .le-cta:focus-visible{outline:3px solid #1C2566;outline-offset:3px}

  /* Hoja de menú */
  .le-hoja-fondo{position:fixed;inset:0;z-index:9500;background:rgba(22,29,48,.5);opacity:0;transition:opacity .22s}
  .le-hoja{position:fixed;left:0;right:0;bottom:0;z-index:9501;background:#fff;border-radius:28px 28px 0 0;padding:10px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;box-shadow:0 -12px 32px rgba(22,29,48,.18);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);max-height:88vh;overflow-y:auto;box-sizing:border-box}
  .le-hoja-abierta .le-hoja-fondo{opacity:1}
  .le-hoja-abierta .le-hoja{transform:none}
  .le-hoja[hidden],.le-hoja-fondo[hidden]{display:none}
  .le-asa{align-self:center;width:40px;height:5px;border-radius:3px;background:#D5DBE8}
  .le-hoja-cab{display:flex;justify-content:space-between;align-items:center}
  .le-hoja-cab h2{margin:0;font-weight:800;font-size:22px;color:#1C2566;letter-spacing:-.01em}
  .le-cerrar svg{width:18px;height:18px}
  .le-cerrar{width:44px;height:44px;border-radius:22px;border:0;background:#F4F7FB;color:#1C2566;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .le-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .le-rejilla a{height:88px;border-radius:18px;border:1px solid #E6EAF2;background:#fff;color:#1C2566;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;text-align:center;padding:0 4px}
  .le-rejilla svg{width:22px;height:22px;flex-shrink:0}
  .le-rejilla a.le-dest{background:#1C2566;color:#fff;border-color:#1C2566}
  .le-rejilla a:focus-visible,.le-cerrar:focus-visible,.le-instalar:focus-visible{outline:2px solid #0060B1;outline-offset:2px}
  .le-instalar{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#F4F7FB;border:0;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}
  .le-instalar img{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-sizing:border-box;flex-shrink:0}
  .le-instalar b{display:block;font-size:15px;font-weight:600;color:#1C2566}
  .le-instalar small{display:block;font-size:12px;color:#4A5368;margin-top:2px}
  html.le-hoja-bloqueo,html.le-hoja-bloqueo body{overflow:hidden}

  /* Portada: carruseles */
  html.le-app .cifras.cifras-movil{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 18px 16px;margin-left:-18px;margin-right:-18px;scroll-padding-left:18px;-webkit-overflow-scrolling:touch}
  html.le-app .cifras.cifras-movil::-webkit-scrollbar{display:none}
  html.le-app .cifras.cifras-movil>div{flex:0 0 140px;width:140px;scroll-snap-align:start;box-sizing:border-box;padding:16px!important;border:0!important;border-radius:18px;background:#1C2566;color:#fff;display:flex;flex-direction:column;gap:6px}
  html.le-app .cifras.cifras-movil>div b{color:#fff!important;font-size:26px;line-height:1.1;letter-spacing:-.02em}
  html.le-app .cifras.cifras-movil>div span{color:#C9D0E4!important;font-size:13px;line-height:1.35}
  html.le-app .v4-sol{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 18px 12px;margin-left:-18px;margin-right:-18px;scroll-padding-left:18px;-webkit-overflow-scrolling:touch}
  html.le-app .v4-sol::-webkit-scrollbar{display:none}
  html.le-app .v4-sol>article{flex:0 0 84%;scroll-snap-align:start;box-sizing:border-box}
}
@media (min-width:769px){.le-tabbar,.le-cta,.le-hoja,.le-hoja-fondo{display:none!important}}
@media (prefers-reduced-motion:reduce){.le-hoja,.le-hoja-fondo,.le-cta{transition:none!important}}