/* =====================================================================
   Columna izquierda · inec.com · todas las páginas, ES y PT
   Contacto con horario, accesos principales, accesos rápidos (famsdirect.xml)
   y árbol de categorías. El marcado lo genera comunes/paginas/lateral_1.php.
   Se carga en head.php después de menu-superior.css.
   Colores de la guía de INEC: amarillo #FCCB28 · azul #1B2732
   Iconos: Phosphor Icons (bold), licencia MIT.
   ===================================================================== */

#navigation{
  --ui:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-family:var(--ui);
}

/* ---------- Contacto y horario: recuadro amarillo ---------- */
#navigation #contactos{
  box-sizing:border-box;
  width:auto;
  height:auto;
  margin:7px 4px 14px 0;
  padding:14px 14px 13px;
  background:#FCCB28;
  border:0;
  border-radius:14px;
  color:#1B2732;
  font-size:0;   /* oculta el texto "Telf.:" (lo sustituye el icono) */
  text-align:left;
}
#navigation #contactos .contactos{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 4px;
  font:800 20px/1.1 var(--ui);
  letter-spacing:.01em;
  color:#1B2732;
  white-space:nowrap;
}
#navigation #contactos .contactos::before{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:#1B2732 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%23FCCB28"><path d="M224,154.8l-47.09-21.11-.18-.08a19.94,19.94,0,0,0-19,1.75,13.08,13.08,0,0,0-1.12.84l-22.31,19c-13-7.05-26.43-20.37-33.49-33.21l19.06-22.66a11.76,11.76,0,0,0,.85-1.15,20,20,0,0,0,1.66-18.83,1.42,1.42,0,0,1-.08-.18L101.2,32A20.06,20.06,0,0,0,80.42,20.15,60.27,60.27,0,0,0,28,80c0,81.61,66.39,148,148,148a60.27,60.27,0,0,0,59.85-52.42A20.06,20.06,0,0,0,224,154.8ZM176,204A124.15,124.15,0,0,1,52,80,36.29,36.29,0,0,1,80.48,44.46l18.82,42L80.14,109.28a12,12,0,0,0-.86,1.16A20,20,0,0,0,78,130.08c9.42,19.28,28.83,38.56,48.31,48A20,20,0,0,0,146,176.63a11.63,11.63,0,0,0,1.11-.85l22.43-19.07,42,18.81A36.29,36.29,0,0,1,176,204Z"/></svg>') center/14px no-repeat}
#navigation #contactos > span:not(.contactos),
#navigation #contactos .contactospt{display:block;margin:0 0 0 37px;font:600 12px/1.3 var(--ui);color:#1B2732;word-break:break-word}
#navigation #contactos .notaContactospt{margin:0 0 4px 37px;font:400 10px/1.3 var(--ui);color:rgba(27,39,50,.75);text-align:left}
#navigation .lat-horario{margin:12px 0 0;padding:11px 0 0;border-top:1px solid rgba(27,39,50,.18)}
#navigation .lat-horario-tit{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 6px;
  font:700 12px/1.3 var(--ui);
  color:#1B2732;
}
#navigation .lat-horario-tit::before{content:"";flex:none;width:14px;height:14px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm68-84a12,12,0,0,1-12,12H128a12,12,0,0,1-12-12V72a12,12,0,0,1,24,0v44h44A12,12,0,0,1,196,128Z"/></svg>') center/contain no-repeat}
#navigation .lat-horario-fila{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:6px;
  padding:3px 0;
  font:500 12px/1.3 var(--ui);
  color:#1B2732;
}
#navigation .lat-horario-fila + .lat-horario-fila{border-top:1px dashed rgba(27,39,50,.18)}
#navigation .lat-horario-fila b{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- Accesos principales: Novedades, Fin Stock, Reacondicionados ---------- */
#navigation .lat-acceso{
  display:flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  height:48px;
  margin:0 4px 8px 0;
  padding:0 12px 0 9px;
  background:#ffffff;
  border:1px solid #dfe3e7;
  border-radius:12px;
  color:#1B2732;
  font:700 14px/1.2 var(--ui);
  text-decoration:none;
  transition:transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
