/* MENÚ PRINCIPAL */
.cabecera { position: sticky; top: 0; z-index: 1030; background: #FFF; transition: box-shadow .2s; font-size: 15px }
.cabecera.con-sombra { box-shadow: 0 2px 12px rgba(0,0,0,.08) }
.cabecera-barra { display: flex; align-items: center; gap: 8px; max-width: 1320px; height: 64px; margin: 0 auto; padding: 0 16px }
.cabecera-logo { display: flex; align-items: center; margin-right: auto }
.cabecera-logo img { height: 36px; width: auto }
.cabecera-boton { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 0; border-radius: 10px; background: none; color: #333; cursor: pointer }
.cabecera-boton:hover { background: #F4F4F4 }
.cabecera-lupa { font-size: 18px }

.menu-lista { display: flex; align-items: center; list-style: none; margin: 0; padding: 0 }
.menu-item { position: relative; display: flex; align-items: center }
.menu-item > a { display: block; padding: 10px 12px; color: #333; border-radius: 8px; white-space: nowrap }
.menu-item > a:hover, .menu-item > a.activo { color: #BA0000; text-decoration: none }
.menu-item > a i { margin-right: 4px; opacity: .8 }
.menu-destacado > a { color: #0D6EFD; font-weight: 700 }
.menu-flecha { width: 22px; height: 30px; margin-left: -10px; border: 0; background: none; color: #888; cursor: pointer }
.menu-flecha::after { content: ""; display: inline-block; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s }
.menu-flecha[aria-expanded="true"]::after { transform: translateY(1px) rotate(-135deg) }

.submenu { list-style: none; margin: 0; padding: 8px 0 }
.submenu a { display: block; padding: 8px 18px; color: #333; white-space: nowrap }
.submenu a:hover, .submenu a.activo { background: #FCE8E8; color: #990000; text-decoration: none }

.cabecera-buscador { display: flex; gap: 8px; max-width: 760px; margin: 0 auto; padding: 0 16px 14px }
.cabecera-buscador[hidden] { display: none }
.cabecera-buscador input { flex: 1; min-width: 0; padding: 10px 14px; border: 1px solid #DDD; border-radius: 10px; font-size: 16px }
.cabecera-buscador input:focus { outline: 2px solid #F3C9C9; border-color: #BA0000 }
.cabecera-buscador button { padding: 0 18px; border: 0; border-radius: 10px; background: #BA0000; color: #FFF; font-weight: 600 }

.cabecera-hamburguesa { display: none; flex-direction: column; gap: 5px }
.cabecera-hamburguesa span { display: block; width: 22px; height: 2px; background: currentColor; border-radius: 2px; transition: transform .2s, opacity .2s }

/* Escritorio: desplegables */
@media (min-width: 992px) {
	.submenu { position: absolute; top: 100%; left: 0; min-width: 230px; background: #FFF; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .15s, transform .15s, visibility .15s }
	.menu-con-sub:hover > .submenu,
	.menu-con-sub:focus-within > .submenu,
	.menu-flecha[aria-expanded="true"] + .submenu { opacity: 1; visibility: visible; transform: none }
	.menu-fondo { display: none }
	.menu-item + .menu-item { margin-left: 9px; padding-left: 9px }
	.menu-item + .menu-item::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 22px; margin-top: -11px; background: #E2E2E2 }
}

/* Móvil: panel lateral */
@media (max-width: 991.98px) {
	.cabecera-hamburguesa { display: flex; order: -1; margin-right: 4px }
	.menu { position: fixed; top: 0; left: 0; bottom: 0; width: min(320px, 85vw); padding: 72px 0 24px; background: #FFF; overflow-y: auto; transform: translateX(-100%); transition: transform .25s ease; z-index: 2; box-shadow: 4px 0 20px rgba(0,0,0,.12) }
	.menu.abierto { transform: none }
	.menu-lista { flex-direction: column; align-items: stretch }
	.menu-item { flex-wrap: wrap; border-bottom: 1px solid #F0F0F0 }
	.menu-item > a { flex: 1; padding: 14px 20px; font-size: 16px; border-radius: 0 }
	.menu-flecha { width: 52px; height: 50px; margin: 0 }
	.submenu { display: none; width: 100%; padding: 0 0 8px; background: #FAFAFA }
	.menu-flecha[aria-expanded="true"] + .submenu { display: block }
	.submenu a { padding: 11px 20px 11px 44px }
	.menu-fondo { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 1 }
	.menu-fondo[hidden] { display: none }
	.cabecera-hamburguesa, .cabecera-logo { position: relative; z-index: 3 }
	.cabecera-hamburguesa[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg) }
	.cabecera-hamburguesa[aria-expanded="true"] span:nth-child(2) { opacity: 0 }
	.cabecera-hamburguesa[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) }
	.cabecera-logo img { height: 32px }
	html.sin-scroll { overflow: hidden }
}
@media (prefers-reduced-motion: reduce) { .menu, .submenu, .menu-flecha::after, .cabecera-hamburguesa span { transition: none } }
/* FIN MENÚ PRINCIPAL */