/* Tema de la tienda: sólo la estructura de página. Los componentes (ea-producto, ea-chip, ea-buscador,
   ea-barra-pedido, ea-nav, ea-aviso…) vienen de bundle.css, igual que en el prototipo del canvas. */

html { -webkit-text-size-adjust: 100%; }
/* La página ocupa al menos la pantalla: en un catálogo corto la barra del pedido queda abajo, no en el medio. */
body { display: flex; flex-direction: column; min-height: 100dvh; }
.ea-principal, .ea-catalogo { flex: 1; display: flex; flex-direction: column; }
.ea-catalogo__cuerpo { flex: 1; }
/* WooCommerce envuelve sus pantallas en div.woocommerce: que también estire, así el ingreso llena la pantalla. */
.ea-principal > .woocommerce { flex: 1; display: flex; flex-direction: column; }
/* WooCommerce enfoca los avisos para los lectores de pantalla; no hace falta el contorno. */
.woocommerce-error:focus, .woocommerce-message:focus, .woocommerce-info:focus, .woocommerce-NoticeGroup:focus { outline: none; }
body { margin: 0; background: var(--fondo-app); color: var(--tinta); font-family: var(--font-texto); font-size: 16px; line-height: 1.5; text-wrap-style: pretty; }
img { max-width: 100%; height: auto; }
a { color: var(--azul-cobalto); text-underline-offset: 3px; }
[hidden] { display: none !important; }

.ea-contenedor { box-sizing: border-box; width: 100%; max-width: var(--ancho-contenedor); margin: 0 auto; padding: 0 var(--espacio-16); }
.ea-saltar { position: absolute; left: -9999px; }
.ea-saltar:focus { left: 16px; top: 16px; z-index: 10; padding: 8px 12px; background: var(--blanco); }
.ea-solo-escritorio { display: none !important; }

/* ---------- Encabezado ---------- */
.ea-cabecera { background: var(--azul-marino); color: var(--blanco); padding-top: env(safe-area-inset-top, 0px); }
.ea-cabecera__fila { display: flex; align-items: center; justify-content: space-between; gap: var(--espacio-12); min-height: 64px; }
.ea-cabecera__marca { display: block; flex: none; line-height: 0; }
.ea-cabecera__marca img { width: 196px; height: auto; }
.ea-cabecera__nav, .ea-cabecera__salir { display: none; }
.ea-cabecera__cliente { font-size: 12px; letter-spacing: 0.01em; line-height: 1.3; color: var(--sobre-marino-suave); text-align: right; }

/* ---------- Catálogo ---------- */
.ea-catalogo__banda { background: var(--azul-marino); margin-top: -1px; }
.ea-catalogo__banda-fila { display: flex; flex-direction: column; gap: var(--espacio-12); padding-top: 4px; padding-bottom: 14px; }
.ea-catalogo__buscar { margin: 0; }
.ea-catalogo__buscar .ea-icono { flex: none; }
.ea-catalogo__entrega { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; letter-spacing: 0.01em; line-height: 1.4; color: var(--sobre-marino-suave); }
.ea-catalogo__entrega strong { color: var(--blanco); font-weight: 600; white-space: nowrap; }
.ea-catalogo__limite { white-space: nowrap; }

