/* El dock de la casa · cristal líquido, el mismo en todas las páginas (index, herramientas f3, lecciones f2, war room f4).
   Natalia: «Que todo sea fácil y consistente. Aunque tengamos que poner abajo un menú, pero que no sea una barra aburrida.»
   3 nov: la barra de pestañas de la app. Cinco sectores con su color (Resolver, Oficio, IA, Natalia, Proyectos) + «Índice»,
   que abre la hoja con todo lo que hay, por sector.
   El hilo rosa marca dónde estás: se desliza bajo el ícono activo (220 ms). Cada ícono tiene un gesto propio de 300 ms.
   MOVIMIENTO_ESPECIFICACION: 64 px + área segura, a 12 px de los bordes, esquinas de 22 px; entrada (.2,.7,.2,1),
   salida (.4,0,1,1); sólo transform y opacity. Lo carga dock.js (una línea por página). Sustituye a f1/indice.css. */

.dock,.dk-hoja{
  --dk-onix:#0b0a0c;--dk-hilo:#c45c7c;--dk-suave:#e6b4c2;--dk-tinta:#9e2f55;--dk-perla:#f3dde4;
  --dk-plat-c:#f3f2f5;--dk-tx:#1a1719;
  --dk-entra:cubic-bezier(.2,.7,.2,1);--dk-sale:cubic-bezier(.4,0,1,1);
  --dk-serif:"Bodoni Moda","Instrument Serif",Didot,Georgia,serif;
  --dk-sans:"Archivo",system-ui,sans-serif;--dk-mono:"JetBrains Mono",ui-monospace,monospace;
  --dk-alto:64px;--dk-borde:12px;
}
.dock[hidden]{display:none!important}

/* ── El cristal (dock y hoja). El desenfoque vive en la capa de tinte y no en el contenedor,
      para que ninguna opacidad en transición le corte lo que tiene detrás. ── */
