/* Cabecera. Medidas tomadas de la web actual el 14/10/2026 (1440 px): barra de 91 px, logo de 30 px de alto,
   menú alineado a la derecha con separadores, iconos a la derecha. */
#Header_wrapper{position:relative;z-index:30;background:#fff}
#Header{position:relative}
#Top_bar{background:#fff;border-bottom:1px solid transparent}
#Top_bar .container{display:flex;align-items:center;min-height:90px;padding-left:12px;padding-right:12px;position:relative}
.cw-cabecera.cw-pegada{position:sticky;top:0}
.cw-cabecera.cw-pegada #Top_bar{box-shadow:0 2px 6px rgba(0,0,0,.08)}
.top_bar_left{display:flex;align-items:flex-start;flex:1 1 auto;min-width:0}
#Top_bar .logo{flex:0 0 auto;margin-left:20px;height:60px}
#Top_bar .logo img{display:block;width:auto;height:30px;margin-top:32px}

/* Menú de escritorio */
#menu{margin-left:auto}
#menu ul{list-style:none;margin:0;padding:0}
#menu > ul{display:flex;align-items:center}
#menu > ul > li{position:relative}
#menu > ul > li > a{display:block;padding:15px 0;font:500 15px/60px var(--cw-sans);color:var(--cw-menu)}
#menu > ul > li > a > span{display:block;padding:0 20px;border-right:1px solid rgba(0,0,0,.05)}
#menu a:hover{text-decoration:none;color:var(--cw-enlace)}
#menu li.current-menu-item > a,#menu li.current-menu-ancestor > a{color:var(--cw-enlace)}
#menu ul ul{display:none;position:absolute;left:0;top:100%;min-width:220px;background:#f2f2f2;box-shadow:2px 2px 2px 0 rgba(0,0,0,.03);z-index:40}
#menu ul ul ul{left:100%;top:0}
#menu li:hover > ul,#menu li:focus-within > ul{display:block}
#menu ul ul li{position:relative}
#menu ul ul a{display:block;padding:10px 20px;font:400 15px/28px var(--cw-sans);color:#5f5f5f;border-bottom:1px solid rgba(0,0,0,.05)}
.cw-sub-boton,.cw-menu-boton,.cw-panel-cabecera{display:none}
.cw-menu-boton{color:#0089f7}

/* Iconos de la derecha */
.top_bar_right{flex:0 0 auto;padding:0 20px;height:90px;display:flex;align-items:center}
.top_bar_right_wrapper{display:flex;align-items:center;height:90px}
.top-bar-right-icon{display:flex;align-items:center;color:#333}
.top-bar-right-icon:hover{text-decoration:none}
.myaccount_button{width:32px;height:32px;margin:0 5px}
.myaccount_button img{width:32px;height:32px;border-radius:100%;display:block}
.myaccount_button.logged-out svg{width:26px;height:26px}
.header-cart{height:26px;margin:0 5px}
.header-cart svg{width:26px;height:26px;flex:0 0 auto}
.header-cart-count{position:relative;top:-10px;right:7px;width:18px;height:18px;border-radius:100%;background:#0089f7;color:#fff;font:400 11px/18px var(--cw-sans);text-align:center}
.header-cart-total{margin:0 0 0 -4px;padding-right:5px;font:500 16px/26px var(--cw-sans);color:#333}
.search_button{width:26px;height:26px;margin:0 0 0 5px}
.search_button svg{width:26px;height:26px}
.cw-trazo{fill:none;stroke:#333;stroke-width:1.5px;stroke-miterlimit:10}

/* Buscador desplegable */
.cw-buscador{border-top:1px solid #eee;background:#fff;padding:12px 0}
.cw-buscador[hidden]{display:none}
.cw-buscador form{display:flex;gap:8px}
.cw-buscador input[type=search]{flex:1;padding:10px 12px;border:1px solid #ddd;font:400 15px var(--cw-sans)}
.cw-buscador button{padding:10px 18px;border:0;background:var(--cw-enlace);color:#fff;font:700 15px var(--cw-sans);cursor:pointer}

/* Velo de fondo del panel móvil (solo existe con JS) */
.cw-velo{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55)}
.cw-velo[hidden]{display:none}

/* Hasta 1239 px: hamburguesa y menú en panel lateral. Sin JS el menú queda desplegado en el flujo, bajo la barra. */
@media (max-width:1239px){
	#Top_bar .container{min-height:60px;flex-wrap:wrap}
	.top_bar_left{flex-wrap:wrap}
	#menu{flex:0 0 100%;margin:0}
	#menu > ul{display:block}
	#menu > ul > li > a{padding:11px 5px 10px 20px;margin-right:50px;font:500 13px/19px var(--cw-sans);color:#5f5f5f}
	#menu > ul > li > a > span{display:inline;padding:0;border:0}
	#menu ul ul{display:block;position:static;min-width:0;box-shadow:none;background:transparent}
	#menu ul ul a{padding:10px 20px 10px 35px;font-size:13px;line-height:19px;border-bottom:0}
	.top_bar_right{height:60px}
	.top_bar_right_wrapper{height:60px}
	.cw-js .cw-menu-boton{display:flex;align-self:flex-start;margin:13px 0 0 auto;width:34px;height:34px;align-items:center;justify-content:center;border:0;background:none;padding:0;cursor:pointer}
	.cw-menu-barras,.cw-menu-barras::before,.cw-menu-barras::after{display:block;width:22px;height:2px;background:#0089f7;position:relative;content:""}
	.cw-menu-barras::before{position:absolute;top:-7px}
	.cw-menu-barras::after{position:absolute;top:7px}

	/* Panel lateral */
	.cw-js #menu{position:fixed;top:0;right:-250px;width:250px;height:100%;overflow-y:auto;background:#191919;color:#fff;z-index:100000;visibility:hidden;transition:right .3s ease,visibility 0s linear .3s}
	.cw-js.cw-menu-abierto #menu{right:0;visibility:visible;transition:right .3s ease}
	.cw-js #menu > ul{border-top:1px solid rgba(255,255,255,.07)}
	.cw-js #menu li{position:relative;border-bottom:1px solid rgba(255,255,255,.07)}
	.cw-js #menu > ul > li > a{color:#a6a6a6}
	.cw-js #menu ul ul{display:none}
	.cw-js #menu ul ul a{color:#a6a6a6}
	.cw-js #menu li.cw-abierto > ul{display:block}
	.cw-js #menu li:hover > ul,.cw-js #menu li:focus-within > ul{display:none}
	.cw-js #menu li.cw-abierto:hover > ul,.cw-js #menu li.cw-abierto:focus-within > ul{display:block}
	.cw-js .cw-panel-cabecera{display:block;padding:20px 0 18px;text-align:center}
	.cw-cerrar{display:block;margin:0 auto 18px;width:34px;height:34px;border:0;background:none;color:#fff;font:300 34px/34px var(--cw-sans);cursor:pointer}
	.cw-panel-iconos{display:flex;align-items:center;justify-content:center}
	.cw-panel-iconos .cw-trazo{stroke:#fff}
	.cw-panel-iconos .header-cart-total{color:#fff}
	.cw-panel-iconos .header-cart-count{background:transparent;color:#fff;top:-8px;right:5px;width:auto;height:auto;font-size:11px}
	.cw-js .cw-sub-boton{display:block;position:absolute;right:0;top:0;width:50px;height:41px;border:0;background:none;cursor:pointer}
	.cw-js .cw-sub-boton::before,.cw-js .cw-sub-boton::after{content:"";position:absolute;left:50%;top:50%;background:#a6a6a6}
	.cw-js .cw-sub-boton::before{width:11px;height:1px;margin:0 0 0 -5px}
	.cw-js .cw-sub-boton::after{width:1px;height:11px;margin:-5px 0 0 0}
	.cw-js li.cw-abierto > .cw-sub-boton::after{display:none}
}

/* Hasta 767 px: logo centrado y grande, hamburguesa a la derecha y solo el carrito debajo (usuario y buscador van al panel) */
@media (max-width:767px){
	#Top_bar{min-height:127px}
	#Top_bar .container{flex-direction:column;align-items:stretch;flex-wrap:nowrap;padding:12px 0 0}
	.top_bar_left{display:block}
	#Top_bar .logo{margin:0 auto;height:60px;width:150px}
	#Top_bar .logo img{height:60px;margin-top:0}
	.cw-js .cw-menu-boton{position:absolute;right:10px;top:23px;margin:0}
	.top_bar_right{padding:0;width:100%;height:46px;justify-content:center}
	.top_bar_right_wrapper{height:46px;justify-content:center}
	.top_bar_right_wrapper .myaccount_button,.top_bar_right_wrapper .search_button{display:none}
}

/* Entre 960 y 1239 px el panel usa texto de 15 px (medido en la web actual) */
@media (min-width:960px) and (max-width:1239px){
	#menu > ul > li > a{font-size:15px}
	#menu ul ul a{font-size:15px}
}

@media (max-width:1239px){
	#menu ul ul li > a{margin-right:50px}
}

@media (max-width:767px){
	.top_bar_right{margin-top:8px}
}

/* Tablet (768–1239): la web de hoy deja 24 px de fondo azul oscuro bajo la barra (medido: #Header_wrapper de 85 px, barra de 61) */
#Header_wrapper{background:#13162f}
@media (min-width:768px) and (max-width:1239px){
	#Header_wrapper{padding-bottom:24px}
}