#navigation .lat-acceso::before{content:"";flex:none;width:30px;height:30px;border-radius:9px;background:#FCCB28 center/17px no-repeat}
#navigation .lat-acceso::after{content:"";margin-left:auto;width:11px;height:11px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"/></svg>') center/contain no-repeat;opacity:.55}
#navigation .lat-acceso-nov::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M199,125.31l-49.88-18.39L130.69,57a19.92,19.92,0,0,0-37.38,0L74.92,106.92,25,125.31a19.92,19.92,0,0,0,0,37.38l49.88,18.39L93.31,231a19.92,19.92,0,0,0,37.38,0l18.39-49.88L199,162.69a19.92,19.92,0,0,0,0-37.38Zm-63.38,35.16a12,12,0,0,0-7.11,7.11L112,212.28l-16.47-44.7a12,12,0,0,0-7.11-7.11L43.72,144l44.7-16.47a12,12,0,0,0,7.11-7.11L112,75.72l16.47,44.7a12,12,0,0,0,7.11,7.11L180.28,144ZM140,40a12,12,0,0,1,12-12h12V16a12,12,0,0,1,24,0V28h12a12,12,0,0,1,0,24H188V64a12,12,0,0,1-24,0V52H152A12,12,0,0,1,140,40ZM252,88a12,12,0,0,1-12,12h-4v4a12,12,0,0,1-24,0v-4h-4a12,12,0,0,1,0-24h4V72a12,12,0,0,1,24,0v4h4A12,12,0,0,1,252,88Z"/></svg>')}
#navigation .lat-acceso-fstock::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M246.15,133.18,146.83,33.86A19.85,19.85,0,0,0,132.69,28H40A12,12,0,0,0,28,40v92.69a19.85,19.85,0,0,0,5.86,14.14l99.32,99.32a20,20,0,0,0,28.28,0l84.69-84.69A20,20,0,0,0,246.15,133.18Zm-98.83,93.17L52,131V52h79l95.32,95.32ZM104,88A16,16,0,1,1,88,72,16,16,0,0,1,104,88Z"/></svg>')}
#navigation .lat-acceso-reacon::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M100,208a12,12,0,0,1-12,12H40a28,28,0,0,1-24.23-42l29.45-50.88-4.76,1.27a12,12,0,1,1-6.2-23.18l32.77-8.77a12,12,0,0,1,14.69,8.48l8.79,32.77a12,12,0,1,1-23.17,6.22L66.08,139l-29.5,51A4,4,0,0,0,40,196H88A12,12,0,0,1,100,208ZM128,36a3.87,3.87,0,0,1,3.46,2l29.45,50.87-4.75-1.27A12,12,0,1,0,150,110.78l32.77,8.79a12,12,0,0,0,14.69-8.48L206.2,78.3A12,12,0,1,0,183,72.08l-1.31,4.86L152.23,26a28,28,0,0,0-48.46,0L80.61,66a12,12,0,1,0,20.77,12l23.16-40A3.87,3.87,0,0,1,128,36ZM240.19,178l-23.14-40a12,12,0,1,0-20.77,12l23.14,40a4,4,0,0,1-3.46,6H157l3.51-3.51a12,12,0,1,0-17-17l-24,24a12,12,0,0,0,0,17l24,24a12,12,0,1,0,17-17L157,220h59a28,28,0,0,0,24.23-42Z"/></svg>')}
@media (hover:hover) and (pointer:fine){
  #navigation .lat-acceso:hover{transform:translateY(-1px);border-color:#FCCB28;box-shadow:0 8px 18px -12px rgba(27,39,50,.45);color:#1B2732}
}
#navigation .lat-acceso:focus-visible,
#navigation .lat-fam:focus-visible{outline:2px solid #1B2732;outline-offset:2px}