.dk-cristal{position:relative;isolation:isolate}
.dk-tinte{position:absolute;inset:0;z-index:-2;border-radius:inherit;overflow:hidden;pointer-events:none;
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 12px 40px rgb(0 0 0/.25)}
/* oscuro: blanco al 8 % sobre un velo de ónix (legible sobre fotos); claro: blanco al 55 %. Se cruzan por opacidad. */
.dk-tinte::before,.dk-tinte::after{content:"";position:absolute;inset:0;transition:opacity .28s var(--dk-entra)}
.dk-tinte::after{background:linear-gradient(180deg,rgb(255 255 255/.08),rgb(255 255 255/.08)),rgb(14 12 16/.6)}
.dk-tinte::before{background:linear-gradient(180deg,rgb(255 255 255/.62),rgb(255 255 255/.5));opacity:0;z-index:1}
/* borde de 1 px: degradado de blanco al 35 % a blanco al 5 % */
.dk-cristal::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(170deg,rgb(255 255 255/.35),rgb(255 255 255/.05) 55%,rgb(255 255 255/.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* brillo especular en la arista superior: 120°, blanco al 40 % a transparente; sigue al scroll o al puntero (±8 px) */
.dk-brillo{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none}
.dk-brillo::before{content:"";position:absolute;inset:0 -12px;
  background:linear-gradient(120deg,rgb(255 255 255/.4),rgb(255 255 255/0) 38%);
  -webkit-mask:linear-gradient(180deg,#000,rgb(0 0 0/.25) 34%,transparent 62%);mask:linear-gradient(180deg,#000,rgb(0 0 0/.25) 34%,transparent 62%);
  opacity:.55;transform:translateX(var(--dk-bx,0px));transition:transform .12s var(--dk-entra)}
.dock.dk-desplaza .dk-brillo::before{transition:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .dk-tinte::after{background:rgb(20 18 22/.94)}.dk-tinte::before{background:rgb(243 242 245/.96)}
}

/* ── El dock (teléfono primero) ── */
.dock{position:fixed;z-index:60;left:var(--dk-borde);right:var(--dk-borde);bottom:calc(var(--dk-borde) + env(safe-area-inset-bottom,0px));
  height:var(--dk-alto);border-radius:22px;color:var(--dk-plat-c);font-family:var(--dk-sans);-webkit-tap-highlight-color:transparent;
  /* antes de salir de la entrada: 24 px abajo y transparente */
  transform:translate3d(0,24px,0);pointer-events:none;visibility:hidden;
  transition:transform .28s var(--dk-sale),visibility 0s .42s}
.dock.dk-ve{transform:none;pointer-events:auto;visibility:visible;transition:transform .42s var(--dk-entra),visibility 0s}
/* al bajar rápido se guarda por completo bajo el borde; vuelve al subir */
.dock.dk-ve.dk-guardado{transform:translate3d(0,calc(100% + var(--dk-borde) + env(safe-area-inset-bottom,0px)),0);pointer-events:none;
  transition:transform .28s var(--dk-sale)}
/* la opacidad se lleva en los hijos para que el cristal desenfoque desde el primer cuadro */
.dock>*,.dock::before{opacity:0;transition:opacity .28s var(--dk-sale)}
.dock.dk-ve>*,.dock.dk-ve::before{opacity:1;transition:opacity .42s var(--dk-entra)}
.dock.dk-ve.dk-guardado>*,.dock.dk-ve.dk-guardado::before{opacity:0;transition:opacity .28s var(--dk-sale)}
.dock.dk-claro{color:var(--dk-tx)}
.dock.dk-claro .dk-tinte::before{opacity:1}
.dock.dk-claro .dk-tinte::after{opacity:0}
.dock.dk-claro .dk-tinte{box-shadow:0 0 0 1px rgb(26 23 25/.07),0 12px 40px rgb(26 23 25/.16)}

.dk-fila{position:relative;list-style:none;margin:0;padding:0 4px;height:100%;display:flex;align-items:stretch}
.dk-fila>li{flex:1 1 0;min-width:0;display:flex}
/* 5 + menú: una costura fina separa «Índice» de las cinco puertas */
.dk-fila>li.dk-menu{position:relative}
.dk-fila>li.dk-menu::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1px;background:linear-gradient(180deg,rgb(243 242 245/0),rgb(243 242 245/.22),rgb(243 242 245/0))}
.dock.dk-claro .dk-fila>li.dk-menu::before{background:linear-gradient(180deg,rgb(26 23 25/0),rgb(26 23 25/.2),rgb(26 23 25/0))}

.dk-b{appearance:none;border:0;margin:0;padding:0 2px;background:none;font:inherit;cursor:pointer;flex:1;min-width:44px;min-height:44px;
  position:relative;display:grid;justify-items:center;align-content:center;gap:4px;padding-bottom:9px;border-radius:16px;
  color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;
  /* en claro, el mismo color con más cuerpo para que el trazo pase 3:1 sobre el cristal blanco */
  --ci:var(--c)}
.dock.dk-claro .dk-b{--ci:color-mix(in oklab,var(--c) 56%,#1a1719)}
.dk-b:focus-visible{outline:2px solid var(--dk-suave);outline-offset:-3px}
.dock.dk-claro .dk-b:focus-visible{outline-color:var(--dk-tinta)}
/* la luz de su color detrás del ícono activo: suave, sin neón */
.dk-luz{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-34px 0 0 -23px;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 26%,transparent),transparent);transition:opacity .22s var(--dk-entra)}
@supports not (background:color-mix(in srgb,red 10%,transparent)){.dk-luz{display:none}}
.dk-ico{display:block;width:24px;height:24px;overflow:visible;fill:none;stroke:var(--ci);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
  opacity:.78;transform:translateZ(0);transition:transform .22s var(--dk-entra),opacity .22s var(--dk-entra)}
.dk-ico g{transform-box:view-box;transform-origin:50% 50%}
.dk-ico .dk-a{stroke-width:1.75}
.dk-ico .dk-puntos{stroke-width:2.7}
.dk-ico .dk-ventana{fill:var(--ci);stroke:none;opacity:0;transition:opacity .22s var(--dk-entra)}
.dk-ico .dk-cuenta{fill:var(--ci);stroke:none}
.dk-ico .dk-hebra{stroke-width:1.1;opacity:.55}
.dk-et{font:500 12px/1 var(--dk-sans);font-stretch:88%;letter-spacing:0;white-space:nowrap;color:rgb(243 242 245/.74);transition:color .22s var(--dk-entra)}
.dock.dk-claro .dk-et{color:rgb(26 23 25/.7)}
@media (max-width:359.98px){.dk-et{font-stretch:78%;letter-spacing:0}}

/* el activo: sube 2 px y se ilumina con su color */
.dk-b[aria-current] .dk-ico,.dk-b.dk-on .dk-ico{opacity:1;transform:translate3d(0,-2px,0)}
.dk-b[aria-current] .dk-luz,.dk-b.dk-on .dk-luz{opacity:1}
.dk-b[aria-current] .dk-et,.dk-b.dk-on .dk-et{color:var(--ci)}
.dk-b[aria-current] .dk-ventana,.dk-b.dk-on .dk-ventana{opacity:1}
@media (hover:hover) and (pointer:fine){
  .dk-b:hover .dk-ico{opacity:1}
  .dk-b:hover .dk-et{color:var(--dk-plat-c)}
  .dock.dk-claro .dk-b:hover .dk-et{color:var(--dk-tx)}
  .dk-b[aria-current]:hover .dk-et,.dk-b.dk-on:hover .dk-et{color:var(--ci)}
}

/* el hilo rosa: una hebra con su cuenta que se desliza bajo el ícono activo */
.dk-hilo{position:absolute;left:0;bottom:5px;width:22px;height:6px;margin-left:-11px;pointer-events:none;opacity:0;
  transform:translate3d(var(--hx,0px),0,0);transition:opacity .22s var(--dk-entra)}
.dock.dk-listo .dk-hilo{transition:transform .22s var(--dk-entra),opacity .22s var(--dk-entra)}
.dock.dk-hay .dk-hilo{opacity:1}
.dk-hilo::before{content:"";position:absolute;left:0;right:0;top:2px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgb(196 92 124/0),var(--dk-hilo) 30%,var(--dk-suave) 50%,var(--dk-hilo) 70%,rgb(196 92 124/0))}
.dk-hilo::after{content:"";position:absolute;left:50%;top:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--dk-perla),var(--dk-hilo) 58%,var(--dk-tinta));box-shadow:0 0 0 2px rgb(196 92 124/.16)}
.dock.dk-claro .dk-hilo::before{background:linear-gradient(90deg,rgb(158 47 85/0),var(--dk-tinta) 30%,var(--dk-hilo) 50%,var(--dk-tinta) 70%,rgb(158 47 85/0))}

