/*
 * Cabecera 2026 (plantilla Elementor #18757) en teléfono y tablet, según el marco móvil de Figma (440 px):
 * franja de 50 px con camión y texto en una línea; fila de 70 px con menú coral, logo de 149 × 45 e íconos de 24 px cada 44 px.
 * El buscador se reduce a su ícono y despliega el campo bajo la cabecera (Algolia se engancha a ese campo).
 */
@media (max-width: 1024px) {
	/* ---------- Franja superior ---------- */
	.elementor-18757 .elementor-element-061b7c2 { padding: 0 !important; min-height: 50px !important; }
	.elementor-18757 .elementor-element-dd1602f .elementor-swiper-button { display: none !important; }
	.elementor-18757 .elementor-element-dd1602f .swiper-slide > .e-con > .e-con-inner {
		display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important;
		gap: 15px !important; height: 50px !important; min-height: 50px !important; padding: 0 12px !important; margin: 0 !important; max-width: none !important;
	}
	.elementor-18757 .elementor-element-dd1602f .swiper-slide > .e-con { padding: 0 !important; min-height: 0 !important; }
	.elementor-18757 .elementor-element-dd1602f .swiper-slide > .e-con > .e-con-inner:not(:has(.elementor-widget-icon))::before {
		content: ""; flex: none; width: 30px; height: 24px;
		background: url("/wp-content/uploads/2026/05/Vector.svg") center / contain no-repeat;
	}
	.elementor-18757 .elementor-element-dd1602f .elementor-widget-icon { flex: none !important; width: 30px !important; margin: 0 !important; }
	.elementor-18757 .elementor-element-dd1602f .elementor-widget-icon .elementor-icon { display: flex !important; font-size: 30px !important; }
	.elementor-18757 .elementor-element-dd1602f .elementor-widget-icon svg { width: 30px !important; height: 24px !important; }
	.elementor-18757 .elementor-element-dd1602f .elementor-widget-text-editor { flex: 0 1 auto !important; width: auto !important; margin: 0 !important; }
	.elementor-18757 .elementor-element-dd1602f .elementor-widget-text-editor p {
		margin: 0 !important; white-space: nowrap !important; letter-spacing: 0 !important;
		font: 700 clamp(9.5px, 2.6vw, 11.5px)/1 "Plus Jakarta Sans", sans-serif !important; color: var(--edb-texto) !important;
	}

	/* ---------- Fila principal: menú | logo | · | buscar | cuenta · bolsa ---------- */
	.elementor-18757 .elementor-element-141ed10 {
		position: relative !important; display: grid !important;
		grid-template-columns: auto auto minmax(0, 1fr) auto auto !important; grid-template-areas: "menu logo . buscar iconos" !important;
		align-items: center !important; column-gap: 0 !important; row-gap: 0 !important;
		height: 70px !important; min-height: 70px !important; padding: 0 23px 0 25px !important;
		background-color: var(--edb-blanco) !important; box-shadow: var(--edb-sombra-cabecera) !important; z-index: 20;
	}
	.elementor-18757 .elementor-element-141ed10 > .elementor-element { margin: 0 !important; padding: 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; }
	.elementor-18757 .elementor-element-173dff1 { grid-area: menu !important; position: static !important; }
	.elementor-18757 .elementor-element-141ed10 > .elementor-element-215011b { grid-area: logo !important; margin-left: clamp(14px, 5.7vw, 25px) !important; }
	.elementor-18757 .elementor-element-141ed10 > .elementor-element-9469fc9 { grid-area: buscar !important; position: static !important; margin-right: 20px !important; }
	.elementor-18757 .elementor-element-53c1cb1 { grid-area: iconos !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 20px !important; }

	/* Logo */
	.elementor-18757 .elementor-element-215011b .e-svg-base { display: block !important; width: clamp(118px, 33.9vw, 149px) !important; height: auto !important; }
	.elementor-18757 .elementor-element-215011b .e-svg-base svg { width: 100% !important; height: auto !important; display: block; }

	/* Botón del menú: tres líneas coral de 26 × 20 */
	.elementor-18757 .elementor-element-bed2b91 { position: static !important; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu { position: static !important; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-toggle {
		display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; padding: 0 !important; margin: 0 !important;
		border: 0 !important; background: none !important; color: var(--edb-coral) !important; cursor: pointer;
	}
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-toggle-icon { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-toggle-icon svg { display: none !important; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-toggle[aria-expanded="false"] .e-open::before,
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-toggle:not([aria-expanded="true"]) .e-open::before {
		content: ""; display: block; width: 26px; height: 20px; background-color: var(--edb-coral);
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath d='M1.7 2h22.6M1.7 10h22.6M1.7 18h22.6' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath d='M1.7 2h22.6M1.7 10h22.6M1.7 18h22.6' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-toggle[aria-expanded="true"] .e-close::before {
		content: ""; display: block; width: 22px; height: 22px; background-color: var(--edb-coral);
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M3 3l16 16M19 3L3 19' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M3 3l16 16M19 3L3 19' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	/* Desplegable de Elementor: solo de respaldo si no cargó el menú lateral (cabecera-2026.js) */
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-wrapper { top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; }
	html.edb-cajon-listo .elementor-18757 .elementor-element-bed2b91 .e-n-menu-wrapper { display: none !important; }

	/* Buscador: solo el ícono; el campo se despliega bajo la cabecera */
	.elementor-18757 .elementor-element-e3348a6,
	.elementor-18757 .elementor-element-e3348a6 > .elementor-widget-container,
	.elementor-18757 .elementor-element-e3348a6 .e-search,
	.elementor-18757 .elementor-element-e3348a6 .e-search-form { position: static !important; width: auto !important; min-width: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; }
	.elementor-18757 .elementor-element-e3348a6 .e-search-form { display: flex !important; align-items: center !important; }
	.elementor-18757 .elementor-element-e3348a6 .e-search-label {
		position: static !important; display: grid !important; place-items: center !important; width: 24px !important; height: 24px !important;
		margin: 0 !important; padding: 0 !important; cursor: pointer; transform: none !important;
	}
	.elementor-18757 .elementor-element-e3348a6 .e-search-form > .e-search-label { position: relative !important; inset: auto !important; }
	.elementor-18757 .elementor-element-e3348a6 .e-search-label svg { position: static !important; inset: auto !important; transform: none !important; margin: 0 !important; width: 23px !important; height: 23px !important; }
	.elementor-18757 .elementor-element-e3348a6 .e-search-input-wrapper { display: none !important; }
	.elementor-18757.edb-buscar-abierto .elementor-element-e3348a6 .e-search-input-wrapper {
		display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; z-index: 30;
		padding: 10px 24px 14px !important; background: var(--edb-blanco) !important; box-shadow: 0 6px 10px rgba(0, 0, 0, .08) !important;
	}
	.elementor-18757.edb-buscar-abierto .elementor-element-e3348a6 .e-search-input {
		width: 100% !important; height: 46px !important; padding: 0 44px 0 16px !important; border: 0 !important; border-radius: 10px !important;
		background: var(--edb-lienzo) !important; font: 400 16px/1 "Plus Jakarta Sans", sans-serif !important; color: var(--edb-texto) !important;
	}
	.elementor-18757.edb-buscar-abierto .elementor-element-e3348a6 .e-search-input-wrapper > svg { right: 38px !important; }

	/* Cuenta y bolsa de 24 px */
	.elementor-18757 .elementor-element-ef9aafe, .elementor-18757 .elementor-element-0e5dc07 { width: 24px !important; height: 24px !important; margin: 0 !important; }
	.elementor-18757 .elementor-element-ef9aafe .elementor-icon-wrapper, .elementor-18757 .elementor-element-ef9aafe .elementor-icon { display: block !important; line-height: 0 !important; font-size: 24px !important; }
	.elementor-18757 .elementor-element-ef9aafe svg { width: 24px !important; height: 24px !important; }
	.elementor-18757 .elementor-element-0e5dc07 .elementor-menu-cart__toggle_wrapper,
	.elementor-18757 .elementor-element-0e5dc07 .elementor-menu-cart__toggle { line-height: 0 !important; }
	.elementor-18757 .elementor-element-0e5dc07 .elementor-menu-cart__toggle_button { padding: 0 !important; border: 0 !important; background: none !important; position: relative !important; }
	.elementor-18757 .elementor-element-0e5dc07 .elementor-button-icon { font-size: 24px !important; }
	.elementor-18757 .elementor-element-0e5dc07 .elementor-button-icon svg { width: 22px !important; height: 25px !important; }
	.elementor-18757 .elementor-element-0e5dc07 .elementor-button-icon-qty { top: -8px !important; right: -10px !important; min-width: 17px !important; height: 17px !important; font: 700 10px/17px "Plus Jakarta Sans", sans-serif !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-18757 .elementor-element-141ed10 { padding: 0 40px !important; }
	.elementor-18757 .elementor-element-dd1602f .elementor-widget-text-editor p { font-size: 13px !important; }
}

/* El menú lateral (.edb-cajon) es un componente del diccionario: uploads/edb-diseno/edb-diseno-2026.css */

/* ---------- Megamenú de Tienda en computador: respuesta al pasar el mouse y al navegar con teclado ----------
   Piezas atómicas de Elementor 4 dentro de .e-n-menu-content: títulos (párrafo o encabezado seguido de .e-divider-base),
   enlaces de subcategoría (párrafos sueltos) y fotos enlazadas con su nombre debajo. Coral = lo que se señala, como en el menú del teléfono. */
@media (min-width: 1025px) {
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a { transition: color var(--edb-transicion), background-size .25s ease; }

	/* Subcategorías: texto coral profundo y subrayado coral que crece desde la izquierda */
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content .e-paragraph-base:not(:has(+ .e-divider-base)) > a {
		background: linear-gradient(var(--edb-coral), var(--edb-coral)) 0 100% / 0 1px no-repeat;
		padding-bottom: 2px; text-decoration: none !important;
	}
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content .e-paragraph-base:not(:has(+ .e-divider-base)) > a:is(:hover, :focus-visible) {
		color: var(--edb-coral-profundo) !important; background-size: 100% 1px;
	}

	/* Títulos de grupo: texto coral profundo y la línea de abajo se alarga y toma el coral */
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content :is(.e-paragraph-base, .e-heading-base):has(+ .e-divider-base) > a:is(:hover, :focus-visible) { color: var(--edb-coral-profundo) !important; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content .e-divider-base { transition: width .3s ease, background-color .3s ease; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content :is(.e-paragraph-base, .e-heading-base):has(> a:is(:hover, :focus-visible)) + .e-divider-base {
		width: 80px !important; background-color: var(--edb-coral) !important;
	}

	/* Fotos: acercamiento suave dentro de su marco redondeado; el nombre se pinta coral. Vale pasar por la foto o por el nombre */
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a > .e-image-base {
		clip-path: inset(0 round var(--edb-r-caja)); transition: transform .45s ease, clip-path .45s ease;
	}
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a:is(:hover, :focus-visible) > .e-image-base,
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a:has(> .e-image-base):has(+ .e-heading-base:hover) > .e-image-base {
		transform: scale(1.06); clip-path: inset(2.83% round calc(var(--edb-r-caja) / 1.06));
	}
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a:has(> .e-image-base):is(:hover, :focus-visible) + .e-heading-base > a,
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a:has(> .e-image-base) + .e-heading-base > a:is(:hover, :focus-visible) { color: var(--edb-coral-profundo) !important; }

	/* Teclado: anillo salvia visible */
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a:focus-visible { outline: 2px solid var(--edb-salvia); outline-offset: 3px; border-radius: 2px; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a:has(> .e-image-base):focus-visible { outline-offset: 4px; border-radius: var(--edb-r-caja); }
}
@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a,
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content .e-divider-base,
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a > .e-image-base { transition: none; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-content a > .e-image-base { transform: none !important; clip-path: inset(0 round var(--edb-r-caja)) !important; }
}

/* ---------- Menú principal en computador: el ítem señalado queda en semi negrita con una barra redondeada rosa arena debajo ----------
   Aparece al pasar el mouse, con el teclado, mientras su desplegable está abierto y en la página actual.
   La negrita es un trazo fino (text-stroke) para que el ancho del texto no cambie y los ítems vecinos no se muevan. */
@media (min-width: 1025px) {
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-title-text { position: relative; transition: -webkit-text-stroke-width .2s ease; -webkit-text-stroke: 0 currentColor; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-title-text::after {
		content: ""; position: absolute; left: -10px; right: -10px; top: calc(100% + 12px); height: 6px;
		border-radius: var(--edb-r-pildora); background: var(--edb-rosa-arena); pointer-events: none;
		opacity: 0; transform: scaleX(.4); transition: opacity .2s ease, transform .25s ease;
	}
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-title:is(:hover, .e-current, :has(:focus-visible), :has(> [aria-expanded="true"])) .e-n-menu-title-text { -webkit-text-stroke-width: .45px; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-title:is(:hover, .e-current, :has(:focus-visible), :has(> [aria-expanded="true"])) .e-n-menu-title-text::after { opacity: 1; transform: none; }
}
@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-title-text, .elementor-18757 .elementor-element-bed2b91 .e-n-menu-title-text::after { transition: none; }
}

/* Página actual: Elementor pinta el ítem con su color «activo» (celeste #58d0f5); se iguala al del paso del mouse */
@media (min-width: 1025px) {
	.elementor-18757 .elementor-element-bed2b91, .elementor-18757 .elementor-element-bed2b91 .e-n-menu { --n-menu-title-color-active: var(--n-menu-title-color-hover) !important; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-title.e-current :is(.e-n-menu-title-container, .e-n-menu-title-text) { color: var(--n-menu-title-color-hover) !important; }
	.elementor-18757 .elementor-element-bed2b91 .e-n-menu-title.e-current .e-n-menu-dropdown-icon svg { fill: var(--n-menu-title-color-hover) !important; }
}