/*
Theme Name:   Latin American Store
Theme URI:    https://latinamericanstore.com.ar
Description:  Tema hijo de Storefront. Identidad de Latin American Store: paleta del logo, tipografias propias.
Author:       Hermes (para Berny)
Author URI:    https://latinamericanstore.com.ar
Template:     storefront
Version:      1.4.3
License:      GNU General Public License v2 or later
Text Domain:  latinamericanstore
*/

/* ==========================================================================
   1. Tipografias propias (woff2 autoalojados; sin llamados a Google)
   ========================================================================== */
@font-face {
	font-family: 'Archivo';
	src: url('fuentes/archivo-latin.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Archivo';
	src: url('fuentes/archivo-latin.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fuentes/inter-latin.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fuentes/inter-latin.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fuentes/inter-latin.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   2. Paleta (tomada del logo: carbon #2E2E2E y rojo #AA4A4C)
   ========================================================================== */
:root {
	--las-rojo: #aa4a4c;
	--las-rojo-osc: #8c3a3c;
	--las-rojo-suave: #f4e7e7;
	--las-carbon: #2e2e2e;
	--las-tinta: #1f1f1f;
	--las-papel: #ffffff;
	--las-gris: #6f6f6f;
	--las-linea: #e7e2dd;
	--las-arena: #f7f3ef;
	--las-arena-osc: #efe8e1;
	--las-fuente-titulos: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--las-fuente-texto: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--las-radio: 10px;
	--las-sombra: 0 1px 2px rgba(31, 31, 31, .06), 0 6px 18px rgba(31, 31, 31, .06);
}

/* ==========================================================================
   3. Base y tipografia
   ========================================================================== */
body,
button,
input,
select,
textarea,
.woocommerce,
.woocommerce-page {
	font-family: var(--las-fuente-texto);
}

body {
	background: var(--las-papel);
	color: var(--las-tinta);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.widget-title,
.widgettitle,
.woocommerce-loop-product__title,
.product_title,
.woocommerce-checkout h3,
#order_review_heading {
	font-family: var(--las-fuente-titulos);
	font-weight: 700;
	color: var(--las-carbon);
	letter-spacing: -0.015em;
	line-height: 1.2;
}

h1 { font-size: 2.1rem; }
h2 { font-size: 1.55rem; }
h3 { font-size: 1.22rem; }

a {
	color: var(--las-rojo);
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--las-rojo-osc);
	text-decoration: underline;
}

.woocommerce-breadcrumb,
.storefront-breadcrumb {
	font-size: .82rem;
	color: var(--las-gris);
}

/* ==========================================================================
   4. Cabecera
   ========================================================================== */
.site-header {
	background: var(--las-papel);
	border-bottom: 1px solid var(--las-linea);
	padding-top: .9rem;
}

.site-header .custom-logo-link img,
.site-header .site-logo img {
	max-height: 104px;
	width: auto;
}

.site-branding .site-title {
	font-family: var(--las-fuente-titulos);
	font-size: 1.9rem;
	font-weight: 700;
	letter-spacing: .01em;
	text-transform: uppercase;
	margin-bottom: .1rem;
}

.site-branding .site-title a { color: var(--las-carbon); }
.site-branding .site-title a:hover { color: var(--las-rojo); text-decoration: none; }

.site-branding .site-description {
	color: var(--las-gris);
	font-size: .9rem;
}

.storefront-primary-navigation,
.main-navigation {
	background: var(--las-carbon);
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a,
.site-header .main-navigation a {
	color: #fff;
	font-family: var(--las-fuente-titulos);
	font-weight: 600;
	font-size: .95rem;
	letter-spacing: .01em;
	padding: 1rem .9rem;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current_page_item > a,
.main-navigation ul.menu > li.current-menu-item > a {
	background: var(--las-rojo);
	color: #fff;
}

/* Desplegable de rubros: fondo propio para que se lea sobre la página */
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.sub-menu {
	background: var(--las-papel);
	border: 1px solid var(--las-linea);
	border-top: 0;
	box-shadow: var(--las-sombra);
	border-radius: 0 0 var(--las-radio) var(--las-radio);
	padding: .35rem 0;
	min-width: 230px;
}

.main-navigation ul.menu ul.sub-menu li > a,
.main-navigation ul.nav-menu ul.sub-menu li > a {
	color: var(--las-carbon);
	font-weight: 500;
	font-size: .93rem;
	padding: .62rem 1.15rem;
}

.main-navigation ul.menu ul.sub-menu li > a:hover,
.main-navigation ul.menu ul.sub-menu li.focus > a,
.main-navigation ul.nav-menu ul.sub-menu li > a:hover {
	background: var(--las-arena);
	color: var(--las-rojo);
}

.storefront-primary-navigation .site-search .widget_product_search input[type="search"],
.site-header .widget_product_search input[type="search"] {
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: var(--las-radio) 0 0 var(--las-radio);
	color: var(--las-tinta);
}

.storefront-primary-navigation .site-search button,
.site-header .widget_product_search button {
	background: var(--las-rojo) !important;
	border-color: var(--las-rojo) !important;
	border-radius: 0 var(--las-radio) var(--las-radio) 0 !important;
	color: #fff !important;
}

.storefront-primary-navigation .site-search button:hover,
.site-header .widget_product_search button:hover {
	background: var(--las-rojo-osc) !important;
	color: #fff !important;
}

/* Carrito del header — vive sobre el renglon marron, asi que el texto va claro
   y el contador sin la franja roja (pedido de Berny, 12/10/2026). */
.site-header-cart .cart-contents {
	color: #fff;
	font-weight: 600;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	padding: .45rem .9rem;
}

.site-header-cart .cart-contents .amount { color: #fff; }

.site-header-cart .cart-contents .count {
	background: transparent;
	color: rgba(255, 255, 255, .78);
}

.site-header-cart .cart-contents:hover { text-decoration: none; border-color: var(--las-rojo); }

/* ==========================================================================
   5. Botones
   ========================================================================== */
button,
input[type="button"],
input[type="submit"],
.button,
.wc-block-components-button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
.wp-block-button__link,
.wp-element-button {
	background: var(--las-rojo) !important;
	color: #fff !important;
	border: 1px solid var(--las-rojo) !important;
	border-radius: var(--las-radio) !important;
	font-family: var(--las-fuente-texto);
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
	padding: .72em 1.3em;
	transition: background-color .15s ease, border-color .15s ease;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.wc-block-components-button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
.wp-block-button__link:focus {
	background: var(--las-rojo-osc) !important;
	border-color: var(--las-rojo-osc) !important;
	color: #fff !important;
	text-decoration: none;
}

/* Boton alternativo: contorno */
.button.alt2,
.woocommerce-message .button {
	background: var(--las-carbon) !important;
	border-color: var(--las-carbon) !important;
}

.button.alt2:hover,
.woocommerce-message .button:hover {
	background: var(--las-tinta) !important;
	border-color: var(--las-tinta) !important;
}

/* ==========================================================================
   6. Grilla de productos
   ========================================================================== */
ul.products li.product {
	position: relative;
	background: var(--las-papel);
	border: 1px solid var(--las-linea);
	border-radius: var(--las-radio);
	overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease;
}

ul.products li.product:hover {
	border-color: var(--las-rojo);
	box-shadow: var(--las-sombra);
}

ul.products li.product img {
	border-radius: 0;
}

ul.products li.product .woocommerce-loop-product__title {
	font-size: .98rem;
	font-weight: 600;
	line-height: 1.3;
	padding: .8rem .85rem 0;
	min-height: 3.2em;
}

ul.products li.product .price {
	font-family: var(--las-fuente-titulos);
	font-weight: 700;
	font-size: 1.12rem;
	color: var(--las-carbon);
	padding: .3rem .85rem 0;
}

ul.products li.product .price del {
	color: var(--las-gris);
	font-weight: 400;
	font-size: .85em;
}

ul.products li.product .price ins { text-decoration: none; }

ul.products li.product .button {
	margin: .8rem .85rem .85rem;
	width: calc(100% - 1.7rem);
}

/* Rotulo de agotado en la grilla (el tema no lo muestra) */
ul.products li.product.outofstock::before {
	content: "Sin stock";
	position: absolute;
	top: .6rem;
	left: .6rem;
	z-index: 3;
	background: var(--las-carbon);
	color: #fff;
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .02em;
	padding: .25rem .55rem;
	border-radius: 999px;
	text-transform: uppercase;
}

ul.products li.product.outofstock .button,
ul.products li.product.outofstock .add_to_cart_button {
	display: none;
}

/* Oferta */
ul.products li.product .onsale,
.woocommerce span.onsale,
span.onsale {
	background-color: var(--las-rojo);
	color: #fff;
	border-radius: 999px;
	font-family: var(--las-fuente-texto);
	font-weight: 600;
	min-height: 0;
	line-height: 1.6;
	padding: .1rem .7rem;
}

.woocommerce-Price-amount {
	font-weight: 700;
}

.stock.in-stock,
.woocommerce-variation-availability { color: var(--las-gris); font-size: .85rem; }
.stock.out-of-stock { color: var(--las-rojo); font-weight: 600; }

/* ==========================================================================
   7. Aviso de la tienda (envios / horarios)
   ========================================================================== */
.woocommerce-store-notice,
.demo_store {
	background-color: var(--las-carbon) !important;
	color: #fff;
	font-size: .9rem;
	border-top: 3px solid var(--las-rojo);
}

.woocommerce-store-notice a,
.woocommerce-store-notice .woocommerce-store-notice__dismiss-link { color: #fff; }

/* ==========================================================================
   8. Paginas y contenido
   ========================================================================== */
.home .entry-header,
.page .entry-header .page-title { display: none; }

.home .entry-content { max-width: 1100px; margin: 0 auto; }

.woocommerce-products-header__title,
.page-title,
.entry-title { color: var(--las-carbon); }

/* ==========================================================================
   9. Pie de pagina
   ========================================================================== */
.site-footer {
	background: var(--las-arena);
	border-top: 1px solid var(--las-linea);
	color: var(--las-tinta);
	margin-top: 2.5rem;
}

.site-footer .widget-area .widget {
	margin-bottom: 1.4rem;
}

.site-footer .widget-title,
.site-footer .widgettitle {
	font-family: var(--las-fuente-titulos);
	font-size: 1.02rem;
	color: var(--las-carbon);
	margin-bottom: .6rem;
	text-transform: none;
}

.site-footer a { color: var(--las-rojo); }
.site-footer a:hover { color: var(--las-rojo-osc); }

.site-footer .las-footer-logo img {
	max-width: 210px;
	height: auto;
	margin-bottom: .8rem;
}

.site-footer .las-datos p { margin: 0 0 .45rem; font-size: .93rem; }

.site-footer .las-mapa iframe {
	width: 100%;
	height: 210px;
	border: 1px solid var(--las-linea);
	border-radius: var(--las-radio);
	display: block;
}

.site-footer ul.las-links {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
}

.site-footer ul.las-links li { margin-bottom: .3rem; font-size: .93rem; }

.site-info,
.storefront-handheld-footer-bar { font-size: .85rem; }

.site-info {
	background: var(--las-carbon);
	color: rgba(255, 255, 255, .82);
	padding: 1rem 0;
}

.site-info a,
.site-info .site-info a { color: #fff; }

.site-info .las-legal { display: block; line-height: 1.5; }

/* Barra fija de celular */
.storefront-handheld-footer-bar { background: var(--las-carbon); }
.storefront-handheld-footer-bar ul li > a,
.storefront-handheld-footer-bar ul li.cart .count,
.storefront-handheld-footer-bar ul li.search a { color: #fff; }
.storefront-handheld-footer-bar ul li.cart .count { background: var(--las-rojo); }

/* ==========================================================================
   10. Celular
   ========================================================================== */
@media (max-width: 768px) {
	body { font-size: 15px; }

	h1 { font-size: 1.7rem; }
	h2 { font-size: 1.35rem; }

	.site-header { padding-top: .5rem; }

	/* En celular Storefront pone el boton de menu al lado del logo: la barra oscura
	   queda para el escritorio, aca el panel se abre blanco con los items en tinta. */
	.storefront-primary-navigation,
	.main-navigation { background: transparent; }

	.main-navigation ul.menu,
	.main-navigation ul.nav-menu { background: var(--las-papel); }

	.main-navigation ul.menu > li > a,
	.main-navigation ul.nav-menu > li > a {
		color: var(--las-carbon);
		border-bottom: 1px solid var(--las-linea);
	}

	.main-navigation ul.menu > li > a:hover,
	.main-navigation ul.menu > li.current-menu-item > a,
	.main-navigation ul.menu > li.current_page_item > a {
		background: var(--las-arena);
		color: var(--las-rojo);
	}

	.site-branding .site-title { font-size: 1.5rem; }
	.site-header .site-branding { width: calc(100% - 112px); }
	.site-header .custom-logo-link img,
	.site-header .site-logo img { width: auto; max-width: 100%; max-height: 64px; height: auto; }

	.main-navigation ul.menu > li > a { padding: .85rem 1rem; }

	ul.products li.product { width: 48%; float: left; margin-right: 4%; }
	ul.products li.product:nth-child(2n) { margin-right: 0; }
	ul.products li.product .woocommerce-loop-product__title { font-size: .9rem; min-height: 3.6em; }
	ul.products li.product .price { font-size: 1.02rem; }

	.site-branding { padding: .7rem 0; }
	.site-footer .las-mapa iframe { height: 180px; }
}

/* ==========================================================================
   8. Inicio de la tienda: buscador, rubros y arreglos del celular
   (lote del 8/10/2026: en el celular hay que ver el buscador y los rubros
   apenas abre la pagina, y el menu desplegable tiene que mostrar las opciones)
   ========================================================================== */

.las-buscar { margin: 0 0 2.2rem; }

/* ==========================================================================
   9. Barra fija de busqueda + rubros (siempre visible)
   ========================================================================== */
.las-barra {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1200;
	background: #fff;
	border-bottom: 1px solid var(--las-linea);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .07);
}

/* Reserva el alto de la barra; el JS de las-busqueda.js lo mide y lo ajusta exacto
   (a ojo quedaba corto en celular, donde la barra lleva dos filas). */
body { padding-top: 66px; }

body.admin-bar .las-barra { top: 32px; }

.las-barra__inner {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-top: .3rem;
	padding-bottom: .3rem;
}

.las-barra__form {
	display: flex;
	flex: 0 0 auto;
	width: 360px;
	gap: .4rem;
	margin: 0;
}

.las-barra__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 42px;
	padding: 0 .85rem;
	border: 2px solid var(--las-carbon);
	border-radius: 8px;
	background: #fff;
	font-size: .98rem;
}

.las-barra__boton {
	height: 42px;
	padding: 0 1rem;
	border-radius: 8px;
	font-weight: 600;
}

.las-barra__rubros {
	display: flex;
	flex: 1 1 auto;
	gap: .4rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.las-barra__chip {
	flex: 0 0 auto;
	padding: .42rem .85rem;
	border: 1px solid var(--las-linea);
	border-radius: 999px;
	background: var(--las-arena);
	color: var(--las-carbon);
	font-size: .9rem;
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
}

.las-barra__chip:hover,
.las-barra__chip:focus {
	background: var(--las-rojo);
	border-color: var(--las-rojo);
	color: #fff;
}

.las-barra__chip--todos {
	background: var(--las-carbon);
	border-color: var(--las-carbon);
	color: #fff;
}

/* Sugerencias en vivo, colgando de la barra */
.las-sug {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 1210;
	max-height: 70vh;
	overflow-y: auto;
	background: #fff;
	border-top: 1px solid var(--las-linea);
	box-shadow: 0 16px 26px rgba(0, 0, 0, .16);
}

.las-sug__item {
	display: flex;
	align-items: center;
	gap: .8rem;
	padding: .55rem 1rem;
	border-bottom: 1px solid var(--las-linea);
}

.las-sug__item--sel { background: var(--las-arena); }

.las-sug__link {
	display: flex;
	align-items: center;
	gap: .8rem;
	flex: 1 1 auto;
	min-width: 0;
	color: var(--las-carbon);
	text-decoration: none;
}

.las-sug__foto {
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	object-fit: contain;
	background: #fff;
	border: 1px solid var(--las-linea);
	border-radius: 6px;
}

.las-sug__texto { display: flex; flex-direction: column; min-width: 0; }

.las-sug__nombre {
	overflow: hidden;
	font-size: .95rem;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.las-sug__precio { color: var(--las-rojo); font-size: .95rem; font-weight: 700; }

.las-sug__add {
	flex: 0 0 auto;
	padding: .5rem .85rem;
	border: 0;
	border-radius: 8px;
	background: var(--las-rojo);
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

.las-sug__add--ok { background: #1e9e4a; }

.las-sug__agotado { flex: 0 0 auto; color: #8a8a8a; font-size: .8rem; }

.las-sug__vertodos {
	display: block;
	padding: .75rem 1rem;
	background: var(--las-arena);
	color: var(--las-carbon);
	font-weight: 600;
	text-align: center;
	text-decoration: underline;
}

.las-sug__vacio { margin: 0; padding: .9rem 1rem; color: #666; }

/* Titular y bajada del inicio: chicos, para que el buscador entre en la primera
   pantalla del celular. */
.las-titular {
	font-size: 2rem;
	margin: .2rem 0 .4rem;
}

.las-bajada {
	font-size: 1.05rem;
	color: #555;
	margin: 0 0 1.4rem;
}

.las-seccion { margin-top: 2.6rem; }

.las-pasos { margin: 0 0 1rem 1.2rem; }

.las-pasos li { margin-bottom: .4rem; }

.las-wsp {
	display: inline-block;
	padding: .7rem 1.3rem;
	border-radius: 8px;
	background: #25d366;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
}

.las-buscar__titulo {
	font-family: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0 0 .6rem;
	color: var(--las-carbon);
}

.las-buscar form {
	display: flex;
	flex-wrap: nowrap;
	gap: .5rem;
	margin: 0;
}

.las-buscar input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 54px;
	padding: 0 1rem;
	border: 2px solid var(--las-carbon);
	border-radius: 8px;
	background: #fff;
	font-size: 1.05rem;
}

.las-buscar button {
	flex: 0 0 auto;
	height: 54px;
	padding: 0 1.3rem;
	border-radius: 8px;
	font-weight: 600;
}

.las-buscar__todos {
	display: inline-block;
	margin-top: .75rem;
	font-weight: 600;
	text-decoration: underline;
}

.las-rubros {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1rem;
	margin: 0 0 2.6rem;
}

.las-rubro {
	display: block;
	background: #fff;
	border: 1px solid var(--las-linea);
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	color: var(--las-carbon);
	text-decoration: none;
	transition: box-shadow .15s ease, transform .15s ease;
}

.las-rubro:hover,
.las-rubro:focus {
	box-shadow: 0 8px 18px rgba(0, 0, 0, .10);
	transform: translateY(-2px);
	color: var(--las-rojo);
}

.las-rubro__foto img {
	display: block;
	width: 100%;
	height: 118px;
	object-fit: cover;
}

.las-rubro__nombre {
	display: block;
	padding: .6rem .5rem .1rem;
	font-family: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
}

.las-rubro__cuenta {
	display: block;
	padding-bottom: .65rem;
	color: #6b6b6b;
	font-size: .8rem;
}

@media (max-width: 768px) {

	/* MENU DESPLEGABLE: Storefront esconde el contenedor `.primary-navigation`
	   (display:none) y el boton "Menu" solo cambiaba el alto de la barra: el panel
	   abria con el espacio pero sin opciones. Estas dos reglas lo muestran. */
	.main-navigation .primary-navigation { display: none; }

	.main-navigation.toggled .primary-navigation { display: block; }

	.main-navigation ul.menu,
	.main-navigation ul.nav-menu {
		background: #fff;
		box-shadow: 0 12px 22px rgba(0, 0, 0, .14);
	}

	.main-navigation ul.menu > li,
	.main-navigation ul.nav-menu > li {
		display: block;
		float: none;
		width: 100%;
	}

	.main-navigation ul.menu > li > a,
	.main-navigation ul.nav-menu > li > a {
		display: block;
		padding: .9rem 1rem;
		color: var(--las-carbon);
		border-bottom: 1px solid var(--las-linea);
	}

	/* Los rubros (submenu de "Rubros") se ven desplegados y sangrados: en el celular
	   el cliente llega al rubro en un toque, sin pelearse con el fly-out. */
	.main-navigation ul.menu ul.sub-menu,
	.main-navigation ul.nav-menu ul.sub-menu {
		display: block !important;
		position: static !important;
		width: auto;
		padding: 0 0 0 .9rem;
		background: var(--las-arena);
		box-shadow: none;
		border: 0;
	}

	.main-navigation ul.menu ul.sub-menu li > a,
	.main-navigation ul.nav-menu ul.sub-menu li > a {
		display: block;
		padding: .7rem 1rem;
		color: var(--las-carbon);
		border-bottom: 1px solid var(--las-linea);
	}

	/* Inicio: buscador y rubros primero, bien grandes. */
	#content .las-buscar { margin-top: 0; }

	/* La barra fija en celular: buscador a lo ancho y los rubros en una fila que se
	   corre con el dedo, pegada arriba mientras se scrollea. */
	body { padding-top: 116px; }

	body.admin-bar .las-barra { top: 46px; }

	.las-barra__inner {
		flex-wrap: wrap;
		gap: .45rem;
		padding: .35rem 0;
	}

	.las-barra__form { width: 100%; }

	.las-barra__input,
	.las-barra__boton { height: 44px; }

	.las-barra__rubros { padding-bottom: .1rem; }

	.las-sug { max-height: 64vh; }

	.las-sug__item { padding: .5rem .8rem; gap: .6rem; }

	.las-sug__foto { width: 40px; height: 40px; }

	.las-sug__add { padding: .45rem .6rem; font-size: .85rem; }

	.las-titular { font-size: 1.3rem; }

	.las-bajada { font-size: .95rem; margin-bottom: 1.1rem; }

	.las-seccion { margin-top: 2rem; }

	.las-buscar__titulo { font-size: 1.15rem; }

	.las-buscar input[type="search"] { height: 50px; font-size: 1rem; }

	.las-buscar button { height: 50px; padding: 0 1rem; }

	.las-rubros {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .7rem;
	}

	.las-rubro__foto img { height: 96px; }

	.las-rubro__nombre { font-size: .95rem; }
}

/* ==========================================================================
   10. Cabecera: el logo pasa a la barra de busqueda (lote del 12/10/2026)
   El tema traia su propia fila arriba del menu con el logo y un SEGUNDO buscador.
   Ahora el buscador bueno es el de la barra (el que se ve bien en el celular) y el
   logo vive ahi, a la izquierda. Esa fila se elimina: se gana la franja completa
   (unos 65 px en el celular y unos 120 px en la compu).
   ========================================================================== */
header.site-header > .col-full .site-branding,
header.site-header > .col-full .site-search {
	display: none !important;
}

header.site-header > .col-full {
	padding: 0 !important;
	min-height: 0 !important;
}

.site-header { padding-top: 0 !important; }

.las-barra__logo {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	text-decoration: none;
}

.las-barra__logo img {
	display: block;
	height: 72px;
	width: auto;
}

@media (max-width: 768px) {

	/* En el celular el logo va en la misma fila que el buscador, un poco mas chico. */
	.las-barra__logo img { height: 56px; }

	.las-barra__logo { margin-right: .2rem; }

	.las-barra__form { width: auto !important; flex: 1 1 150px; min-width: 0; }
}

/* ==========================================================================
   11. Carrito del renglon marron, centrado (lote del 12/10/2026)
   El boton del carrito quedaba pegado al borde de arriba del renglon marron: la
   linea superior del ovalo caia sobre el limite con el fondo blanco y se perdia,
   asi que el boton se veia abierto. Ahora va centrado en el renglon (en el celular
   no se muestra: ahi el carrito esta en la barra del pie).
   ========================================================================== */
header.site-header .storefront-primary-navigation { position: relative; }

header.site-header .storefront-primary-navigation .site-header-cart {
	position: absolute;
	right: 1rem;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	margin: 0;
}

header.site-header .storefront-primary-navigation .site-header-cart .cart-contents { margin: 0; }