/* ── Los gestos (300 ms, al tocar): cada ícono hace lo suyo, sin rebote ── */
.dk-b.dk-gesto .dk-g-gira{animation:dk-gira .3s var(--dk-entra)}
.dk-b.dk-gesto .dk-g-abre{animation:dk-abre .3s var(--dk-entra)}
.dk-b.dk-gesto .dk-g-destella{animation:dk-destella .3s var(--dk-entra)}
.dk-b.dk-gesto .dk-g-destella .dk-a{animation:dk-chispa .3s var(--dk-entra)}
.dk-b.dk-gesto .dk-ventana{animation:dk-enciende .3s var(--dk-entra)}
.dk-b.dk-gesto[aria-current] .dk-ventana,.dk-b.dk-gesto.dk-on .dk-ventana{animation-name:dk-enciende-queda}
.dk-b.dk-gesto .dk-g-late{animation:dk-late .3s var(--dk-entra)}
.dk-b.dk-gesto .dk-g-ensarta{animation:dk-ensarta .3s var(--dk-entra)}
.dk-b.dk-gesto .dk-g-saluda{animation:dk-saluda .3s var(--dk-entra)}
/* el salvavidas da un cuarto de vuelta (simétrico: termina igual que empezó) */
@keyframes dk-gira{from{transform:rotate(0)}to{transform:rotate(90deg)}}
/* el libro se cierra un poco y se abre */
@keyframes dk-abre{0%{transform:scaleX(1)}38%{transform:scaleX(.58)}100%{transform:scaleX(1)}}
/* la chispa destella */
@keyframes dk-destella{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.14) rotate(14deg)}100%{transform:scale(1) rotate(0)}}
@keyframes dk-chispa{0%{opacity:1}30%{opacity:.2}100%{opacity:1}}
/* la casa enciende su ventana */
@keyframes dk-enciende{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
@keyframes dk-enciende-queda{0%{opacity:0}60%{opacity:1}100%{opacity:1}}
/* el globo late una vez */
@keyframes dk-late{0%{transform:scale(1)}36%{transform:scale(1.13)}100%{transform:scale(1)}}
/* el índice corre sus cuentas por el hilo */
@keyframes dk-ensarta{0%{transform:translateY(0)}40%{transform:translateY(-2.2px)}100%{transform:translateY(0)}}
/* el retrato asiente una vez */
@keyframes dk-saluda{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-1.6px) rotate(-6deg)}100%{transform:translateY(0) rotate(0)}}

