/* v0.12 · 11-hdr2 — reglas nuevas de este frente (se cargan después de theme.css; al final se pegan a theme.css en este orden). */

/* DEALS: el mismo respiro a la derecha de la cursiva que en el wireframe (span.deals{padding-right:.06em}) */
.deals:not(.pcard){padding-right:.06em}

/* Migas (Rank Math, todo el sitio) como .crumbs del wireframe v0.12: cada nivel mide 26px (24.5px en celular) por los 4px arriba y abajo,
   "›" con opacidad .6 y 4px a cada lado (display:inline-block quita los espacios que pone Rank Math), y el nivel actual en tinta y peso 500 */
.emx-crumbs a,.emx-crumbs .last{display:inline-block;padding:4px 0;line-height:1.5}
.emx-crumbs .separator{display:inline-block;margin-inline:4px;opacity:.6}
.emx-crumbs .last{font-weight:400}
.emx-crumbs a:focus-visible{text-decoration:underline}
/* Ficha en celular: una sola línea que se desliza de lado, sin cortar con "…" */
@media (max-width:781px){
	.single-product .emx-crumbs .rank-math-breadcrumb p{overflow-x:auto;text-overflow:clip;scrollbar-width:none}
	.single-product .emx-crumbs .rank-math-breadcrumb p::-webkit-scrollbar{display:none}
}

/* Ventana de resultados del buscador: interlineado de 1.45 del wireframe en el título, la cantidad y el texto sin resultados;
   "Hablar con un asesor" con borde de 2px (51px de alto, como los .btn del wireframe) */
.emx-srch-t,.emx-srch-n,.emx-srch-none p{line-height:1.45}
.emx-srch-none .btn{border-width:2px;line-height:1.45}
/* Sin resultados en escritorio: el texto y "Hablar con un asesor" en una fila, como dibuja el wireframe (el botón no se estira
   si el texto ocupa varias líneas). En celular siguen apilados: la fila del wireframe no cabe a 375 */
@media (min-width:701px){
	.emx-srch-none{display:flex!important}
	.emx-srch-none .btn{flex:none;align-self:flex-start}
}
/* Sin resultados no hay más tarjetas que pedir: fuera la marca de 1px que carga más al bajar (el panel mide lo del wireframe) */
.emx-srch-grid:has(> .emx-srch-none) + .emx-srch-end{display:none}
/* Celular: la fila de botones por grupo no se encoge en la columna del panel (cortaba los botones de 36px) */
@media (max-width:700px){.emx-srch-f{flex:none}}