.ea-catalogo__rubros { background: var(--blanco); border-bottom: var(--grosor-fino) solid var(--borde); }
/* Doble clase: el relleno vertical no lo pisa el de .ea-contenedor en tablet y escritorio. */
.ea-contenedor.ea-catalogo__chips { display: flex; align-items: center; gap: var(--espacio-8); padding-top: 12px; padding-bottom: 12px; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
.ea-catalogo__chips::-webkit-scrollbar { display: none; }
.ea-catalogo__subrubros { background: var(--fondo-app); border-top: var(--grosor-fino) solid var(--borde); }
.ea-contenedor.ea-catalogo__chips--sub { padding-top: 10px; padding-bottom: 10px; }
a.ea-chip { display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap; }
.ea-catalogo__dentro { font-size: 13px; color: var(--tinta-suave); margin-right: 4px; white-space: nowrap; }
.ea-catalogo__cuenta { margin: 0; font-size: 12px; letter-spacing: 0.01em; color: var(--tinta-suave); white-space: nowrap; }

.ea-catalogo__cuerpo { display: flex; flex-direction: column; gap: 10px; padding-top: 14px; padding-bottom: 24px; }
.ea-catalogo__grilla { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.ea-producto { box-sizing: border-box; height: 100%; }
.ea-producto__nombre { margin: 0; }
.ea-producto__accion { display: flex; }
.ea-producto__sin-precio { font-size: 14px; font-weight: 600; color: var(--tinta-suave); }
a.ea-producto__sin-precio { color: var(--azul-cobalto); }
.ea-producto__foto--vacia .ea-logo { width: 38px; height: auto; }
.ea-aviso a { font-weight: 600; }

.ea-catalogo__vacio { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 24px 20px; text-align: center; }
.ea-catalogo__vacio-titulo { font-size: 16px; font-weight: 600; color: var(--tinta); }
.ea-catalogo__vacio p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--tinta-suave); }

.ea-paginas ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.ea-paginas a, .ea-paginas span { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 44px; height: 44px; padding: 0 12px; border-radius: var(--radio-10); background: var(--blanco); border: var(--grosor-fino) solid var(--borde); color: var(--azul-cobalto); font-size: 14px; font-weight: 600; text-decoration: none; }
.ea-paginas .current { background: var(--azul-cobalto); border-color: var(--azul-cobalto); color: var(--blanco); }
.ea-paginas .dots { background: transparent; border: 0; color: var(--tinta-suave); }

/* Barra del pedido: queda abajo, sobre la navegación del teléfono. */
.ea-catalogo__pedido { position: sticky; bottom: calc(var(--alto-barra) + env(safe-area-inset-bottom, 0px)); z-index: 4; padding: 10px 0; background: linear-gradient(to bottom, transparent, var(--fondo-app) 30%); }
a.ea-barra-pedido { text-decoration: none; }

/* ---------- Barra de título de cada pantalla (BarraSuperior) ---------- */
.ea-barra-superior.ea-barra-tienda { height: auto; padding: 0; }
.ea-barra-tienda__fila { display: flex; align-items: center; gap: var(--espacio-4); min-height: var(--alto-barra); }
.ea-barra-tienda .ea-barra-superior__titulo { padding-left: 0; }
.ea-barra-tienda .ea-barra-superior__volver { margin-left: -12px; }
.ea-barra-superior--marino.ea-barra-tienda { margin-top: -1px; }