/* ── Tableta y computadora: el mismo dock, centrado y con medida ── */
@media (min-width:600px){
  .dock{left:50%;right:auto;width:min(520px,calc(100vw - 2 * var(--dk-borde)));transform:translate3d(-50%,24px,0)}
  .dock.dk-ve{transform:translate3d(-50%,0,0)}
  .dock.dk-ve.dk-guardado{transform:translate3d(-50%,calc(100% + var(--dk-borde) + env(safe-area-inset-bottom,0px)),0)}
}
@media (min-width:1024px){
  .dock,.dk-hoja{--dk-alto:60px;--dk-borde:16px}
  .dock{width:min(480px,calc(100vw - 32px))}
  .dk-ico{width:22px;height:22px}
  .dk-luz{margin-top:-32px}
}

/* ── La hoja «Índice»: todo lo que hay, por sector ── */
.dk-hoja{-webkit-tap-highlight-color:transparent;position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:transparent;overflow:hidden;color:var(--dk-plat-c);font-family:var(--dk-sans)}
.dk-hoja::backdrop{background:transparent}
.dk-velo{position:absolute;inset:0;background:rgb(11 10 12/.56);opacity:0;transition:opacity .32s var(--dk-entra);touch-action:none}
.dk-caja{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - 84px - env(safe-area-inset-top,0px));
  display:flex;flex-direction:column;border-radius:22px;transform:translate3d(0,24px,0) scale(.98);transform-origin:50% 100%;
  transition:transform .36s var(--dk-entra)}
.dk-caja>*,.dk-caja::before{opacity:0;transition:opacity .36s var(--dk-entra)}
.dk-hoja.dk-abierta .dk-caja>*,.dk-hoja.dk-abierta .dk-caja::before{opacity:1}
.dk-hoja.dk-cierra .dk-caja>*,.dk-hoja.dk-cierra .dk-caja::before{opacity:0;transition:opacity .28s var(--dk-sale)}
.dk-caja>.dk-tinte::after{background:linear-gradient(180deg,rgb(255 255 255/.08),rgb(255 255 255/.04)),rgb(14 12 16/.78)}
.dk-hoja.dk-abierta .dk-velo{opacity:1}
.dk-hoja.dk-abierta .dk-caja{transform:none}
.dk-hoja.dk-cierra .dk-velo{opacity:0;transition:opacity .28s var(--dk-sale)}
.dk-hoja.dk-cierra .dk-caja{transform:translate3d(0,var(--dy-fin,24px),0) scale(.98);transition:transform .28s var(--dk-sale)}
.dk-hoja.dk-arrastra .dk-caja{transition:none;transform:translate3d(0,var(--dy,0px),0)}

.dk-cabeza{position:relative;flex:none;display:flex;align-items:center;gap:10px;padding:24px 14px 12px 22px;touch-action:none;cursor:grab}
.dk-asa{position:absolute;left:50%;top:9px;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:rgb(243 242 245/.32)}
.dk-t{flex:1;margin:0;font:400 32px/1 var(--dk-serif);letter-spacing:-.01em;color:var(--dk-plat-c)}
.dk-inicio{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;box-sizing:border-box;
  font:500 13px/1 var(--dk-sans);color:var(--dk-plat-c);text-decoration:none;background:rgb(255 255 255/.06);box-shadow:inset 0 0 0 1px rgb(243 242 245/.18)}
.dk-inicio:hover{background:rgb(255 255 255/.11)}
.dk-x{appearance:none;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgb(243 242 245/.2);background:rgb(255 255 255/.06);color:var(--dk-plat-c);display:grid;place-items:center;cursor:pointer}
.dk-x svg{width:14px;height:14px}
.dk-x:hover{background:rgb(255 255 255/.12)}
.dk-x:focus-visible,.dk-inicio:focus-visible,.dk-lista a:focus-visible{outline:2px solid var(--dk-suave);outline-offset:2px}