/* ---------- Accesos rápidos (famsdirect.xml) ---------- */
#navigation .lat-titulo,
#navigation #categorias{
  box-sizing:border-box;
  width:auto;
  height:auto;
  margin:18px 4px 6px 0;
  padding:0 0 0 2px;
  background:none;
  border:0;
  border-radius:0;
  font:700 11px/1.2 var(--ui);
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#5b6672;
}
#navigation .lat-fams{margin:0 4px 0 0}
#navigation .lat-fam{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 2px;
  padding:8px 8px 8px 9px;
  border-radius:9px;
  font:600 12.5px/1.25 var(--ui);
  color:#1B2732;
  text-decoration:none;
  transition:background-color 150ms ease, box-shadow 150ms ease;
}
#navigation .lat-fam::before{content:"";flex:none;width:18px;height:18px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M100,36H56A20,20,0,0,0,36,56v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,100,36ZM96,96H60V60H96ZM200,36H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,60H160V60h36Zm-96,40H56a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,100,136Zm-4,60H60V160H96Zm104-60H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,200,136Zm-4,60H160V160h36Z"/></svg>') center/contain no-repeat}
#navigation .lat-fam::after{content:"";flex:none;margin-left:auto;width:9px;height:9px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%238a95a0"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"/></svg>') center/contain no-repeat}
#navigation .lat-fam:hover{background:#f5f7f9;box-shadow:inset 3px 0 0 #FCCB28;color:#1B2732}
#navigation .lat-fam-8767::before,
#navigation .lat-fam-8766::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M219.71,117.38a12,12,0,0,0-7.25-8.52L161.28,88.39l10.59-70.61a12,12,0,0,0-20.64-10l-112,120a12,12,0,0,0,4.31,19.33l51.18,20.47L84.13,238.22a12,12,0,0,0,20.64,10l112-120A12,12,0,0,0,219.71,117.38ZM113.6,203.55l6.27-41.77a12,12,0,0,0-7.41-12.92L68.74,131.37,142.4,52.45l-6.27,41.77a12,12,0,0,0,7.41,12.92l43.72,17.49Z"/></svg>')}
#navigation .lat-fam-1914::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M208,36H48A20,20,0,0,0,28,56V200a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V56A20,20,0,0,0,208,36Zm-4,24v56H52V60ZM52,196V140H204v56ZM160,88a16,16,0,1,1,16,16A16,16,0,0,1,160,88Zm32,80a16,16,0,1,1-16-16A16,16,0,0,1,192,168Z"/></svg>')}
#navigation .lat-fam-11545::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M240.49,15.51a12,12,0,0,0-17,0L173.94,65.09l-2.54-2.55a36.05,36.05,0,0,0-50.91,0L100,83l-3.51-3.52a12,12,0,0,0-17,17L83,100,62.54,120.49a36,36,0,0,0,0,50.91l2.55,2.54L15.51,223.51a12,12,0,0,0,17,17l49.57-49.58,2.54,2.55a36.06,36.06,0,0,0,50.91,0L156,173l3.51,3.52a12,12,0,0,0,17-17L173,156l20.49-20.49a36,36,0,0,0,0-50.91l-2.55-2.54,49.58-49.57A12,12,0,0,0,240.49,15.51Zm-121.95,161a12,12,0,0,1-17,0L79.51,154.43a12,12,0,0,1,0-17L100,117l39,39Zm58-57.95h0L156,139l-39-39,20.49-20.49a12,12,0,0,1,17,0l22.06,22.06a12,12,0,0,1,0,17ZM85.27,33.37a12,12,0,0,1,21.46-10.74l8,16A12,12,0,1,1,93.27,49.37Zm-68,57.26a12,12,0,0,1,16.1-5.36l16,8a12,12,0,1,1-10.74,21.46l-16-8A12,12,0,0,1,17.27,90.63Zm221.46,74.74a12,12,0,0,1-16.1,5.36l-16-8a12,12,0,0,1,10.74-21.46l16,8A12,12,0,0,1,238.73,165.37Zm-68,57.26a12,12,0,1,1-21.46,10.74l-8-16a12,12,0,0,1,21.46-10.74Z"/></svg>')}
#navigation .lat-fam-10849::before,
#navigation .lat-fam-21106::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M196,52H28A28,28,0,0,0,0,80v96a28,28,0,0,0,28,28H196a28,28,0,0,0,28-28V80A28,28,0,0,0,196,52Zm4,124a4,4,0,0,1-4,4H28a4,4,0,0,1-4-4V80a4,4,0,0,1,4-4H196a4,4,0,0,1,4,4Zm-16-72v48a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Zm-40,0v48a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Zm-40,0v48a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Zm-40,0v48a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Zm192,0v48a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Z"/></svg>')}
#navigation .lat-fam-2042::before,
#navigation .lat-fam-7021::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M240.49,63.51a12,12,0,0,0-17,0L192,95,161,64l31.52-31.51a12,12,0,0,0-17-17L144,47,120.49,23.51a12,12,0,1,0-17,17L107,44,56.89,94.14a44,44,0,0,0,0,62.23l12.88,12.88L23.51,215.51a12,12,0,0,0,17,17l46.26-46.26,12.88,12.88a44,44,0,0,0,62.23,0L212,149l3.51,3.52a12,12,0,0,0,17-17L209,112l31.52-31.51A12,12,0,0,0,240.49,63.51Zm-95.6,118.63a20,20,0,0,1-28.29,0L73.86,139.4a20,20,0,0,1,0-28.29L124,61l71,71Z"/></svg>')}
#navigation .lat-fam-11570::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M179.14,24.08C165.28,16.29,147.12,12,128,12S90.72,16.29,76.86,24.08C60.83,33.1,52,45.86,52,60V196c0,14.14,8.83,26.9,24.86,35.92C90.72,239.71,108.88,244,128,244s37.28-4.29,51.14-12.08c16-9,24.86-21.78,24.86-35.92V60C204,45.86,195.17,33.1,179.14,24.08ZM88.63,45c10.17-5.72,24.52-9,39.37-9s29.2,3.28,39.37,9c8,4.52,12.63,10,12.63,15s-4.6,10.48-12.63,15c-10.17,5.72-24.52,9-39.37,9s-29.2-3.28-39.37-9C80.6,70.48,76,65,76,60S80.6,49.52,88.63,45Zm78.74,166c-10.17,5.72-24.52,9-39.37,9s-29.2-3.28-39.37-9C80.6,206.48,76,201,76,196V95.4l.86.52C90.72,103.71,108.88,108,128,108s37.28-4.29,51.14-12.08l.86-.52V196C180,201,175.4,206.48,167.37,211Z"/></svg>')}
#navigation .lat-fam-7033::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M224,64H180V56a28,28,0,0,0-28-28H104A28,28,0,0,0,76,56v8H32A20,20,0,0,0,12,84V192a20,20,0,0,0,20,20H224a20,20,0,0,0,20-20V84A20,20,0,0,0,224,64ZM100,56a4,4,0,0,1,4-4h48a4,4,0,0,1,4,4v8H100ZM220,88v32H196v-4a12,12,0,0,0-24,0v4H84v-4a12,12,0,0,0-24,0v4H36V88ZM36,188V144H60v4a12,12,0,0,0,24,0v-4h88v4a12,12,0,0,0,24,0v-4h24v44Z"/></svg>')}
#navigation .lat-fam-7425::before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M224,60H32A20,20,0,0,0,12,80v96a20,20,0,0,0,20,20H224a20,20,0,0,0,20-20V80A20,20,0,0,0,224,60Zm-4,112H36V84H220Zm-56-44a16,16,0,1,1,16,16A16,16,0,0,1,164,128Z"/></svg>')}

