/* Cabecera morph-nav de aiden.es (WEB-20261007-43): overrides de Aiden sobre el componente de
 * casave.io TAL CUAL (csv-mn.css = csv-hb.css sin tocar). Cada regla es una decisión de Alex,
 * tomada con él en el chat de la dirección sobre el prototipo (direccion/diseno/cabecera-aiden/
 * construir-casave.py, variable `raiz`): está comentada aquí con la misma ronda que allí. */
.csv-mn{--duration-fast:.14s;--duration-spring:.3s;--duration-considered:.4s;--ease-spring:cubic-bezier(.2,.9,.2,1);
  --ease-standard:cubic-bezier(.2,.9,.2,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--font-body:'DM Sans',system-ui,sans-serif;
  --marca:#13967E;--texto:#15130f;--mn-tinta:#15130f;--lift:0 1px 2px rgba(0,0,0,.06)}
.csv-mn__tool--txt{width:auto!important;padding:0 12px!important;font-weight:500;font-size:14px;text-decoration:none}
.csv-mn a{text-decoration:none}
/* Alex, 7-oct: a la derecha Accede, bolsa, soporte y, el último del todo, el menú (en estrecho). */
/* Alex, 7-oct (ronda 5): el logotipo alargado se aplastaba en el móvil: aiden.es pone img{max-width:100%}
   y la columna del logo, al apretarse la fila, lo estrechaba sin bajarle la altura. */
html body .csv-mn__brandName img,html body .csv-mn__brandMark img{max-width:none!important}
/* Accede, más pequeño; en el móvil conserva su texto también al encogerse (ronda 8). */
/* Ronda 6: un punto más pequeño todavía (32 px; 30 al encogerse; letra 12,5). */
html body #aiden-accede{height:32px!important;padding:0 12px!important;gap:5px!important;font-size:12.5px!important;
  transition:height var(--tighten),padding var(--tighten),gap var(--tighten),background-color .14s,transform .14s}
html body .csv-mn[data-compact] #aiden-accede{height:30px!important;padding:0 11px!important}
html body #aiden-accede svg{width:15px;height:15px;flex:none}
.aiden-accede-txt{display:inline-block;overflow:hidden;white-space:nowrap;max-width:5.5em;opacity:1;
  transition:max-width var(--tighten),opacity .18s var(--ease-standard)}
/* En el móvil, la barra se queda en logo · Accede · bolsa · menú; soporte, dentro del menú (y la burbuja de chat ya flota abajo). */
/* Ronda 8 (Alex): en el móvil solo Accede (con su texto, también al encogerse) y el menú; bolsa y soporte, dentro. */
html body .csv-mn[data-narrow] #aiden-soporte,html body .csv-mn[data-narrow] #aiden-bolsa{display:none!important}
.csv-mn:not([data-narrow]) .csv-mn__group--ayuda{display:none}
html body .csv-mn__menu .csv-mn__group--ayuda{grid-column:1/-1}
/* Su título, igual que «Servicios», «Empresa» y «Clientes»: no es una etiqueta gris, es otra sección. */
html body .csv-mn__menu .csv-mn__group--ayuda .csv-mn__heading{font-size:15px;font-weight:700;text-transform:none;
  letter-spacing:normal;color:#15130f;padding:14px 2px 6px}
/* Ronda 9 (Alex): Accede, a la derecha del todo; a su izquierda, lupa · bolsa · soporte (en el móvil, solo la lupa). */
html body #csv-mn-sitio{order:1}html body #aiden-bolsa{order:2}html body #aiden-soporte{order:3}html body #aiden-accede{order:4}
html body .csv-mn__menuBtn{order:5}
/* Ronda 7, móvil: bolsa · Accede · menú (Accede pegado al menú) y su icono más grande para que se vea. */
html body .csv-mn[data-narrow] #aiden-accede svg{width:18px;height:18px}
html body .csv-mn__menu .csv-mn__group--bolsa{padding-top:6px}
/* Ronda 11 (Alex), móvil: logo · lupa · Accede · menú; al encogerse, logo · lupa · menú. El pie del menú,
   Bolsa · Accede. Alex: encogida en el móvil (logo · menú) la píldora se quedaba muy corta: un poco más
   larga, con el logo a la izquierda y el menú a la derecha. */
@media (max-width:860px){html body .csv-mn[data-compact] .csv-mn__bar{width:190px!important;justify-content:space-between!important}}
/* Pegado al borde de verdad: la cara tiene 18 px de relleno abajo y a los lados, y «sticky» se para
   antes del relleno; por eso baja 18 px y se ensancha 18 a cada lado (si no, asoma la lista por debajo). */
.aiden-pie{position:sticky;bottom:-18px;z-index:2;display:grid;grid-template-columns:1fr 1.25fr;gap:6px;
  margin:10px -18px -18px;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));background:#fff;
  border-top:1px solid rgba(21,19,15,.07)}
.csv-mn:not([data-narrow]) .aiden-pie{display:none}
/* casave limita todo lo de la cara a max-width:100%; el pie se ensancha a propósito. */
html body .csv-mn__face .aiden-pie{max-width:none}
html body .aiden-pie__b,html body .aiden-pie__accede{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:44px;padding:0 10px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;
  text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .14s,transform .14s}
html body .aiden-pie__b{background:rgba(21,19,15,.05);color:#15130f}
html body .aiden-pie__b:active,html body .aiden-pie__accede:active{transform:scale(.97)}
html body .aiden-pie__accede{background:#15130f;color:#fff}
.aiden-pie [data-lot]{width:20px;height:20px}.aiden-pie__accede svg{width:18px;height:18px;flex:none}
/* Ronda 9, móvil: logo · lupa · Accede · menú; al encogerse, logo · lupa · menú.
   Aiden no tiene búsqueda por voz: fuera el micrófono del buscador. */
html body .csv-mn[data-narrow][data-compact] #aiden-accede{display:none!important}
html body #csv-mn-voz{display:none!important}
/* Los títulos de las guías son largos: en la lupa se leen enteros, en dos líneas si hace falta. */
html body .csv-mn__face--sitio .csv-mn__linkText{max-width:none;min-width:0;flex:1}
html body .csv-mn__face--sitio .csv-mn__linkLabel{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
/* aiden.es pinta los campos con borde verde al enfocarlos: dentro del buscador el campo no lleva caja. */
html body .csv-mn__input,html body .csv-mn__input:focus,html body .csv-mn__input:focus-visible{border:0!important;
  outline:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
/* Badge de la bolsa (recuento real del carrito, WEB-20261008-24): reutiliza el globo de
   no-leídos del propio componente de casave (.csv-mn__globo) — nada nuevo que mantener.
   El modo "pendiente" (pedido a medio hacer, sin número) es un punto: variante propia,
   casave no la tiene. En el pie del menú móvil el globo cuelga de su propio envoltorio
   (.aiden-pie__bIco), no del tile [data-lot]: ese lo vacía y rehace menu-iconos.js al
   animarse, y se llevaría el badge por delante. */
.csv-mn__globo[data-aiden-bag-badge][hidden]{display:none}
.csv-mn__globo[data-aiden-bag-badge].is-dot{min-width:8px;width:8px;height:8px;padding:0;font-size:0;top:4px;right:3px}
.aiden-pie__bIco .csv-mn__globo[data-aiden-bag-badge]{top:-4px;right:-6px}