/* ---------- Formularios y avisos de WooCommerce ---------- */
.ea-formulario { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.ea-campo__ayuda { font-weight: 400; color: var(--tinta-suave); }
.ea-campo__error { font-weight: 600; color: var(--error); }
.ea-campo--error .ea-campo__control { border-color: var(--error); }
select.ea-campo__control { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%235b5e62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 40px; }
.woocommerce-error, .woocommerce-message, .woocommerce-info, .woocommerce-NoticeGroup { margin: 0 0 12px; padding: 0; list-style: none; }
.woocommerce-NoticeGroup ul.woocommerce-error li { list-style: none; }
.ea-aviso .ea-aviso__cuerpo a { color: inherit; font-weight: 600; }
.ea-vacio { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 20px; text-align: center; }
.ea-vacio__titulo { font-size: 16px; font-weight: 600; color: var(--tinta); }
.ea-vacio p { margin: 0; max-width: 320px; font-size: 14px; line-height: 1.5; color: var(--tinta-suave); }
.blockUI.blockOverlay { background: rgba(255, 255, 255, 0.6) !important; }

/* Campos que arma WooCommerce (woocommerce_form_field) con el aspecto de ea-campo. */
.form-row { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; font-size: 13px; font-weight: 600; color: var(--tinta-secundaria); }
.form-row:last-child { margin-bottom: 0; }
.form-row .required { color: var(--error); text-decoration: none; }
.form-row .optional { font-weight: 400; color: var(--tinta-suave); }
.form-row input.input-text, .form-row textarea, .form-row select { box-sizing: border-box; width: 100%; min-height: var(--alto-campo); margin: 0; padding: 10px 14px; border: var(--grosor-fino) solid var(--borde-control); border-radius: var(--radio-10); background: var(--blanco); color: var(--tinta); font: 400 16px/1.4 var(--font-texto); }
.form-row textarea { min-height: 88px; resize: vertical; }
.form-row input.input-text:focus, .form-row textarea:focus, .form-row select:focus { outline: var(--grosor-fuerte) solid var(--azul-cobalto); outline-offset: 1px; }
.form-row.woocommerce-invalid input.input-text { border-color: var(--error); }

/* ---------- Ingreso, alta y contraseña ---------- */
.ea-sin-cabecera .ea-cabecera { display: none; }
.ea-ingreso { flex: 1; display: flex; flex-direction: column; background: var(--azul-marino); }
.ea-ingreso__marca { box-sizing: border-box; display: flex; flex-direction: column; gap: 20px; padding: calc(56px + env(safe-area-inset-top, 0px)) 28px 40px; }
.ea-ingreso__marca img { width: 264px; height: auto; }
.ea-ingreso__marca p { margin: 0; max-width: 290px; font-size: 16px; line-height: 1.5; color: var(--sobre-marino); }
.ea-ingreso__tarjeta { flex: 1; box-sizing: border-box; display: flex; flex-direction: column; gap: 16px; margin-top: -16px; padding: 28px 24px 32px; border-radius: var(--radio-20) var(--radio-20) 0 0; background: var(--blanco); }
.ea-ingreso__titulo { margin: 0; font-family: var(--font-titulares); font-weight: 800; font-size: var(--t-subtitulo); color: var(--azul-marino); }
.ea-ingreso__texto, .ea-ingreso__nota { margin: 0; font-size: 14px; line-height: 1.5; color: var(--tinta-suave); }
.ea-ingreso__nota { text-align: center; font-size: 13px; }
.ea-ingreso__enlace { align-self: center; padding: 6px 10px; font-size: 14px; font-weight: 600; }
.ea-ingreso__divisor { height: 1px; margin: 4px 0; background: var(--borde); }
.ea-ingreso__pregunta { margin: 0; font-size: 14px; text-align: center; color: var(--tinta-suave); }
.ea-ingreso__ayuda { align-self: center; padding: 6px 10px; font-size: 14px; color: var(--tinta-suave); text-decoration: none; }
.ea-ingreso__ayuda span { color: var(--azul-cobalto); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ea-recordarme { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--tinta-secundaria); }
.ea-recordarme input { width: 18px; height: 18px; accent-color: var(--azul-cobalto); }
.ea-sin-cabecera .ea-pie-tienda { background: var(--blanco); }
@media (min-width: 1000px) {
	/* En escritorio el azul llega hasta abajo y el pie va sobre él. */
	body.ea-sin-cabecera { background: var(--azul-marino); }
	.ea-sin-cabecera .ea-pie-tienda { background: transparent; color: var(--sobre-marino-suave); text-align: center; }
}

/* ---------- Tu pedido ---------- */
.ea-carrito, .ea-pago, .ea-pedidos, .ea-ayuda { display: flex; flex-direction: column; gap: 14px; padding-top: 14px; padding-bottom: 24px; }
.ea-carrito__avisos:empty { display: none; }
.ea-carrito__columnas, .ea-pago__columnas { display: flex; flex-direction: column; gap: 14px; }
.ea-carrito__principal, .ea-carrito__lateral, .ea-pago__principal, .ea-pago__lateral { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.ea-carrito__lineas { padding: 4px 14px; }
.ea-carrito__lineas .ea-linea:last-child { border-bottom: 0; }
.ea-carrito__minimo, .ea-carrito__entrega { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.ea-carrito__minimo-cab { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; }
.ea-carrito__minimo-cab span:last-child { font-weight: 400; color: var(--tinta-suave); font-variant-numeric: tabular-nums; }
.ea-carrito__minimo-txt { font-size: 13px; font-weight: 600; color: var(--tinta-secundaria); }
.ea-carrito__minimo-txt--ok { color: var(--exito); }
.ea-carrito__subtitulo { margin: 0; font-family: var(--font-titulares); font-weight: 700; font-size: 16px; color: var(--azul-marino); }
.ea-carrito__lugar { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.45; color: var(--tinta-secundaria); }
.ea-carrito__lugar .ea-icono { flex: none; color: var(--azul-marino); }
.ea-carrito__dia { margin: 0; font-size: 16px; color: var(--tinta); }
.ea-carrito__dia strong { color: var(--azul-marino); }
.ea-carrito__nota { margin: 0; font-size: 13px; color: var(--tinta-suave); }
.ea-carrito__accion { display: flex; flex-direction: column; gap: 10px; }
.ea-carrito .ea-resumen, .ea-confirmado .ea-resumen { font-size: 14px; }
.ea-carrito .ea-resumen { background: var(--blanco); }

/* ---------- Pago ---------- */
.ea-pago__datos { padding: 16px 14px; }
.ea-pago__principal > .form-row { margin: 0; padding: 14px; border-radius: var(--radio-12); border: var(--grosor-fino) solid var(--borde); background: var(--blanco); }
#order_review { display: flex; flex-direction: column; gap: 14px; }
.ea-importe .ea-importe__deducciones div { color: var(--sobre-marino); }
#payment { display: flex; flex-direction: column; gap: 12px; background: transparent; }
#payment ul.payment_methods { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
#payment ul.payment_methods::before { content: "Elegí cómo pagar"; font-size: 13px; font-weight: 600; color: var(--tinta-secundaria); }
#payment li.wc_payment_method { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 14px; border-radius: var(--radio-12); border: var(--grosor-fino) solid var(--borde-control); background: var(--blanco); }
#payment li.wc_payment_method:has(input:checked) { border: var(--grosor-fuerte) solid var(--azul-cobalto); padding: 13px; }
#payment li.wc_payment_method > input { width: 20px; height: 20px; margin: 0; accent-color: var(--azul-cobalto); }
#payment li.wc_payment_method > label { flex: 1; font-size: 16px; font-weight: 600; color: var(--tinta); cursor: pointer; }
#payment li.wc_payment_method > label img { display: none; }
#payment .payment_box { flex-basis: 100%; padding-left: 32px; font-size: 14px; line-height: 1.45; color: var(--tinta-suave); }
#payment .payment_box p { margin: 0; }
/* Con un solo medio de pago no hay nada que elegir: sin el círculo y sin sangría. */
#payment li.wc_payment_method:only-child > input { display: none; }
#payment li.wc_payment_method:only-child .payment_box { padding-left: 0; }
#payment .place-order { display: flex; flex-direction: column; gap: 4px; margin: 4px 0 0; padding: 0; }
#payment .woocommerce-terms-and-conditions-wrapper:empty { display: none; }
.ea-pago__aclaracion { display: none; margin: 6px 0 0; font-size: 13px; letter-spacing: 0.01em; color: var(--tinta-suave); text-align: center; }
/* «Lo pagás cuando te lo entregamos» sólo si el medio elegido es contra entrega. */
#payment:has(input[value="cod"]:checked) .ea-pago__aclaracion, #payment:has(li.payment_method_cod:only-child) .ea-pago__aclaracion { display: block; }
/* Datos de la cuenta para transferir (WooCommerce, en la confirmación). */
.ea-confirmado .wc-bacs-bank-details-heading, .ea-confirmado .wc-bacs-bank-details-account-name { margin: 8px 0 0; font-family: var(--font-titulares); font-size: 16px; color: var(--azul-marino); }
.ea-confirmado ul.wc-bacs-bank-details { margin: 0; padding: 12px 14px; list-style: none; border: var(--grosor-fuerte) solid var(--azul-cobalto); border-radius: var(--radio-12); background: var(--blanco); font-size: 14px; }
.ea-confirmado ul.wc-bacs-bank-details li { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; }

/* ---------- Pedido recibido ---------- */
.ea-confirmado { display: flex; flex-direction: column; align-items: stretch; gap: 14px; max-width: 560px; padding-top: 40px; padding-bottom: 32px; }
.ea-confirmado .ea-resultado__texto { max-width: 360px; }
.ea-confirmado__nota { margin: 0; font-size: 14px; line-height: 1.5; color: var(--tinta-suave); text-align: center; }
.ea-confirmado__acciones { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }

/* ---------- Mis pedidos y detalle ---------- */
.ea-cuenta { flex: 1; display: flex; flex-direction: column; }
.ea-pedido__resto summary { list-style: none; cursor: pointer; }
.ea-pedido__resto summary::-webkit-details-marker { display: none; }
.ea-pedido__resto[open] summary { display: none; }
.ea-pedido__acciones .ea-boton--enlace { min-height: 44px; }
.ea-cuenta .woocommerce-order-details, .ea-cuenta .woocommerce-customer-details, .ea-cuenta > p, .ea-cuenta .ea-entrega, .ea-cuenta .ea-chess { box-sizing: border-box; width: 100%; max-width: var(--ancho-contenedor); margin: 0 auto 14px; padding: 0 var(--espacio-16); }
.ea-cuenta > p:first-child { padding-top: 16px; }
.ea-cuenta table.shop_table { width: 100%; border-collapse: collapse; background: var(--blanco); border: var(--grosor-fino) solid var(--borde); border-radius: var(--radio-12); font-size: 14px; }
.ea-cuenta table.shop_table th, .ea-cuenta table.shop_table td { padding: 10px 14px; text-align: left; border-bottom: var(--grosor-fino) solid var(--relleno-neutro); }
.ea-cuenta h2 { font-family: var(--font-titulares); font-size: 18px; color: var(--azul-marino); }

.ea-detalle__cabecera, .ea-detalle__nota { display: flex; flex-direction: column; gap: 8px; padding: 14px; }
.ea-detalle__fila { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ea-detalle__dato { font-size: 13px; color: var(--tinta-suave); }
.ea-detalle__dato strong { color: var(--tinta); }
.ea-detalle__entrega { margin-top: 4px; font-size: 16px; color: var(--tinta); }
.ea-detalle__entrega strong { color: var(--azul-marino); }
.ea-detalle__rotulo { font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--tinta-suave); }
.ea-detalle__nota p { margin: 0; font-size: 14px; line-height: 1.5; }
.ea-detalle .ea-resumen { background: var(--blanco); font-size: 14px; }
.ea-detalle__acciones { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.ea-detalle__acciones p { margin: 0; font-size: 13px; color: var(--tinta-suave); }

/* ---------- Ayuda ---------- */
.ea-ayuda .ea-contacto { gap: 10px; }
.ea-ayuda__preguntas { display: flex; flex-direction: column; gap: 14px; }
.ea-ayuda__titulo { margin: 4px 2px 0; font-family: var(--font-titulares); font-weight: 700; font-size: 16px; color: var(--azul-marino); }
.ea-ayuda__salir { align-self: center; min-height: 44px; padding: 10px; font-size: 14px; font-weight: 600; color: var(--tinta-suave); }

/* ---------- Página de inicio (la landing; sus estilos propios están en portada/portada.css) ---------- */
body.portada { display: block; background: var(--azul-marino); }
.portada-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.portada-nota { font-size: var(--t-chico); letter-spacing: 0.01em; line-height: 1.45; color: var(--tinta-suave); text-align: center; }
.portada-enviado { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px 0; text-align: center; }

/* ---------- Páginas comunes ---------- */
.ea-pagina { padding-top: 24px; padding-bottom: 40px; }
.ea-pagina { max-width: 760px; font-size: 16px; line-height: 1.65; color: var(--tinta-secundaria); }
.ea-pagina h2 { margin: 28px 0 8px; font-family: var(--font-titulares); font-weight: 700; font-size: var(--t-bajada); color: var(--azul-marino); }
.ea-pagina p, .ea-pagina ul { margin: 0 0 12px; }
.ea-pagina strong { color: var(--tinta); }
.ea-pie-tienda__legales { display: block; margin-top: 6px; }
.ea-pagina__titulo { margin: 0 0 16px; font-family: var(--font-titulares); font-weight: 800; font-size: var(--t-titulo-pantalla); line-height: 1.15; color: var(--azul-marino); }

/* ---------- Pie y navegación del teléfono ---------- */
.ea-pie-tienda { padding: 20px 0 28px; font-size: 13px; color: var(--tinta-suave); }
.ea-pie-tienda a { color: inherit; }
.ea-con-nav .ea-pie-tienda { padding-bottom: calc(28px + var(--alto-barra) + env(safe-area-inset-bottom, 0px)); }
.ea-nav--tienda { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; }
a.ea-nav__item { text-decoration: none; }

/* ---------- Tablet ---------- */
@media (min-width: 640px) {
	.ea-contenedor { padding: 0 var(--espacio-20); }
	.ea-catalogo__grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ea-catalogo__banda-fila { flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; padding-top: 8px; padding-bottom: 20px; }
	.ea-catalogo__buscar { flex: 0 1 360px; }
	.ea-catalogo__entrega { flex-direction: column; align-items: flex-end; gap: 0; text-align: right; }
}

/* ---------- Escritorio: navegación arriba, sin barra de abajo ---------- */
@media (min-width: 1000px) {
	.ea-solo-escritorio { display: initial !important; }
	.ea-solo-movil { display: none !important; }
	.ea-cabecera__fila { min-height: 76px; gap: 24px; }
	.ea-cabecera__marca img { width: 220px; }
	.ea-cabecera__nav { display: flex; align-items: center; gap: 6px; margin-left: auto; }
	.ea-cabecera__enlace { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: var(--radio-10); color: var(--sobre-marino); font-size: 14px; font-weight: 600; text-decoration: none; }
	.ea-cabecera__enlace[aria-current="page"] { background: var(--blanco); color: var(--azul-marino); }
	.ea-cabecera__cliente { padding-left: 20px; border-left: 1px solid var(--linea-sobre-marino); font-size: 13px; line-height: 1.35; }
	.ea-cabecera__salir { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; color: var(--sobre-marino); font-size: 14px; font-weight: 500; }
	.ea-nav--tienda { display: none; }
	.ea-con-nav .ea-pie-tienda { padding-bottom: 28px; }
	.ea-contenedor.ea-catalogo__chips { flex-wrap: wrap; overflow: visible; }
	.ea-catalogo__subrubros { background: var(--blanco); border-top: 0; }
	.ea-contenedor.ea-catalogo__chips--sub { padding-top: 0; padding-bottom: 12px; }
	.ea-catalogo__cuenta.ea-solo-escritorio { margin-left: auto; font-size: 13px; }
	.ea-catalogo__entrega { font-size: 14px; }
	.ea-catalogo__cuerpo { padding-top: 24px; padding-bottom: 40px; gap: 12px; }
	.ea-catalogo__grilla { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
	.ea-catalogo__pedido { bottom: 0; }
	.ea-catalogo__pedido .ea-barra-pedido { max-width: 520px; margin-left: auto; }

	/* Pedido y pago: el detalle a la izquierda, lo que se paga a la derecha. */
	.ea-carrito, .ea-pago { padding-top: 24px; padding-bottom: 40px; }
	.ea-carrito__columnas, .ea-pago__columnas { flex-direction: row; align-items: flex-start; gap: 24px; }
	.ea-carrito__principal, .ea-pago__principal { flex: 1; }
	.ea-carrito__lateral, .ea-pago__lateral { flex: none; width: 380px; position: sticky; top: 24px; }
	.ea-pedidos { max-width: 760px; padding-top: 24px; }
	.ea-ayuda { display: grid; grid-template-columns: 360px minmax(0, 1fr); align-items: start; gap: 24px; padding-top: 24px; padding-bottom: 40px; }
	.ea-ayuda__titulo { margin-top: 0; }

	/* Ingreso: recuadro centrado sobre el azul. */
	.ea-ingreso { align-items: center; justify-content: center; padding: 48px 20px; }
	.ea-ingreso__marca { align-items: center; padding: 0 0 28px; text-align: center; }
	.ea-ingreso__marca p { max-width: none; }
	.ea-ingreso__tarjeta { flex: none; width: 100%; max-width: 440px; margin-top: 0; padding: 32px; border-radius: var(--radio-20); }
}

@media (hover: hover) and (pointer: fine) {
	.ea-cabecera__enlace:not([aria-current="page"]):hover { background: rgba(255, 255, 255, 0.08); }
	a.ea-chip[aria-pressed="false"]:hover { border-color: var(--azul-cobalto); color: var(--azul-cobalto); }
}