/* ---------- Árbol de categorías ---------- */
#navigation #abrir-cerrar{
  width:auto;
  height:auto;
  margin:0 4px 8px 2px;
  background:none;
  border:0;
  text-indent:0;
  font:500 11.5px/1.4 var(--ui);
  color:#c3cad1;
}
#navigation #abrir-cerrar a{color:#5b6672;text-decoration:none}
#navigation #abrir-cerrar a:hover{color:#1B2732;text-decoration:underline}
#navigation #listado-categorias{
  box-sizing:border-box;
  width:auto;
  margin:0 4px 0 0;
  padding:6px;
  background:#ffffff;
  border:1px solid #e4e8ec;
  border-radius:12px;
}
#navigation #treemenu2,
#navigation #treemenu2 ul{margin:0;padding:0;list-style:none}
#navigation #treemenu2 li{margin:0;padding:0;background:none;border:0;list-style:none}
#navigation #treemenu2 li.submenu{position:relative;background-image:none !important}
#navigation #treemenu2 .masmenu{
  position:absolute;
  left:2px;
  top:5px;
  width:18px;
  height:18px;
  margin:0;
  padding:0;
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%238a95a0"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"/></svg>') center/9px no-repeat;
  cursor:pointer;
  transition:transform 150ms ease;
}
#navigation #treemenu2 li.submenu:has(> ul.treeview_open) > .masmenu{transform:rotate(90deg)}
#navigation #treemenu2 a.listado-link{
  display:block;
  padding:6px 6px 6px 22px;
  border-radius:7px;
  font:600 12.5px/1.3 var(--ui);
  color:#1B2732;
  text-decoration:none;
}
#navigation #treemenu2 a.listado-link b{font-weight:600}
#navigation #treemenu2 a.listado-link:hover{background:#f5f7f9}
#navigation #treemenu2 li.submenu:has(> ul.treeview_open) > a.listado-link{background:#f5f7f9;box-shadow:inset 3px 0 0 #FCCB28}
#navigation #treemenu2 ul{margin:2px 0 6px 12px;padding:0 0 0 8px;border-left:1px solid #e4e8ec}
#navigation #treemenu2 .listado-link-seleccionado-fam{margin:0;padding:0;background:none;border:0}
#navigation #treemenu2 .listado-link-seleccionado-fam a{
  display:block;
  padding:4px 6px;
  border-radius:6px;
  font:400 12px/1.35 var(--ui);
  color:#3d4954;
  text-decoration:none;
}
#navigation #treemenu2 .listado-link-seleccionado-fam a:hover{background:#f5f7f9;color:#1B2732}

@media (prefers-reduced-motion:reduce){
  #navigation .lat-acceso,
  #navigation .lat-fam,
  #navigation #treemenu2 .masmenu{transition:none}
  #navigation .lat-acceso:hover{transform:none}
}