/* La lista: un grupo por sector. Cabeza con su ícono en su color; lo de adentro, en pastillas que se tocan de una vez. */
.dk-lista{position:relative;flex:1 1 auto;min-height:0;margin:0;padding:2px 12px calc(14px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
.dk-g{position:relative;padding:12px 0 14px;opacity:0;transform:translate3d(0,12px,0);transition:opacity .42s var(--dk-entra),transform .42s var(--dk-entra);transition-delay:calc(var(--k,0) * 50ms + 60ms)}
.dk-g+.dk-g{border-top:1px solid rgb(243 242 245/.08)}
.dk-hoja.dk-abierta .dk-g,.dk-hoja.dk-abierta .dk-hablemos{opacity:1;transform:none}
.dk-hoja.dk-cierra .dk-g{transition-delay:0s}
.dk-g-cab{display:flex;align-items:center;gap:12px;min-height:48px;padding:2px 10px 2px 2px;border-radius:14px;color:var(--dk-plat-c);text-decoration:none}
.dk-g-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),color-mix(in srgb,var(--c) 8%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}
@supports not (background:color-mix(in srgb,red 10%,transparent)){.dk-g-ico{background:rgb(255 255 255/.06);box-shadow:inset 0 0 0 1px rgb(243 242 245/.25)}}
.dk-g-ico svg{width:22px;height:22px;fill:none;stroke:var(--c);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.dk-g-ico .dk-ventana{fill:var(--c);stroke:none}
.dk-g-nom{flex:1;font:400 25px/1.05 var(--dk-serif);letter-spacing:-.008em}
.dk-flecha{flex:none;width:20px;height:20px;fill:none;stroke:var(--c,var(--dk-suave));stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--dk-entra)}
.dk-aqui{font:500 9px/1 var(--dk-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dk-onix);background:var(--c);padding:5px 7px 4px;border-radius:999px;white-space:nowrap}
.dk-g:not(.dk-g-aqui) .dk-aqui{display:none}
.dk-g-items{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dk-g-items>li{display:flex;min-width:0}
.dk-it{flex:1;display:flex;align-items:flex-start;gap:9px;min-height:52px;padding:11px 12px 11px 12px;border-radius:14px;box-sizing:border-box;
  font:400 14px/1.28 var(--dk-sans);color:rgb(243 242 245/.92);text-decoration:none;text-wrap:balance;
  background:rgb(255 255 255/.045);box-shadow:inset 0 0 0 1px rgb(243 242 245/.1);transition:background-color .18s var(--dk-entra),box-shadow .18s var(--dk-entra)}
.dk-it::before{content:"";flex:none;width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}
.dk-hablemos{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin:8px 0 2px;padding:0 18px;border-radius:16px;
  --c:#86d1ae;color:var(--dk-plat-c);text-decoration:none;font:italic 400 26px/1 var(--dk-serif);
  background:linear-gradient(100deg,rgb(134 209 174/.16),rgb(134 209 174/.04));box-shadow:inset 0 0 0 1px rgb(134 209 174/.35);
  opacity:0;transform:translate3d(0,12px,0);transition:opacity .42s var(--dk-entra) .34s,transform .42s var(--dk-entra) .34s}
@media (hover:hover){
  .dk-g-cab:hover .dk-flecha,.dk-hablemos:hover .dk-flecha{transform:translateX(3px)}
  .dk-it:hover{background:rgb(255 255 255/.09);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
}
.dk-it:active,.dk-g-cab:active,.dk-hablemos:active{transform:scale(.98)}

/* en tableta y computadora la hoja sale centrada, justo encima del dock */
@media (min-width:600px){
  .dk-caja{left:50%;right:auto;width:min(460px,calc(100vw - 24px));bottom:calc(var(--dk-borde) + env(safe-area-inset-bottom,0px));
    max-height:calc(100svh - 48px);transform:translate3d(-50%,24px,0) scale(.98)}
  .dk-hoja.dk-abierta .dk-caja{transform:translate3d(-50%,0,0)}
  .dk-hoja.dk-cierra .dk-caja{transform:translate3d(-50%,var(--dy-fin,24px),0) scale(.98)}
  .dk-hoja.dk-arrastra .dk-caja{transform:translate3d(-50%,var(--dy,0px),0)}
}
@media (min-width:1024px){
  .dk-asa{display:none}
  .dk-cabeza{padding-top:22px;cursor:auto}
  .dk-velo{background:rgb(11 10 12/.38)}
}

/* ── Movimiento reducido: sin gestos, sin esconderse, sin transiciones; el mismo contenido y la misma jerarquía ── */
@media (prefers-reduced-motion:reduce){
  .dock,.dock *,.dock *::before,.dock *::after,.dk-hoja *,.dk-hoja *::before,.dk-hoja *::after{transition:none!important;animation:none!important}
  .dk-brillo::before{transform:none}
  .dk-g,.dk-hablemos{transition-delay:0s!important}
}

/* ── El dock no tapa el final de nada ──
   En la casa cada vista termina con su cierre (app.css), que ya deja el hueco del dock; los pies de las demás páginas
   dejan el mismo hueco, porque al final de la página el dock siempre está visible. */
:root{--dk-libre:calc(104px + env(safe-area-inset-bottom,0px))}
.pie-n{padding-bottom:var(--dk-libre)}
.wr-pie{padding-bottom:var(--dk-libre)}
.lc-pagina .lc-pie{padding-bottom:var(--dk-libre)}
.hr-pie{padding-bottom:max(calc(110px + env(safe-area-inset-bottom,0px)),var(--dk-libre))}