/* ---- Encabezado y menu (5 disenos). Escritorio y celular; el corte esta en 960 px. ---- */
header.wp-block-template-part { position: sticky; top: 0; z-index: 50; transition: transform .25s ease; }
header.wp-block-template-part.sjw-enc-oculto { transform: translateY(-110%); }
.sjw-enc { --enc-borde: var(--wp--preset--color--borde, #e3e1dd); --enc-acento: var(--wp--preset--color--acento, #b4452f); --enc-tinta: var(--wp--preset--color--tinta, #1d2327); --enc-base: var(--wp--preset--color--base, #fff); --enc-suave: var(--wp--preset--color--suave, #f5f4f2);
	position: relative; background: var(--enc-base); color: var(--enc-tinta); border-bottom: 1px solid var(--enc-borde); font-size: .9375rem; line-height: 1.4; }
.sjw-enc :is(a) { color: inherit; text-decoration: none; }
.sjw-enc :is(ul, ol) { list-style: none; margin: 0; padding: 0; }
.sjw-enc button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
.sjw-enc-in { width: min(var(--sjw-ancho, 1200px), 100% - 2 * var(--sjw-margen, 1.5rem)); margin-inline: auto; display: grid; align-items: center; column-gap: 1.5rem; }

/* aviso */
.sjw-enc-anuncio { --a-bg: var(--enc-tinta); --a-fg: var(--enc-base); background: var(--a-bg); color: var(--a-fg); text-align: center; font-size: .8125rem; }
.sjw-enc-anuncio--acento { --a-bg: var(--enc-acento); --a-fg: #fff; } .sjw-enc-anuncio--claro { --a-bg: var(--enc-suave); --a-fg: var(--enc-tinta); }
.sjw-enc-anuncio-in { width: min(var(--sjw-ancho, 1200px), 100% - 2 * var(--sjw-margen, 1.5rem)); margin-inline: auto; padding: .5rem 0; display: grid; }
.sjw-enc-msg { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.sjw-enc-msg.is-activo { opacity: 1; visibility: visible; }
.sjw-enc-msg a:hover { text-decoration: underline; }

/* marca, iconos */
.sjw-enc-marca { grid-area: logo; line-height: 1; }
.sjw-enc-logo { font-size: 1.35rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.sjw-enc-marca img { display: block; max-height: 2.6rem; width: auto; }
.sjw-enc-burger { grid-area: burger; display: none; align-items: center; gap: .5rem; padding: .5rem .25rem; margin-left: -.25rem; }
.sjw-enc-burger-t { font-weight: 600; font-size: .8125rem; letter-spacing: .08em; text-transform: uppercase; }
.sjw-enc-tools { grid-area: tools; display: flex; align-items: center; justify-content: flex-end; gap: 1rem; }
.sjw-enc-tool { position: relative; display: inline-flex; flex-direction: column; align-items: center; gap: .15rem; padding: .35rem .15rem; }
.sjw-enc-tool-t { display: none; font-size: .72rem; }
.sjw-enc-tool [data-sjw-deseos-count] { position: absolute; top: -.1rem; right: -.35rem; min-width: 1.1rem; height: 1.1rem; padding: 0 .25rem; border-radius: 1rem; background: var(--enc-acento); color: #fff; font-size: .65rem; line-height: 1.1rem; text-align: center; }
.sjw-enc-tool [data-sjw-deseos-count][hidden] { display: none; }
.sjw-enc-buscar, .sjw-enc-carrito { display: inline-flex; align-items: center; }
.sjw-enc-carrito .wc-block-mini-cart__button { padding: .35rem .15rem; }
.sjw-enc-buscar .sjw-buscador-panel { right: 0; }

/* menu de escritorio */
.sjw-enc-nav { grid-area: nav; justify-self: center; }
.sjw-enc-lista { display: flex; align-items: center; gap: .25rem 2rem; }
.sjw-enc-item { position: relative; }
.sjw-enc-link { display: block; padding: 1.15rem 0; font-weight: 500; position: relative; }
.sjw-enc-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: .8rem; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.sjw-enc-item:hover > .sjw-enc-link::after, .sjw-enc-item:focus-within > .sjw-enc-link::after { transform: scaleX(1); }
.sjw-enc-item.is-destacado > .sjw-enc-link { color: var(--enc-acento); font-weight: 700; }
.sjw-enc-sub { position: absolute; left: 0; top: 100%; z-index: 5; background: var(--enc-base); border: 1px solid var(--enc-borde); box-shadow: 0 14px 30px rgba(0, 0, 0, .12); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s .08s, transform .18s .08s, visibility 0s .26s; }
.sjw-enc-item:hover > .sjw-enc-sub, .sjw-enc-item:focus-within > .sjw-enc-sub, .sjw-enc-item.is-abierto > .sjw-enc-sub { opacity: 1; visibility: visible; transform: none; transition-delay: .05s, .05s, 0s; }
.sjw-enc-sub--lista { min-width: 14rem; padding: .5rem 0; }
.sjw-enc-sub--lista a { display: block; padding: .5rem 1.25rem; white-space: nowrap; } .sjw-enc-sub--lista a:hover { background: var(--enc-suave); }
.sjw-enc-todo-li a { font-weight: 600; border-top: 1px solid var(--enc-borde); margin-top: .35rem; padding-top: .7rem !important; }

/* mega menu (panel ancho completo) */
.sjw-enc--mega .sjw-enc-item, .sjw-enc-todas { position: static; }
.sjw-enc-sub--mega { left: 0; right: 0; border-inline: 0; }
.sjw-enc-mega { width: min(var(--sjw-ancho, 1200px), 100% - 2 * var(--sjw-margen, 1.5rem)); margin-inline: auto; padding: 1.75rem 0 2rem; display: grid; grid-template-columns: minmax(14rem, 20rem) 1fr; gap: 2.5rem; }
.sjw-enc-ct { display: block; margin-bottom: .8rem; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--enc-acento); font-weight: 700; }
.sjw-enc-col li > a { display: block; padding: .3rem 0; } .sjw-enc-col li > a:hover { text-decoration: underline; }
.sjw-enc-nietos { padding-left: .9rem; font-size: .875rem; opacity: .8; }
.sjw-enc-todo { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; font-weight: 600; } .sjw-enc-todo svg { width: 16px; height: 16px; }
.sjw-enc-cards-fila { display: grid; grid-template-columns: repeat(3, minmax(0, 11.5rem)); gap: 1.25rem; }
.sjw-enc-card { display: block; } .sjw-enc-card img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: var(--enc-suave); }
.sjw-enc-card > span { display: block; margin-top: .5rem; font-size: .875rem; font-weight: 600; } .sjw-enc-card small { display: block; font-weight: 400; opacity: .8; } .sjw-enc-card small * { display: inline; }
.sjw-enc-card:hover img { opacity: .9; } .sjw-enc-card--cat > span { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; }

/* 1. clasico y 3. mega: logo | menu | iconos */
.sjw-enc--clasico .sjw-enc-in, .sjw-enc--mega .sjw-enc-in { grid-template-areas: "logo nav tools"; grid-template-columns: auto 1fr auto; }

/* 2. boutique centrado */
.sjw-enc--centrado .sjw-enc-in { grid-template-areas: "buscar logo tools"; }
.sjw-enc--centrado .sjw-enc-barra .sjw-enc-in { grid-template-columns: 1fr auto 1fr; padding-block: 1.1rem; }
.sjw-enc--centrado .sjw-enc-buscar { grid-area: buscar; justify-self: start; }
.sjw-enc--centrado .sjw-enc-marca { justify-self: center; } .sjw-enc--centrado .sjw-enc-logo { font-size: 1.9rem; letter-spacing: .22em; font-weight: 500; }
.sjw-enc--centrado .sjw-enc-buscar .sjw-buscador-panel { left: 0; right: auto; }
.sjw-enc-fila2 { border-top: 1px solid var(--enc-borde); }
.sjw-enc-fila2 .sjw-enc-in { display: block; }
.sjw-enc--centrado .sjw-enc-nav { display: flex; justify-content: center; }
.sjw-enc--centrado .sjw-enc-lista { gap: 3rem; } .sjw-enc--centrado .sjw-enc-link { padding: .9rem 0; font-size: .8125rem; letter-spacing: .16em; text-transform: uppercase; } .sjw-enc--centrado .sjw-enc-link::after { bottom: .6rem; }
.sjw-enc--centrado .sjw-enc-sub--lista { left: 50%; translate: -50% 0; }

/* 4. minimalista con panel */
.sjw-enc--lateral .sjw-enc-in { grid-template-areas: "burger logo tools"; grid-template-columns: 1fr auto 1fr; padding-block: 1.1rem; }
.sjw-enc--lateral .sjw-enc-burger { display: inline-flex; justify-self: start; }
.sjw-enc--lateral .sjw-enc-marca { justify-self: center; } .sjw-enc--lateral .sjw-enc-logo { font-size: 1.6rem; letter-spacing: .18em; font-weight: 500; }

/* 5. tienda grande */
.sjw-enc--doble .sjw-enc-barra .sjw-enc-in { grid-template-areas: "logo buscar tools"; grid-template-columns: auto minmax(16rem, 1fr) auto; padding-block: 1rem; column-gap: 2.5rem; }
.sjw-enc--doble .sjw-buscador--fijo { grid-area: buscar; justify-self: stretch; max-width: 46rem; width: 100%; margin-inline: auto; position: relative; }
.sjw-enc--doble .sjw-buscador--fijo form { display: flex; border: 2px solid var(--enc-tinta); border-radius: 999px; overflow: hidden; background: var(--enc-base); }
.sjw-enc--doble .sjw-buscador--fijo input[type=search] { flex: 1; min-width: 0; border: 0; padding: .7rem 1.2rem; background: transparent; font: inherit; color: inherit; outline: none; }
.sjw-enc--doble .sjw-buscador--fijo form button { padding: 0 1.1rem; background: var(--enc-tinta); color: var(--enc-base); }
.sjw-enc--doble .sjw-buscador--fijo:focus-within form { border-color: var(--enc-acento); } .sjw-enc--doble .sjw-buscador--fijo:focus-within form button { background: var(--enc-acento); }
.sjw-enc--doble .sjw-buscador-res { position: absolute; left: 0; right: 0; top: calc(100% + .4rem); z-index: 30; background: var(--enc-base); border: 1px solid var(--enc-borde); box-shadow: 0 10px 24px rgba(0, 0, 0, .12); }
.sjw-enc--doble .sjw-buscador-res:empty { display: none; }
.sjw-enc--doble .sjw-enc-tool-t { display: block; }
.sjw-enc--doble .sjw-enc-tools { gap: 1.25rem; }
.sjw-enc--doble .sjw-enc-fila2 { background: var(--enc-tinta); color: var(--enc-base); border-top: 0; }
.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-lista { gap: 2rem; }
.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-link { padding: .8rem 0; font-size: .875rem; } .sjw-enc--doble .sjw-enc-fila2 .sjw-enc-link::after { bottom: .5rem; }
.sjw-enc--doble .sjw-enc-fila2 .is-destacado > .sjw-enc-link { color: #ffb4a3; }
.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-sub { color: var(--enc-tinta); }
.sjw-enc-todas-btn { display: inline-flex; align-items: center; gap: .55rem; padding: .8rem 1.1rem; margin-right: .5rem; background: var(--enc-acento); font-weight: 700; font-size: .875rem; color: #fff !important; }
.sjw-enc-todas-btn svg { width: 18px; height: 18px; }
.sjw-enc-panel-todas { opacity: 1; visibility: visible; transform: none; }
.sjw-enc-panel-todas[hidden] { display: none; }
.sjw-enc-todas-grid { width: min(var(--sjw-ancho, 1200px), 100% - 2 * var(--sjw-margen, 1.5rem)); margin-inline: auto; padding: 1.5rem 0 1.75rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 1.5rem 2rem; }
.sjw-enc-todas-grid .sjw-enc-ct { text-decoration: none; }

/* panel lateral (celular y diseno minimalista) */
.sjw-enc-fondo { position: fixed; inset: 0; z-index: 998; background: rgba(0, 0, 0, .5); }
.sjw-enc-fondo[hidden] { display: none; }
.sjw-enc-panel { position: fixed; top: 0; bottom: 0; left: 0; z-index: 999; width: min(24rem, 88vw); overflow-y: auto; overscroll-behavior: contain; background: var(--enc-base); color: var(--enc-tinta); padding: 1rem 1.25rem 2rem; box-sizing: border-box; transform: translateX(-102%); visibility: hidden; transition: transform .28s ease, visibility 0s .28s; box-shadow: 0 0 40px rgba(0, 0, 0, .25); }
.sjw-enc-panel.is-abierto { transform: none; visibility: visible; transition: transform .28s ease; }
.admin-bar .sjw-enc-panel { top: 32px; }
.sjw-enc-panel-cab { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.1rem; }
.sjw-enc-cerrar { padding: .4rem; margin-right: -.4rem; }
.sjw-enc-panel-buscar { display: flex; border: 1px solid var(--enc-borde); border-radius: 999px; overflow: hidden; margin-bottom: 1rem; }
.sjw-enc-panel-buscar input { flex: 1; min-width: 0; border: 0; padding: .75rem 1rem; font: inherit; background: transparent; color: inherit; outline: none; }
.sjw-enc-panel-buscar button { padding: 0 1rem; }
.sjw-enc-acc > li { border-bottom: 1px solid var(--enc-borde); }
.sjw-enc-acc-fila { display: flex; align-items: center; justify-content: space-between; }
.sjw-enc-acc-fila > a { flex: 1; padding: 1rem 0; font-size: 1.05rem; font-weight: 600; }
.sjw-enc-acc .is-destacado > .sjw-enc-acc-fila > a { color: var(--enc-acento); }
.sjw-enc-acc-btn { padding: .9rem .4rem; } .sjw-enc-acc-btn svg { transition: transform .2s; } .sjw-enc-acc-btn[aria-expanded=true] svg { transform: rotate(180deg); }
.sjw-enc-acc-sub { padding: 0 0 .8rem .75rem; } .sjw-enc-acc-sub[hidden] { display: none; }
.sjw-enc-acc-sub a { display: block; padding: .5rem 0; opacity: .85; } .sjw-enc-acc-sub li:first-child a { font-weight: 600; opacity: 1; }
.sjw-enc-panel-extra { margin-top: 1.25rem; display: grid; gap: .25rem; } .sjw-enc-panel-extra a { display: flex; align-items: center; gap: .65rem; padding: .65rem 0; }
.sjw-enc-panel-extra svg { width: 20px; height: 20px; }
.sjw-enc--lateral .sjw-enc-panel { width: min(30rem, 92vw); padding: 1.5rem 2rem 2rem; }
.sjw-enc--lateral .sjw-enc-acc-fila > a { font-size: 1.5rem; font-weight: 500; letter-spacing: .02em; }
html.sjw-enc-bloqueado { overflow: hidden; }

/* ---- celular y tablet ---- */
@media (max-width: 960px) {
	.sjw-enc .sjw-enc-nav { display: none; }
	.sjw-enc-burger { display: inline-flex; }
	.sjw-enc-burger-t { display: none; }
	.sjw-enc-logo { font-size: 1.15rem; }
	.sjw-enc-tools { gap: .6rem; }
	.sjw-enc--clasico .sjw-enc-in, .sjw-enc--mega .sjw-enc-in { grid-template-areas: "burger logo tools"; grid-template-columns: auto 1fr auto; column-gap: .75rem; padding-block: .6rem; }
	.sjw-enc--lateral .sjw-enc-in { grid-template-areas: "burger logo tools"; grid-template-columns: 1fr auto 1fr; padding-block: .6rem; column-gap: .5rem; }
	.sjw-enc--centrado .sjw-enc-barra .sjw-enc-in { grid-template-areas: "burger logo buscar tools"; grid-template-columns: auto 1fr auto auto; padding-block: .6rem; column-gap: .5rem; }
	.sjw-enc--centrado .sjw-enc-marca { justify-self: center; }
	.sjw-enc--centrado .sjw-enc-logo, .sjw-enc--lateral .sjw-enc-logo { font-size: 1.2rem; letter-spacing: .14em; }
	.sjw-enc--centrado .sjw-enc-buscar .sjw-buscador-panel { left: auto; right: 0; }
	.sjw-enc--centrado .sjw-enc-fila2 { display: none; }
	.sjw-enc .sjw-enc-tools .sjw-enc-tool { display: none; }
	.sjw-enc--doble .sjw-enc-tools .sjw-enc-tool:not(.sjw-cab-deseos) { display: inline-flex; }
	/* tienda grande: buscador en su propia fila y categorias deslizables */
	.sjw-enc--doble .sjw-enc-barra .sjw-enc-in { grid-template-areas: "burger logo tools" "buscar buscar buscar"; grid-template-columns: auto 1fr auto; row-gap: .6rem; column-gap: .75rem; padding-block: .6rem .7rem; }
	.sjw-enc--doble .sjw-enc-tool-t { display: none; }
	.sjw-enc--doble .sjw-buscador--fijo { max-width: none; }
	.sjw-enc--doble .sjw-enc-fila2 { background: var(--enc-base); color: var(--enc-tinta); border-top: 1px solid var(--enc-borde); }
	.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-in { width: 100%; }
	.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-nav { display: block; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: .55rem var(--sjw-margen, 1.5rem); }
	.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-nav::-webkit-scrollbar { display: none; }
	.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-lista { gap: .5rem; width: max-content; }
	.sjw-enc--doble .sjw-enc-todas, .sjw-enc--doble .sjw-enc-sub { display: none; }
	.sjw-enc--doble .sjw-enc-fila2 .sjw-enc-link { padding: .45rem 1rem; border: 1px solid var(--enc-borde); border-radius: 999px; font-size: .85rem; white-space: nowrap; } .sjw-enc--doble .sjw-enc-fila2 .sjw-enc-link::after { display: none; }
	.sjw-enc--doble .sjw-enc-fila2 .is-destacado > .sjw-enc-link { color: #fff; background: var(--enc-acento); border-color: var(--enc-acento); }
}
@media (prefers-reduced-motion: reduce) { .sjw-enc *, header.wp-block-template-part { transition: none !important; } }
.sjw-enc-fila2 .sjw-enc-nav { justify-self: stretch; }
html.sjw-enc-bloqueado header.wp-block-template-part { z-index: 100000; }
