/* Carta Hotel — mobile first */
.chm{--chm-bg:#fff;--chm-text:#1d2321;--chm-muted:#66706c;--chm-radius:18px;--chm-gap:16px;--chm-cols:3;--chm-sticky-top:0px;color:var(--chm-text);width:100%;margin-top:20px;padding-top:4px}
.chm *,.chm *::before,.chm *::after,.chm-modal *,.chm-modal *::before,.chm-modal *::after{box-sizing:border-box}

/* Blindaje e inmunidad total contra estilos agresivos de temas (Hello Elementor, Astra, Divi, etc.) */
:is(figure, table, tbody, tr, td, p, code, pre):has(> .chm),
:is(figure, table, tbody, tr, td, p, code, pre):has(> :is(code, td, tr, tbody, figure, table) > .chm),
.wp-block-table:has(.chm),
.wp-block-code:has(.chm) {
	all: unset !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit !important;
	white-space: normal !important;
}

/* Blindaje de Contenedores y Temas: Ancho 100% Total de Borde a Borde (PC y Móvil) */
html:has(.chm),
body:has(.chm) {
	overflow-x: clip !important;
}

:is(
	.entry-content,
	.site-content,
	.post-content,
	.page-content,
	.wp-block-post-content,
	.wp-site-blocks,
	.inside-article,
	.ast-container,
	.ast-plain-container,
	.ast-page-builder-template .hentry,
	.elementor-section,
	.elementor-section.elementor-section-boxed > .elementor-container,
	.elementor-column,
	.elementor-column-wrap,
	.elementor-widget-wrap,
	.elementor-widget-container,
	.elementor-widget-shortcode,
	.elementor-text-editor,
	article.page,
	article.post,
	article.hentry,
	main#main,
	main.site-main
):has(.chm) {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

.chm {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* En pantallas móviles: Breakout absoluto para eliminar cualquier borde blanco lateral forzado por temas */
@media (max-width: 768px) {
	.chm {
		width: 100vw !important;
		width: 100dvw !important;
		max-width: 100vw !important;
		max-width: 100dvw !important;
		position: relative !important;
		left: 50% !important;
		right: 50% !important;
		margin-left: -50vw !important;
		margin-left: -50dvw !important;
		margin-right: -50vw !important;
		margin-right: -50dvw !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
		box-sizing: border-box !important;
	}
}

@media (min-width: 769px) {
	.chm {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

.chm button,
.chm [type="button"],
.chm [type="submit"],
.chm-modal button,
.chm-modal [type="button"],
.chm-modal [type="submit"]{
	box-sizing:border-box!important;
	border:none!important;
	border-color:transparent!important;
	border-width:0!important;
	outline:none!important;
	box-shadow:none!important;
	background:transparent!important;
	background-color:transparent!important;
	color:inherit!important;
	font-family:inherit!important;
	font-size:inherit!important;
	line-height:inherit!important;
	padding:0!important;
	margin:0!important;
	text-decoration:none!important;
	text-transform:none!important;
	letter-spacing:normal!important;
	-webkit-appearance:none!important;
	appearance:none!important;
	user-select:none!important;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
}
.chm button:focus,
.chm button:hover,
.chm button:active,
.chm [type="button"]:focus,
.chm [type="button"]:hover,
.chm-modal button:focus,
.chm-modal button:hover,
.chm-modal button:active{
	border-color:transparent!important;
	outline:none!important;
	text-decoration:none!important;
	background:transparent!important;
	background-color:transparent!important;
	color:inherit!important;
}

/* Barra de búsqueda y filtros sticky */
.chm .chm-toolbar{position:-webkit-sticky;position:sticky;top:var(--chm-sticky-top,0px);z-index:20;background:var(--chm-toolbar-bg,rgba(255,255,255,.96));-webkit-backdrop-filter:var(--chm-toolbar-blur,blur(14px));backdrop-filter:var(--chm-toolbar-blur,blur(14px));padding:8px 0 4px;margin-bottom:14px}
.chm .chm-search{position:relative;display:block;width:100%;margin:0;box-sizing:border-box}
.chm .chm-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--chm-muted);pointer-events:none}
.chm .chm-search-input{width:100%;height:44px;margin:0;padding:0 18px 0 44px;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff;font:inherit;font-size:15px;color:var(--chm-text);box-shadow:none;outline:none;-webkit-appearance:none;appearance:none;box-sizing:border-box}
.chm .chm-search-input:focus{border-color:var(--chm-accent,#0f6b5c);box-shadow:0 0 0 3px color-mix(in srgb,var(--chm-accent,#0f6b5c) 22%,transparent)}

.chm .chm-tabs{display:flex;gap:8px;overflow-x:auto;position:relative;padding:4px 2px 10px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.chm .chm-tabs::-webkit-scrollbar{display:none}
.chm .chm-allergen-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chm .chm-allergen-filters::-webkit-scrollbar{display:none}
.chm .chm-allergen-filter{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 12px!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:999px!important;background:#fff!important;color:var(--chm-text)!important;font:inherit!important;font-size:.82rem!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important}
.chm .chm-allergen-filter.is-active{background:var(--chm-accent,#0f6b5c)!important;border-color:var(--chm-accent,#0f6b5c)!important;color:#fff!important}
.chm button.chm-tab,
.chm .chm-tab{flex:0 0 auto!important;margin:0!important;padding:8px 16px!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:999px!important;background:#fff!important;background-color:#fff!important;color:var(--chm-text)!important;font:inherit!important;font-size:.88rem!important;font-weight:600!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;scroll-snap-align:center;transition:background .2s,color .2s,border-color .2s,transform .15s!important}
.chm button.chm-tab:hover,
.chm .chm-tab:hover{background:#fff!important;background-color:#fff!important;border-color:var(--chm-accent,#0f6b5c)!important;color:var(--chm-accent,#0f6b5c)!important}
.chm button.chm-tab:active,
.chm .chm-tab:active{transform:scale(.95)!important}
.chm button.chm-tab:focus-visible,
.chm button.chm-more:focus-visible{outline:2px solid var(--chm-accent,#0f6b5c)!important;outline-offset:2px!important}
.chm button.chm-tab.is-active,
.chm button.chm-tab.is-active:hover,
.chm .chm-tab.is-active,
.chm .chm-tab.is-active:hover{background:var(--chm-accent,#0f6b5c)!important;background-color:var(--chm-accent,#0f6b5c)!important;border-color:var(--chm-accent,#0f6b5c)!important;color:#fff!important}

/* Touch ergonomics & taps */
.chm .chm-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* Grilla */
.chm .chm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--chm-gap,12px)}
@media (max-width:639px){
	/* Distribución Móvil: De 1 en 1 (1 Columna Completa) */
	.chm:not(.chm--lista).chm--mcols-1 .chm-grid,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px}
	.chm:not(.chm--lista).chm--mcols-1 .chm-media,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-media{aspect-ratio:16/10!important}
	.chm:not(.chm--lista).chm--mcols-1 .chm-body,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-body{padding:14px 16px 16px!important}
	.chm:not(.chm--lista).chm--mcols-1 .chm-title,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-title{font-size:1.10rem!important;line-height:1.28;margin:0 0 6px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
	.chm:not(.chm--lista).chm--mcols-1 .chm-desc,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-desc{font-size:.88rem!important;line-height:1.45;margin:0 0 12px;-webkit-line-clamp:3}
	.chm:not(.chm--lista).chm--mcols-1 .chm-foot,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-foot{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px;margin-top:auto}
	.chm:not(.chm--lista).chm--mcols-1 .chm-price,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-price{font-size:1.15rem!important;font-weight:800;line-height:1.1}
	.chm:not(.chm--lista).chm--mcols-1 button.chm-more,
	.chm:not(.chm--lista).chm--mcols-1 .chm-more,
	.chm:not(.chm--lista)[data-mcols="1"] button.chm-more,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-more{width:auto!important;justify-content:center!important;padding:8px 16px!important;font-size:.86rem!important}
	.chm:not(.chm--lista).chm--mcols-1 .chm-badge,
	.chm:not(.chm--lista)[data-mcols="1"] .chm-badge{top:12px;left:12px;padding:5px 12px;font-size:.78rem}

	/* Distribución Móvil: De 2 en 2 (2 Columnas Compactas) */
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-grid,
	.chm:not(.chm--lista).chm--mcols-2 .chm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
	.chm--lista .chm-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px}
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-media{aspect-ratio:1/1}
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-body{padding:10px 10px 12px}
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-title{font-size:.92rem;line-height:1.25;margin:0 0 4px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-desc{font-size:.80rem;line-height:1.4;margin:0 0 8px;-webkit-line-clamp:2}
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-foot{flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto}
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-price{font-size:1.02rem;font-weight:800;line-height:1}
	.chm:not(.chm--lista):not(.chm--mcols-1) button.chm-more,
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-more{width:100%!important;justify-content:center!important;padding:7px 8px!important;font-size:.82rem!important}
	.chm:not(.chm--lista):not(.chm--mcols-1) .chm-badge{top:8px;left:8px;padding:3px 8px;font-size:.75rem}
	.chm:not(.chm--lista) .chm-sold{padding:6px 10px;font-size:.76rem}
	.chm:not(.chm--lista) .chm-card-allergens{bottom:6px;left:6px;padding:2px 5px;gap:2px}
	.chm:not(.chm--lista) .chm-card-allergen{font-size:.76rem}
}
@media (min-width:640px){.chm .chm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chm--lista .chm-grid{grid-template-columns:minmax(0,1fr)!important}}
@media (min-width:1024px){.chm:not(.chm--lista) .chm-grid{grid-template-columns:repeat(var(--chm-cols,3),minmax(0,1fr))}}

/* Tarjeta */
.chm .chm-card{position:relative;display:flex;flex-direction:column;background:var(--chm-bg);border-radius:var(--chm-radius);overflow:hidden;box-shadow:0 1px 2px rgba(20,30,28,.06),0 8px 24px rgba(20,30,28,.07);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.chm .chm-card[hidden]{display:none}
.chm .chm-card:active{transform:scale(.985)}
@media (hover:hover){
	.chm .chm-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(20,30,28,.06),0 16px 36px rgba(20,30,28,.13)}
	.chm .chm-card:hover .chm-img{transform:scale(1.05)}
}
.chm .chm-media{position:relative;flex:none;aspect-ratio:4/3;overflow:hidden;background:#eef1ef}
.chm .chm-img{display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:cover;transition:transform .5s ease}
.chm .chm-noimg,.chm-modal .chm-noimg{width:100%;height:100%;min-height:100%;background:linear-gradient(135deg,#e6ece9,#f4f6f5)}
.chm .chm-badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--chm-text);font-size:.78rem;font-weight:700;line-height:1.2}
.chm .is-soldout .chm-media::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55)}
.chm .chm-sold{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:999px;background:var(--chm-text);color:#fff;font-size:.85rem;font-weight:700;white-space:nowrap}

.chm .chm-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 18px 18px}
.chm .chm-title{margin:0 0 6px;padding:0;font-family:inherit;font-size:1.12rem;font-weight:700;line-height:1.25;color:var(--chm-text)}
.chm .chm-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin:0 0 14px;color:var(--chm-muted);font-size:.93rem;line-height:1.5}
.chm .chm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.chm .chm-price{font-size:1.18rem;font-weight:800;line-height:1.1;color:var(--chm-accent,#0f6b5c);white-space:nowrap}
.chm button.chm-more,
.chm .chm-more{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:9px 12px 9px 16px!important;border:1.5px solid var(--chm-accent,#0f6b5c)!important;border-radius:999px!important;background:transparent!important;background-color:transparent!important;color:var(--chm-accent,#0f6b5c)!important;font:inherit!important;font-size:.88rem!important;font-weight:600!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;transition:background .2s,color .2s!important}
.chm button.chm-more:hover,
.chm .chm-more:hover,
.chm .chm-card:hover .chm-more,
.chm .chm-card:hover button.chm-more{background:var(--chm-accent,#0f6b5c)!important;background-color:var(--chm-accent,#0f6b5c)!important;color:#fff!important;border-color:var(--chm-accent,#0f6b5c)!important}
.chm .chm-empty{margin:0;padding:32px 0;text-align:center;color:var(--chm-muted)}
.chm .chm-empty[hidden]{display:none}

/* Diseño lista compacta para móvil y tablet */
.chm--lista .chm-card{flex-direction:row;align-items:stretch}
.chm--lista .chm-media{width:105px;min-height:105px;aspect-ratio:1/1;margin:10px 0 10px 10px;border-radius:14px}
.chm--lista .chm-body{padding:10px 14px 10px 12px;justify-content:center}
.chm--lista .chm-title{font-size:.98rem;margin-bottom:4px}
.chm--lista .chm-desc{-webkit-line-clamp:2;margin-bottom:8px;font-size:.84rem}
.chm--lista .chm-foot{margin-top:0}
.chm--lista .chm-price{font-size:1.02rem}
.chm--lista .chm-more{padding:6px 10px 6px 12px;font-size:.82rem}
@media (min-width:640px){.chm--lista .chm-media{width:150px;min-height:130px;aspect-ratio:auto;margin:0;border-radius:0}}

/* Popup */
html.chm-lock,html.chm-lock body{overflow:hidden}
.chm-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:flex-end;justify-content:center;color:#1d2321;font-family:inherit}
.chm-modal.is-open{display:flex}
.chm-overlay{position:absolute;inset:0;background:rgba(10,18,16,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s}
.chm-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:540px;max-height:92vh;max-height:92dvh;overflow:hidden;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -16px 60px rgba(0,0,0,.28);transform:translateY(100%);transition:transform .38s cubic-bezier(.2,.85,.25,1);outline:none}
.chm-modal.is-visible .chm-overlay{opacity:1}
.chm-modal.is-visible .chm-dialog{transform:translateY(0)}
@media (min-width:700px){
	.chm-modal{align-items:center;padding:24px}
	.chm-dialog{max-height:90vh;border-radius:26px;opacity:0;transform:translateY(28px) scale(.97);transition:transform .35s cubic-bezier(.2,.85,.25,1),opacity .25s}
	.chm-modal.is-visible .chm-dialog{opacity:1;transform:none}
}
.chm-modal .chm-close,
.chm-modal button.chm-close{position:absolute!important;top:14px!important;right:14px!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:50%!important;background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#1e293b!important;cursor:pointer!important;box-shadow:0 4px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.08)!important;outline:none!important;text-decoration:none!important;-webkit-appearance:none!important;appearance:none!important;transition:all .25s cubic-bezier(.2,.85,.25,1)!important}
.chm-modal .chm-close:hover,
.chm-modal button.chm-close:hover{background:#fff!important;color:var(--chm-accent,#0f6b5c)!important;transform:scale(1.08) rotate(90deg)!important;box-shadow:0 6px 22px rgba(0,0,0,.24)!important}
.chm-modal .chm-close:active,
.chm-modal button.chm-close:active{transform:scale(.94)!important}
.chm-modal .chm-close:focus-visible,
.chm-modal .chm-nav:focus-visible,
.chm-modal .chm-dot:focus-visible{outline:2px solid var(--chm-accent,#0f6b5c)!important;outline-offset:2px!important}
.chm-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

.chm-gallery {
	position: relative;
	background: transparent !important;
	background-color: transparent !important;
	overflow: hidden;
	line-height: 0;
}
.chm-gallery p,
.chm-gallery br {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
}
.chm-slides {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	line-height: 0;
}
.chm-slides::-webkit-scrollbar {
	display: none;
}
.chm-slides img {
	display: block;
	flex: 0 0 100%;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
	aspect-ratio: 4/3;
	object-fit: cover;
	scroll-snap-align: center;
}
.chm-gallery .chm-noimg {
	aspect-ratio: 16/9;
}

.chm-modal .chm-dots{position:absolute!important;left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:rgba(15,23,42,.45)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;padding:5px 10px!important;border-radius:999px!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;z-index:4!important}
.chm-modal .chm-dot,
.chm-modal button.chm-dot{display:block!important;width:8px!important;height:8px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;outline:none!important;border-radius:999px!important;background:rgba(255,255,255,.55)!important;box-shadow:none!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important;transition:all .3s cubic-bezier(.2,.85,.25,1)!important}
.chm-modal .chm-dot:hover:not(.is-active),
.chm-modal button.chm-dot:hover:not(.is-active){background:rgba(255,255,255,.85)!important}
.chm-modal .chm-dot.is-active,
.chm-modal button.chm-dot.is-active{width:22px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}

.chm-modal .chm-nav,
.chm-modal button.chm-nav{position:absolute!important;top:50%!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:50%!important;background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#1e293b!important;cursor:pointer!important;box-shadow:0 4px 16px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.08)!important;outline:none!important;text-decoration:none!important;-webkit-appearance:none!important;appearance:none!important;transform:translateY(-50%)!important;transition:all .25s cubic-bezier(.2,.85,.25,1)!important}
.chm-modal .chm-prev,
.chm-modal button.chm-prev{left:14px!important}
.chm-modal .chm-next,
.chm-modal button.chm-next{right:14px!important}
.chm-modal .chm-nav:hover,
.chm-modal button.chm-nav:hover{background:#fff!important;color:var(--chm-accent,#0f6b5c)!important;transform:translateY(-50%) scale(1.1)!important;box-shadow:0 6px 20px rgba(0,0,0,.22)!important}
.chm-modal .chm-nav:active,
.chm-modal button.chm-nav:active{transform:translateY(-50%) scale(.95)!important}
.chm-modal .chm-nav[hidden],
.chm-modal button.chm-nav[hidden]{display:none!important}

.chm-info{padding:22px 22px calc(30px + env(safe-area-inset-bottom,0px))}
.chm-info-badge{display:inline-block!important;margin:0 0 12px!important;padding:6px 14px!important;border-radius:999px!important;background:#E2F2EC!important;color:#075E43!important;font-size:.84rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.01em!important}
.chm-info-title{margin:0 0 10px!important;padding:0!important;font-family:inherit!important;font-size:1.6rem!important;font-weight:900!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:-.01em!important;color:#111827!important}
.chm-info-text{color:#4B5563!important;font-size:1rem!important;line-height:1.55!important;margin:0 0 14px!important}
.chm-info-text>*:first-child{margin-top:0!important}
.chm-info-text>*:last-child{margin-bottom:0!important}
.chm-info-text ul,.chm-info-text ol{margin:0 0 12px!important;padding-left:1.2em!important}
.chm-info-price{margin:0 0 16px!important;font-size:1.65rem!important;font-weight:800!important;line-height:1.1!important;color:#056B48!important}
.chm-info-sold{display:inline-block!important;margin:0 0 14px!important;padding:6px 12px!important;border-radius:99px!important;background:#eef1ef!important;color:#4a524f!important;font-size:.85rem!important;font-weight:600!important}

/* Suite Hotelera: Toolbar, Multidioma, Alérgenos y Room Service */
.chm .chm-toolbar-search{width:100%;margin:0 0 10px;box-sizing:border-box}
.chm .chm-toolbar-search .chm-search{width:100%;margin:0;box-sizing:border-box}
.chm .chm-toolbar-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.chm .chm-toolbar-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.chm .chm-toolbar-top .chm-search{flex:1;min-width:0;margin:0}
.chm .chm-view-toggle{display:inline-flex;align-items:center;background:#f1f5f3;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:3px;gap:2px;flex-shrink:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}
.chm .chm-view-btn,
.chm button.chm-view-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:999px!important;background:transparent!important;color:#64748b!important;cursor:pointer!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;transition:all .2s cubic-bezier(.2,.85,.25,1)!important}
.chm .chm-view-btn:hover:not(.is-active){background:rgba(255,255,255,.7)!important;color:#1d2321!important}
.chm .chm-view-btn.is-active,
.chm button.chm-view-btn.is-active{background:#fff!important;color:#1d2321!important;box-shadow:0 2px 6px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)!important}
.chm .chm-view-btn:active{transform:scale(.92)!important}
.chm .chm-lang-toggle{display:inline-flex;align-items:center;background:#f1f5f3;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:3px;gap:3px;flex-shrink:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}
.chm .chm-lang-btn,
.chm button.chm-lang-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;padding:6px 12px!important;border:0!important;outline:0!important;border-radius:999px!important;background:transparent!important;color:#55615d!important;font-family:inherit!important;font-weight:700!important;font-size:.82rem!important;line-height:1!important;letter-spacing:.02em!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important;text-decoration:none!important;-webkit-appearance:none!important;appearance:none!important;transition:all .2s cubic-bezier(.2,.85,.25,1)!important}
.chm .chm-lang-btn:hover:not(.is-active){background:rgba(255,255,255,.7)!important;color:#1d2321!important}
.chm .chm-lang-btn.is-active,
.chm button.chm-lang-btn.is-active{background:#fff!important;color:#1d2321!important;box-shadow:0 2px 6px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)!important}
.chm .chm-lang-btn:focus-visible{outline:2px solid var(--chm-accent,#0f6b5c)!important;outline-offset:1px!important}
.chm .chm-lang-flag{display:inline-flex;align-items:center;justify-content:center;width:20px;height:14px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.08);flex-shrink:0;line-height:0}
.chm .chm-flag-svg{display:block;width:100%;height:100%;object-fit:cover}
.chm .chm-lang-code{font-weight:800;font-size:.78rem;line-height:1;letter-spacing:.03em}

.chm-card-allergens{position:absolute;bottom:10px;left:10px;z-index:2;display:flex;gap:4px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 7px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.chm-card-allergen{font-size:.85rem;line-height:1;display:inline-flex;align-items:center}

.chm-allergens-wrap{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.chm-allergen-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:#f1f5f3;color:#334155;font-size:.82rem;font-weight:600}
.chm-allergen-pill i{font-style:normal;line-height:1}

/* Variantes / Presentaciones en Tarjetas y Modal */
.chm .chm-price-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.chm .chm-price-prefix{font-size:.74em;font-weight:600;color:#64748b;margin-right:3px;text-transform:lowercase;letter-spacing:0}
.chm .chm-variants-preview{display:block;font-size:.73rem;font-weight:600;color:#64748b;margin-top:2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}

.chm-modal .chm-variants-selector{margin:14px 0 16px;padding:12px 14px;background:#f8faf9;border:1px solid #e2e8f0;border-radius:14px}
.chm-modal .chm-variants-heading{display:block;font-size:.84rem;font-weight:700;color:#1e293b;margin-bottom:8px;letter-spacing:.01em}
.chm-modal .chm-variants-list{display:flex;flex-wrap:wrap;gap:8px}
.chm-modal .chm-variant-btn,
.chm-modal button.chm-variant-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:7px 12px!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;font-family:inherit!important;font-size:.84rem!important;color:#334155!important;cursor:pointer!important;outline:none!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important;-webkit-appearance:none!important;appearance:none!important;transition:all .2s cubic-bezier(.2,.85,.25,1)!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
.chm-modal .chm-variant-btn:hover{border-color:var(--chm-accent,#0f6b5c)!important;background:#f0f7f5!important}
.chm-modal .chm-variant-btn:focus-visible{outline:2px solid var(--chm-accent,#0f6b5c)!important;outline-offset:1px!important}
.chm-modal .chm-variant-radio-dot{width:13px;height:13px;border-radius:50%;border:2px solid #94a3b8;display:inline-block;flex-shrink:0;position:relative;transition:all .18s ease}
.chm-modal .chm-variant-btn.is-active{border-color:var(--chm-accent,#0f6b5c)!important;background:rgba(15,107,92,.08)!important;color:var(--chm-accent,#0f6b5c)!important;box-shadow:0 2px 6px rgba(15,107,92,.12)!important}
.chm-modal .chm-variant-btn.is-active .chm-variant-radio-dot{border-color:var(--chm-accent,#0f6b5c);background:#fff}
.chm-modal .chm-variant-btn.is-active .chm-variant-radio-dot::after{content:"";position:absolute;inset:2px;background:var(--chm-accent,#0f6b5c);border-radius:50%}
.chm-modal .chm-variant-name{font-weight:600}
.chm-modal .chm-variant-price{font-weight:800;color:#0f172a;margin-left:3px}
.chm-modal .chm-variant-btn.is-active .chm-variant-price{color:var(--chm-accent,#0f6b5c)}

.chm-modal .chm-room-cta{position:-webkit-sticky!important;position:sticky!important;bottom:0!important;z-index:8!important;margin:20px -22px calc(-30px - env(safe-area-inset-bottom,0px))!important;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-top:1px solid rgba(0,0,0,.08)!important;box-shadow:0 -8px 24px rgba(0,0,0,.08)!important}
.chm-modal .chm-room-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;padding:8px 14px!important;background:#f1f5f3!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:999px!important}
.chm-modal .chm-room-tag{color:#475569!important;font-size:.88rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:6px!important}
.chm-modal .chm-room-tag strong.chm-room-val{color:var(--chm-accent,#0f6b5c)!important;font-weight:800!important;background:#fff!important;padding:2px 10px!important;border-radius:999px!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
.chm-modal .chm-room-change-btn,
.chm-modal button.chm-room-change-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;padding:5px 12px!important;border:1px solid rgba(15,107,92,.22)!important;border-radius:999px!important;background:#fff!important;color:var(--chm-accent,#0f6b5c)!important;font-family:inherit!important;font-weight:700!important;font-size:.8rem!important;line-height:1!important;cursor:pointer!important;text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;transition:all .2s cubic-bezier(.2,.85,.25,1)!important}
.chm-modal .chm-room-change-btn svg{stroke:currentColor!important;flex-shrink:0!important}
.chm-modal .chm-room-change-btn:hover,
.chm-modal button.chm-room-change-btn:hover{background:var(--chm-accent,#0f6b5c)!important;color:#fff!important;border-color:var(--chm-accent,#0f6b5c)!important;transform:translateY(-.5px)!important;box-shadow:0 3px 8px rgba(15,107,92,.25)!important}
.chm-modal .chm-room-change-btn:active,
.chm-modal button.chm-room-change-btn:active{transform:scale(.95)!important}
.chm-modal .chm-room-editor{margin:0 0 12px;padding:12px;border:1px solid rgba(15,107,92,.16);border-radius:14px;background:#f8fbfa}
.chm-modal .chm-room-editor[hidden],.chm-modal .chm-order-summary[hidden]{display:none!important}
.chm-modal .chm-room-label,.chm-modal .chm-order-label{display:block;margin:0 0 6px;color:#475569;font-size:.78rem;font-weight:700}
.chm-modal .chm-room-editor-row{display:flex;gap:8px}
.chm-modal .chm-room-input,.chm-modal .chm-order-quantity,.chm-modal .chm-order-notes{width:100%;border:1px solid rgba(15,107,92,.24);border-radius:10px;background:#fff;color:#1d2321;font:inherit;font-size:.92rem;padding:9px 11px;outline:none;box-sizing:border-box}
.chm-modal .chm-room-input:focus,.chm-modal .chm-order-quantity:focus,.chm-modal .chm-order-notes:focus{border-color:var(--chm-accent,#0f6b5c);box-shadow:0 0 0 3px color-mix(in srgb,var(--chm-accent,#0f6b5c) 18%,transparent)}
.chm-modal .chm-room-save-btn{flex:0 0 auto;padding:9px 14px!important;border-radius:10px!important;background:var(--chm-accent,#0f6b5c)!important;color:#fff!important;font-size:.85rem;font-weight:700;cursor:pointer}
.chm-modal .chm-order-fields{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:6px 10px;margin:0 0 10px}
.chm-modal .chm-order-label:last-of-type{grid-column:1/-1}
.chm-modal .chm-order-notes{grid-column:1/-1;resize:vertical;min-height:58px}
.chm-modal .chm-order-status{min-height:1.25em;margin:4px 0 10px;color:#475569;font-size:.82rem;line-height:1.4}
.chm-modal .chm-order-status.is-error{color:#b42318;font-weight:700}
.chm-modal .chm-order-summary{margin:0 0 12px;padding:12px;border:1px solid rgba(15,107,92,.2);border-radius:14px;background:#f8fbfa}
.chm-modal .chm-summary-title{display:block;margin-bottom:4px;color:#1d2321;font-size:.9rem}
.chm-modal .chm-summary-text{margin:0 0 10px;color:#475569;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}
.chm-modal .chm-btn-confirm-order{width:100%;padding:10px!important;border-radius:10px!important;background:#1d2321!important;color:#fff!important;font-size:.86rem;font-weight:800;cursor:pointer}
.chm-modal .chm-room-save-btn:focus-visible,.chm-modal .chm-btn-confirm-order:focus-visible,.chm-modal .chm-room-change-btn:focus-visible,.chm-modal .chm-btn-order:focus-visible{outline:2px solid var(--chm-accent,#0f6b5c)!important;outline-offset:2px!important}

.chm-modal .chm-btn-order,
.chm-modal button.chm-btn-order{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:50px!important;margin:0!important;padding:12px 22px!important;border:0!important;outline:0!important;border-radius:16px!important;background:linear-gradient(135deg,#25D366 0%,#159b48 100%)!important;color:#fff!important;font-family:inherit!important;font-size:1.04rem!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.01em!important;text-align:center!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 6px 20px rgba(37,211,102,.38),0 2px 4px rgba(0,0,0,.06)!important;-webkit-appearance:none!important;appearance:none!important;transition:all .2s cubic-bezier(.2,.85,.25,1)!important}
.chm-modal .chm-btn-order svg,
.chm-modal button.chm-btn-order svg{display:inline-block!important;width:22px!important;height:22px!important;fill:#fff!important;color:#fff!important;flex-shrink:0!important}
.chm-modal .chm-btn-order-txt{color:#fff!important;font-weight:800!important;font-size:1.02rem!important}
.chm-modal .chm-btn-order:hover,
.chm-modal button.chm-btn-order:hover{background:linear-gradient(135deg,#22bd5a 0%,#12873e 100%)!important;color:#fff!important;box-shadow:0 8px 24px rgba(37,211,102,.48),0 3px 6px rgba(0,0,0,.08)!important;transform:translateY(-1px)!important}
.chm-modal .chm-btn-order:active,
.chm-modal button.chm-btn-order:active{transform:scale(.97)!important;box-shadow:0 3px 10px rgba(37,211,102,.3)!important}

/* Selector de Categorías Móvil & Bottom Sheet (Opción 1) */
.chm .chm-cat-bar{display:none}
@media (max-width:640px){
	.chm--nav-sheet .chm-tabs{display:none!important}
	.chm--nav-sheet .chm-cat-bar{display:block;margin:2px 0 8px;width:100%}
}
.chm .chm-cat-trigger,
.chm button.chm-cat-trigger{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:10px!important;
	width:100%!important;
	min-height:46px!important;
	margin:0!important;
	padding:10px 16px!important;
	border:1.5px solid rgba(0,0,0,.1)!important;
	border-radius:999px!important;
	background:#ffffff!important;
	color:var(--chm-text,#1d2321)!important;
	font-family:inherit!important;
	cursor:pointer!important;
	box-shadow:0 2px 8px rgba(0,0,0,.04)!important;
	-webkit-appearance:none!important;
	appearance:none!important;
	transition:all .2s cubic-bezier(.2,.85,.25,1)!important;
}
.chm .chm-cat-trigger:active{transform:scale(.985)!important}
.chm .chm-cat-trigger-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	background:color-mix(in srgb,var(--chm-accent,#0f6b5c) 12%,transparent);
	color:var(--chm-accent,#0f6b5c);
	flex-shrink:0;
}
.chm .chm-cat-trigger-content{
	display:inline-flex;
	align-items:center;
	gap:6px;
	flex:1;
	min-width:0;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.chm .chm-cat-trigger-prefix{font-size:.82rem;color:var(--chm-muted,#66706c);font-weight:600}
.chm .chm-cat-active-name{font-size:.95rem;font-weight:800;color:var(--chm-text,#1d2321)}
.chm .chm-cat-trigger-arrow{color:var(--chm-accent,#0f6b5c);display:inline-flex;align-items:center;transition:transform .25s ease;flex-shrink:0}
.chm .chm-cat-trigger[aria-expanded="true"] .chm-cat-trigger-arrow{transform:rotate(180deg)}

/* Bottom Sheet Modal */
.chm-cat-sheet{
	position:fixed!important;
	top:0!important;
	left:0!important;
	right:0!important;
	bottom:0!important;
	width:100%!important;
	height:100%!important;
	height:100dvh!important;
	z-index:999999!important;
	display:flex!important;
	flex-direction:column!important;
	justify-content:flex-end!important;
	visibility:hidden!important;
	pointer-events:none!important;
	transition:visibility .25s ease!important;
}
.chm-cat-sheet.is-open{visibility:visible!important;pointer-events:auto!important;display:flex!important}
.chm-cat-sheet-overlay{
	position:fixed!important;
	top:0!important;
	left:0!important;
	right:0!important;
	bottom:0!important;
	width:100%!important;
	height:100%!important;
	background:rgba(15,23,20,.52)!important;
	-webkit-backdrop-filter:blur(6px)!important;
	backdrop-filter:blur(6px)!important;
	opacity:0!important;
	transition:opacity .25s ease!important;
}
.chm-cat-sheet.is-open .chm-cat-sheet-overlay{opacity:1!important}
.chm-cat-sheet-dialog{
	position:relative!important;
	z-index:2!important;
	width:100%!important;
	max-width:100%!important;
	max-height:82vh!important;
	max-height:82dvh!important;
	background:#ffffff!important;
	border-radius:24px 24px 0 0!important;
	box-shadow:0 -10px 40px rgba(0,0,0,.25)!important;
	display:flex!important;
	flex-direction:column!important;
	transform:translateY(100%)!important;
	transition:transform .32s cubic-bezier(.16,1,.3,1)!important;
	overflow:hidden!important;
	padding-bottom:max(16px,env(safe-area-inset-bottom,16px))!important;
	box-sizing:border-box!important;
}
.chm-cat-sheet.is-open .chm-cat-sheet-dialog{transform:translateY(0)!important}
.chm-cat-sheet-handle-wrap{
	padding:12px 0 6px!important;
	display:flex!important;
	justify-content:center!important;
	align-items:center!important;
	width:100%!important;
	cursor:grab!important;
	touch-action:none!important;
}
.chm-cat-sheet-handle{
	width:44px!important;
	height:5px!important;
	border-radius:999px!important;
	background:#cbd5e1!important;
	flex-shrink:0!important;
}
.chm-cat-sheet-header{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	padding:6px 20px 14px!important;
	border-bottom:1px solid #f1f3f2!important;
	flex-shrink:0!important;
}
.chm-cat-sheet-title{
	margin:0!important;
	font-family:inherit!important;
	font-size:1.18rem!important;
	font-weight:800!important;
	color:#1d2321!important;
	letter-spacing:-.01em!important;
}
.chm-cat-sheet-close,
button.chm-cat-sheet-close{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:34px!important;
	height:34px!important;
	border-radius:50%!important;
	background:#f1f5f3!important;
	color:#64748b!important;
	border:0!important;
	cursor:pointer!important;
	transition:background .2s,color .2s!important;
	-webkit-appearance:none!important;
	appearance:none!important;
}
.chm-cat-sheet-close:hover{background:#e2e8f0!important;color:#0f172a!important}
.chm-cat-sheet-list{
	flex:1 1 auto!important;
	min-height:0!important;
	max-height:calc(82dvh - 85px)!important;
	overflow-y:auto!important;
	padding:12px 16px 20px!important;
	display:flex!important;
	flex-direction:column!important;
	gap:8px!important;
	-webkit-overflow-scrolling:touch!important;
	overscroll-behavior:contain!important;
	box-sizing:border-box!important;
}
.chm-sheet-item,
button.chm-sheet-item{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	width:100%!important;
	min-height:50px!important;
	margin:0!important;
	padding:12px 16px!important;
	border-radius:14px!important;
	border:1.5px solid #edf0ee!important;
	background:#ffffff!important;
	color:#1d2321!important;
	font-family:inherit!important;
	font-size:.95rem!important;
	font-weight:600!important;
	cursor:pointer!important;
	box-shadow:none!important;
	-webkit-appearance:none!important;
	appearance:none!important;
	transition:all .18s cubic-bezier(.2,.85,.25,1)!important;
	text-align:left!important;
}
.chm-sheet-item:hover{border-color:rgba(15,107,92,.4)!important;background:#f9fafb!important}
.chm-sheet-item:active{transform:scale(.98)!important}
.chm-sheet-item-radio{
	width:20px!important;
	height:20px!important;
	border-radius:50%!important;
	border:2px solid #cbd5e1!important;
	margin-right:12px!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	flex-shrink:0!important;
	transition:all .2s ease!important;
}
.chm-sheet-item-name{flex:1!important;font-weight:700!important;color:inherit!important}
.chm-sheet-item-count{display:none!important}
.chm-sheet-item.is-active,
button.chm-sheet-item.is-active{
	border-color:var(--chm-accent,#0f6b5c)!important;
	background:color-mix(in srgb,var(--chm-accent,#0f6b5c) 8%,#ffffff)!important;
	color:var(--chm-accent,#0f6b5c)!important;
}
.chm-sheet-item.is-active .chm-sheet-item-radio{
	border-color:var(--chm-accent,#0f6b5c)!important;
	background:var(--chm-accent,#0f6b5c)!important;
	box-shadow:inset 0 0 0 3px #ffffff!important;
}
.chm-sheet-item.is-active .chm-sheet-item-name{color:var(--chm-accent,#0f6b5c)!important}

/* ==========================================================================
   Opción 2: Carrusel Visual con Iconos / Emojis (Estilo UberEats / Rappi)
   ========================================================================== */
.chm .chm-cat-carousel{
	display:flex!important;
	align-items:stretch!important;
	gap:10px!important;
	overflow-x:auto!important;
	overflow-y:hidden!important;
	scrollbar-width:none!important;
	-webkit-overflow-scrolling:touch!important;
	scroll-behavior:smooth!important;
	padding:4px 2px 10px!important;
	margin:2px 0 6px!important;
	width:100%!important;
}
.chm .chm-cat-carousel::-webkit-scrollbar{display:none!important}

.chm .chm-carousel-item,
.chm button.chm-carousel-item{
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	justify-content:center!important;
	min-width:78px!important;
	max-width:96px!important;
	padding:10px 8px 10px!important;
	border:1.5px solid rgba(0,0,0,.08)!important;
	border-radius:18px!important;
	background:#ffffff!important;
	color:var(--chm-text,#1d2321)!important;
	font-family:inherit!important;
	cursor:pointer!important;
	flex-shrink:0!important;
	user-select:none!important;
	-webkit-tap-highlight-color:transparent!important;
	box-shadow:0 2px 6px rgba(0,0,0,.03)!important;
	transition:all .2s cubic-bezier(.2,.85,.25,1)!important;
}
.chm .chm-carousel-item:hover{
	border-color:rgba(15,107,92,.35)!important;
	transform:translateY(-2px)!important;
	box-shadow:0 4px 12px rgba(0,0,0,.06)!important;
}
.chm .chm-carousel-item:active{
	transform:scale(.95)!important;
}
.chm .chm-carousel-icon{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:42px!important;
	height:42px!important;
	border-radius:50%!important;
	background:#f1f4f3!important;
	font-size:1.4rem!important;
	line-height:1!important;
	margin-bottom:6px!important;
	transition:all .2s ease!important;
	flex-shrink:0!important;
}
.chm .chm-carousel-name{
	font-size:.78rem!important;
	font-weight:700!important;
	color:var(--chm-text,#1d2321)!important;
	line-height:1.2!important;
	text-align:center!important;
	width:100%!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
	white-space:nowrap!important;
	margin-bottom:0!important;
	padding:0 2px!important;
	transition:color .2s ease!important;
}
.chm .chm-carousel-count{display:none!important}
.chm .chm-carousel-item.is-active,
.chm button.chm-carousel-item.is-active{
	border-color:var(--chm-accent,#0f6b5c)!important;
	background:color-mix(in srgb,var(--chm-accent,#0f6b5c) 8%,#ffffff)!important;
	box-shadow:0 4px 14px color-mix(in srgb,var(--chm-accent,#0f6b5c) 22%,transparent)!important;
}
.chm .chm-carousel-item.is-active .chm-carousel-icon{
	background:var(--chm-accent,#0f6b5c)!important;
	color:#ffffff!important;
	transform:scale(1.06)!important;
}
.chm .chm-carousel-item.is-active .chm-carousel-name{
	color:var(--chm-accent,#0f6b5c)!important;
	font-weight:800!important;
}

/* ==========================================================================
   Opción 3: Barra con Gradiente de Desvanecimiento + Auto-centrado al toque
   ========================================================================== */
.chm .chm-tabs-fade-wrap{
	position:relative!important;
	width:100%!important;
	display:flex!important;
	align-items:center!important;
	margin:2px 0 6px!important;
}
.chm .chm-tabs-fade-edge{
	position:absolute!important;
	top:0!important;
	bottom:0!important;
	width:36px!important;
	pointer-events:none!important;
	z-index:3!important;
	transition:opacity .25s ease!important;
}
.chm .chm-tabs-fade-left{
	left:0!important;
	background:linear-gradient(90deg,var(--chm-toolbar-bg,rgba(255,255,255,0.96)) 0%,transparent 100%)!important;
	opacity:0;
}
.chm .chm-tabs-fade-right{
	right:0!important;
	background:linear-gradient(270deg,var(--chm-toolbar-bg,rgba(255,255,255,0.96)) 0%,transparent 100%)!important;
	opacity:1;
}
.chm .chm-tabs--fade,
.chm .chm-tabs--scrollspy{
	display:flex!important;
	gap:8px!important;
	overflow-x:auto!important;
	overflow-y:hidden!important;
	scrollbar-width:none!important;
	-webkit-overflow-scrolling:touch!important;
	scroll-behavior:smooth!important;
	padding:4px 6px 6px!important;
	width:100%!important;
}
.chm .chm-tabs--fade::-webkit-scrollbar,
.chm .chm-tabs--scrollspy::-webkit-scrollbar{display:none!important}
.chm .chm-tab-icon{
	margin-right:6px!important;
	font-size:1.05rem!important;
	line-height:1!important;
	display:inline-block!important;
	vertical-align:middle!important;
}

/* ==========================================================================
   Opción 4: Navegación continua con Scrollspy (Estilo Carta Restaurante)
   ========================================================================== */
.chm-cat-sections{
	display:flex!important;
	flex-direction:column!important;
	gap:36px!important;
	width:100%!important;
}
.chm-cat-section{
	scroll-margin-top:calc(var(--chm-sticky-top, 0px) + 80px)!important;
	width:100%!important;
}
@media (max-width:640px){
	.chm-cat-section{scroll-margin-top:calc(var(--chm-sticky-top, 0px) + 70px)!important}
}
.chm-cat-section-header{
	margin-bottom:16px!important;
	padding-bottom:10px!important;
	border-bottom:2px solid color-mix(in srgb,var(--chm-accent,#0f6b5c) 14%,#e2e8f0)!important;
	display:flex!important;
	flex-direction:column!important;
	gap:4px!important;
}
.chm-cat-section-title{
	margin:0!important;
	font-size:1.35rem!important;
	font-weight:800!important;
	color:var(--chm-text,#1d2321)!important;
	display:flex!important;
	align-items:center!important;
	gap:10px!important;
	letter-spacing:-.015em!important;
	line-height:1.2!important;
}
.chm-cat-section-icon{
	font-size:1.45rem!important;
	line-height:1!important;
	flex-shrink:0!important;
}
.chm-cat-section-desc{
	margin:0!important;
	font-size:.9rem!important;
	color:var(--chm-muted,#66706c)!important;
	line-height:1.45!important;
}
.chm .chm-tab--spy,
.chm a.chm-tab--spy{
	text-decoration:none!important;
	display:inline-flex!important;
	align-items:center!important;
	white-space:nowrap!important;
}

/* Nota de pie de página por categoría (estilo editorial / carta menú) */
.chm-category-footer-note{
	margin:32px auto 16px auto!important;
	max-width:860px!important;
	padding:8px 16px!important;
	text-align:center!important;
	animation:chmFadeInNote .3s cubic-bezier(.16,1,.3,1)!important;
}
.chm-cat-section .chm-category-footer-note{
	margin:28px auto 8px auto!important;
}
.chm-category-footer-divider{
	width:100%!important;
	height:1.5px!important;
	background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--chm-accent,#0f6b5c) 40%,#c5a059) 25%,color-mix(in srgb,var(--chm-accent,#0f6b5c) 40%,#c5a059) 75%,transparent 100%)!important;
	opacity:.75!important;
}
.chm-category-footer-text{
	margin:12px auto!important;
	font-size:1.02rem!important;
	line-height:1.55!important;
	font-style:italic!important;
	font-weight:500!important;
	color:var(--chm-text,#222826)!important;
	letter-spacing:-.005em!important;
	max-width:760px!important;
}
@media (max-width:640px){
	.chm-category-footer-note{
		margin:24px auto 12px auto!important;
		padding:4px 12px!important;
	}
	.chm-category-footer-text{
		font-size:.92rem!important;
		line-height:1.5!important;
		margin:10px auto!important;
	}
}
@keyframes chmFadeInNote{
	from{opacity:0;transform:translateY(6px)}
	to{opacity:1;transform:translateY(0)}
}

/* ==========================================================================
   MODO 5: PORTADA VERTICAL + SUBCATEGORÍAS EN CUADRÍCULA (ESTILO COFY)
   ========================================================================== */

.chm.chm--nav-portal,
.chm--nav-portal {
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
	border: 0 !important;
	border-top: 0 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Limpieza total de contenedores WordPress y constructores para Portada Vertical Cofy */
html:has(.chm--nav-portal, .chm--nav-app_menu),
body:has(.chm--nav-portal, .chm--nav-app_menu),
html.chm-has-portal,
body.chm-has-portal {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	border: 0 !important;
}

:is(body:has(.chm--nav-portal, .chm--nav-app_menu), body.chm-has-portal) #wpadminbar {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

:is(html:has(.chm--nav-portal, .chm--nav-app_menu), body:has(.chm--nav-portal, .chm--nav-app_menu), html.chm-has-portal, body.chm-has-portal) :is(
	#page, #content, #primary, #main, main, article,
	.site, .site-content, .entry-content, .site-main, .content-area,
	.ast-container, .ast-separate-container, .ast-plain-container, .ast-article-single, .ast-article-post, .ast-row,
	.elementor, .elementor-section, .elementor-section-wrap, .elementor-top-section, .elementor-inner-section,
	.elementor-section.elementor-section-boxed > .elementor-container,
	.elementor-container, .elementor-column, .elementor-column-wrap, .elementor-widget-wrap, .elementor-widget, .elementor-widget-container, .elementor-widget-shortcode
) {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	border: none !important;
	border-top: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

:is(body:has(.chm--nav-portal, .chm--nav-app_menu), body.chm-has-portal) :is(
	#masthead, .site-header, .ast-primary-header-bar, .ast-main-header-wrap,
	.main-header-bar, .main-header-bar-wrap, .ast-mobile-header-wrap, .ast-mobile-header-content,
	.ast-desktop-header, .ast-above-header-wrap, .ast-below-header-wrap, .ast-header-break-point,
	.entry-header, .page-header, .ast-single-post-order, h1.entry-title, .page-title,
	.ast-archive-description, .ast-breadcrumbs-wrapper, .skip-link, .screen-reader-text,
	.elementor-location-header, .site-footer, #colophon, .ast-footer-wrap, .elementor-location-footer,
	hr
):not(.chm, .chm *) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.chm .chm-portal-sticky-header,
.chm header.chm-portal-sticky-header {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	min-height: 290px !important;
}

@media (max-width: 640px) {
	.chm .chm-portal-sticky-header,
	.chm header.chm-portal-sticky-header {
		min-height: 250px !important;
	}
}

:is(body:has(.chm--nav-portal, .chm--nav-app_menu), body.chm-has-portal) .entry-content > p:empty,
:is(body:has(.chm--nav-portal, .chm--nav-app_menu), body.chm-has-portal) .entry-content > p:has(> br:only-child),
:is(body:has(.chm--nav-portal, .chm--nav-app_menu), body.chm-has-portal) p:has(+ .chm),
:is(body:has(.chm--nav-portal, .chm--nav-app_menu), body.chm-has-portal) p:has(+ #chm-critical-css) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 768px) {
	.chm.chm--nav-portal,
	.chm.chm--nav-app_menu {
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		border: 0 !important;
		border-top: 0 !important;
		box-sizing: border-box !important;
	}
}

/* App Menu: landing móvil y catálogo visual, aislado del resto de navegaciones. */
.chm--nav-app_menu{--chm-app-ink:#19231f;--chm-app-paper:#f8f7f2;background:var(--chm-app-paper);padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.chm--nav-app_menu .chm-app-menu-shell{min-height:100%;color:var(--chm-app-ink)}
.chm--nav-app_menu .chm-app-menu-header{position:relative;min-height:245px;padding:calc(18px + env(safe-area-inset-top)) 20px 28px;background-color:#29473b;background-position:center;background-size:cover;color:#fff;overflow:hidden}
.chm--nav-app_menu .chm-app-menu-header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,14,.32),rgba(7,20,14,.84))}
.chm--nav-app_menu .chm-app-menu-topbar,.chm--nav-app_menu .chm-app-menu-intro{position:relative;z-index:1}
.chm--nav-app_menu .chm-app-menu-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chm--nav-app_menu .chm-app-menu-brand{font-size:1.05rem;letter-spacing:.03em}.chm--nav-app_menu .chm-app-menu-brand img{display:block;max-width:145px;max-height:48px;width:auto;height:auto}
.chm--nav-app_menu .chm-app-menu-lang{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(0,0,0,.2);color:#fff;padding:8px 11px;cursor:pointer;font:inherit}.chm--nav-app_menu .chm-app-menu-lang:focus-visible,.chm--nav-app_menu .chm-app-menu-category:focus-visible,.chm--nav-app_menu .chm-app-menu-bottom-nav button:focus-visible{outline:3px solid #d8b36a;outline-offset:3px}
.chm--nav-app_menu .chm-app-menu-intro{padding-top:46px}.chm--nav-app_menu .chm-app-menu-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85}.chm--nav-app_menu .chm-app-menu-intro h1{margin:6px 0;font-size:clamp(1.75rem,7vw,2.7rem);line-height:1.05;color:#fff}.chm--nav-app_menu .chm-app-menu-intro p{margin:0;max-width:38rem;color:rgba(255,255,255,.82);font-size:.92rem}
.chm--nav-app_menu .chm-app-menu-categories {
	position: sticky;
	top: 53px;
	z-index: 15;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding: 10px 16px 12px !important;
	background: rgba(248, 247, 242, 0.95) !important;
	backdrop-filter: blur(14px) !important;
	-webkit-backdrop-filter: blur(14px) !important;
	border-bottom: 1px solid rgba(223, 229, 223, 0.75) !important;
	scrollbar-width: none !important;
	-webkit-overflow-scrolling: touch !important;
}
.chm--nav-app_menu .chm-app-menu-categories::-webkit-scrollbar {
	display: none !important;
}
.chm--nav-app_menu .chm-app-menu-categories .chm-app-menu-category,
.chm--nav-app_menu .chm-app-menu-category {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 9px 16px !important;
	border: 1px solid #d8dfd9 !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: #17241d !important;
	font-family: inherit !important;
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-shadow: 0 2px 6px rgba(20, 35, 27, 0.04) !important;
	transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	-webkit-tap-highlight-color: transparent !important;
}
.chm--nav-app_menu .chm-app-menu-categories .chm-app-menu-category:hover,
.chm--nav-app_menu .chm-app-menu-category:hover {
	background: #f4f8f5 !important;
	border-color: #c4d2c7 !important;
	color: var(--chm-accent, #0f6b5c) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(15, 107, 92, 0.08) !important;
}
.chm--nav-app_menu .chm-app-menu-categories .chm-app-menu-category:active,
.chm--nav-app_menu .chm-app-menu-category:active {
	transform: scale(0.96) !important;
}
.chm--nav-app_menu .chm-app-menu-categories .chm-app-menu-category.is-active,
.chm--nav-app_menu .chm-app-menu-category.is-active {
	background: var(--chm-accent, #0f6b5c) !important;
	border-color: var(--chm-accent, #0f6b5c) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 14px rgba(15, 107, 92, 0.3) !important;
}
.chm--nav-app_menu .chm-app-menu-categories .chm-app-menu-category.is-active .chm-app-menu-category-name,
.chm--nav-app_menu .chm-app-menu-category.is-active .chm-app-menu-category-name {
	color: #ffffff !important;
}
.chm--nav-app_menu .chm-app-menu-category-icon {
	font-size: 1.15rem !important;
	line-height: 1 !important;
	display: inline-block !important;
}
.chm--nav-app_menu .chm-app-menu-content{max-width:100%!important;width:100%!important;margin:0 auto;padding:24px 16px 34px;box-sizing:border-box!important}.chm--nav-app_menu .chm-app-menu-section{scroll-margin-top:76px;margin-bottom:32px}.chm--nav-app_menu .chm-app-menu-section h2{margin:0 0 14px;font-size:1.3rem;letter-spacing:-.02em;padding-bottom:8px;border-bottom:2px solid var(--chm-accent,#0f6b5c);display:inline-block}.chm--nav-app_menu .chm-app-menu-subcat{margin:18px 0 8px;font-size:1.05rem;font-weight:700;color:var(--chm-accent,#0f6b5c);letter-spacing:-.01em}

/* Cuadrícula de 2 columnas de Platos en App Menu */
.chm--nav-app_menu .chm-grid--app-menu {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin-bottom: 24px;
}
@media (min-width: 768px) {
	.chm--nav-app_menu .chm-grid--app-menu {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}
}
@media (min-width: 1024px) {
	.chm--nav-app_menu .chm-grid--app-menu {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 20px !important;
	}
}

/* Tarjeta Vertical 2 Columnas Estilo Cluvi */
.chm--nav-app_menu .chm-card.chm-card--app-menu {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	border: 1px solid rgba(25, 35, 31, 0.08) !important;
	box-shadow: 0 4px 16px rgba(20, 35, 27, 0.06) !important;
	display: flex !important;
	flex-direction: column !important;
	cursor: pointer !important;
	transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
}

.chm--nav-app_menu .chm-card.chm-card--app-menu:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(20, 35, 27, 0.12) !important;
}

.chm--nav-app_menu .chm-card.chm-card--app-menu:active {
	transform: scale(0.98);
}

.chm--nav-app_menu .chm-app-menu-media {
	position: relative !important;
	aspect-ratio: 1 / 1 !important;
	width: 100% !important;
	overflow: hidden !important;
	background: #F1F4F1 !important;
}

.chm--nav-app_menu .chm-app-menu-media .chm-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.35s ease !important;
}

.chm--nav-app_menu .chm-card--app-menu:hover .chm-img {
	transform: scale(1.04);
}

.chm--nav-app_menu .chm-app-menu-noimg {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #F1F4F1 !important;
	color: var(--chm-accent, #0f6b5c) !important;
}

.chm--nav-app_menu .chm-app-menu-noimg svg {
	opacity: 0.35 !important;
}

.chm--nav-app_menu .chm-app-menu-badge {
	position: absolute !important;
	top: 8px !important;
	left: 8px !important;
	background: var(--chm-accent, #0f6b5c) !important;
	background-color: var(--chm-accent, #0f6b5c) !important;
	color: #FFFFFF !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	padding: 4px 8px !important;
	border-radius: 6px !important;
	letter-spacing: 0.02em !important;
	z-index: 2 !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
	line-height: 1 !important;
}

.chm--nav-app_menu .chm-app-menu-card-body {
	padding: 12px !important;
	background: #FFFFFF !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
	box-sizing: border-box !important;
}

.chm--nav-app_menu .chm-app-menu-card-title {
	font-size: 0.95rem !important;
	font-weight: 800 !important;
	color: var(--chm-app-ink, #19231f) !important;
	line-height: 1.22 !important;
	margin: 0 0 6px 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.chm--nav-app_menu .chm-app-menu-card-desc {
	font-size: 0.78rem !important;
	color: #637068 !important;
	line-height: 1.35 !important;
	margin: 0 0 10px 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	flex: 1 !important;
}

.chm--nav-app_menu .chm-app-menu-card-foot {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	margin-top: auto !important;
	padding-top: 6px !important;
}

.chm--nav-app_menu .chm-app-menu-card-price {
	font-size: 1.05rem !important;
	font-weight: 900 !important;
	color: var(--chm-accent, #0f6b5c) !important;
	letter-spacing: -0.01em !important;
	line-height: 1 !important;
}

.chm--nav-app_menu .chm-app-menu-add-btn {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: var(--chm-accent, #0f6b5c) !important;
	background-color: var(--chm-accent, #0f6b5c) !important;
	border: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #FFFFFF !important;
	box-shadow: 0 2px 8px rgba(15, 107, 92, 0.28) !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	transition: transform 0.15s ease, filter 0.15s ease !important;
	padding: 0 !important;
}

.chm--nav-app_menu .chm-app-menu-add-btn:hover {
	transform: scale(1.08) !important;
	filter: brightness(1.08) !important;
}

.chm--nav-app_menu .chm-app-menu-add-btn:active {
	transform: scale(0.92) !important;
}

.chm--nav-app_menu .chm-app-menu-add-btn svg {
	width: 14px !important;
	height: 14px !important;
	display: block !important;
}

.chm--nav-app_menu .chm-app-menu-bottom-nav{position:fixed;z-index:9999;left:0;right:0;bottom:0;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:stretch !important;justify-content:space-around !important;gap:4px !important;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #dfe5df;box-shadow:0 -5px 20px rgba(20,35,27,.1);backdrop-filter:blur(16px);box-sizing:border-box !important}
.chm--nav-app_menu .chm-app-menu-bottom-nav button,
.chm--nav-app_menu .chm-app-menu-bottom-nav a{flex:1 1 0 !important;min-width:0 !important;max-width:none !important;width:100% !important;display:flex !important;flex-direction:column !important;gap:3px !important;align-items:center !important;justify-content:center !important;border:0 !important;background:transparent !important;color:#19231f !important;padding:6px 3px !important;cursor:pointer !important;font:inherit !important;font-size:.76rem !important;font-weight:700 !important;line-height:1.15 !important;text-decoration:none !important;outline:none !important;box-shadow:none !important;box-sizing:border-box !important}
.chm--nav-app_menu .chm-app-menu-bottom-nav button .chm-bottom-nav-icon svg,
.chm--nav-app_menu .chm-app-menu-bottom-nav a .chm-bottom-nav-icon svg{width:22px !important;height:22px !important;stroke-width:2.2 !important;stroke:#19231f !important;color:#19231f !important;fill:none !important}
.chm--nav-app_menu .chm-app-menu-bottom-nav button.is-active,
.chm--nav-app_menu .chm-app-menu-bottom-nav a.is-active{color:var(--chm-accent,#0f6b5c) !important;font-weight:800 !important}
.chm--nav-app_menu .chm-app-menu-bottom-nav button.is-active .chm-bottom-nav-icon svg,
.chm--nav-app_menu .chm-app-menu-bottom-nav a.is-active .chm-bottom-nav-icon svg{stroke:var(--chm-accent,#0f6b5c) !important;color:var(--chm-accent,#0f6b5c) !important;stroke-width:2.4 !important}
@media(min-width:700px){.chm--nav-app_menu .chm-app-menu-header{border-radius:0 0 26px 26px}.chm--nav-app_menu .chm-app-menu-content{padding-left:24px;padding-right:24px}.chm--nav-app_menu .chm-app-menu-bottom-nav{left:50%;right:auto;width:min(620px,100%);transform:translateX(-50%);border:1px solid #dfe5df;border-bottom:0;border-radius:18px 18px 0 0}}

/* Vistas y Transiciones de App Menu */
.chm--nav-app_menu .chm-app-view {
	animation: chmAppFadeIn .22s ease-out;
}
@keyframes chmAppFadeIn {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

.chm--nav-app_menu .chm-app-menu-home-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}
.chm--nav-app_menu .chm-app-menu-home-head h2 {
	margin: 0;
	font-size: 1.15rem;
	font-weight: 700;
	color: #17241d;
}
.chm--nav-app_menu .chm-app-menu-see-all-btn {
	border: none;
	background: transparent;
	color: var(--chm-accent, #0f6b5c);
	font-weight: 600;
	font-size: 0.85rem;
	cursor: pointer;
	padding: 4px 6px;
	border-radius: 6px;
	transition: background-color .15s ease, opacity .15s ease;
}
.chm--nav-app_menu .chm-app-menu-see-all-btn:hover {
	background: rgba(15, 107, 92, 0.08);
}

/* Pantalla Completa de Categorías */
.chm--nav-app_menu .chm-app-view--categories {
	padding-bottom: 90px;
}
.chm--nav-app_menu .chm-app-cat-screen-header {
	padding: 24px 18px 16px;
	background: linear-gradient(180deg, rgba(15, 107, 92, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-bottom: 1px solid rgba(223, 229, 223, 0.6);
	margin-bottom: 16px;
}
.chm--nav-app_menu .chm-app-cat-screen-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.chm--nav-app_menu .chm-app-cat-screen-title {
	margin: 0;
	font-size: 1.55rem;
	font-weight: 800;
	color: #14231b;
	letter-spacing: -0.02em;
}
.chm--nav-app_menu .chm-app-cat-screen-subtitle {
	margin: 6px 0 0;
	font-size: 0.88rem;
	color: #66716a;
}
.chm--nav-app_menu .chm-app-menu-full-categories {
	padding: 0 16px 20px;
}
.chm--nav-app_menu .chm-app-menu-full-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}
@media (min-width: 480px) {
	.chm--nav-app_menu .chm-app-menu-full-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
.chm--nav-app_menu .chm-app-menu-full-grid .chm-app-menu-home-card {
	padding: 18px 16px;
	border-radius: 16px;
	box-shadow: 0 4px 14px rgba(15, 30, 22, 0.05);
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.chm--nav-app_menu .chm-app-menu-full-grid .chm-app-menu-home-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(15, 30, 22, 0.09);
	border-color: var(--chm-accent, #0f6b5c);
}
.chm--nav-app_menu .chm-app-menu-full-grid .chm-app-menu-home-card .chm-app-menu-home-icon {
	font-size: 1.6rem;
}
.chm--nav-app_menu .chm-app-menu-full-grid .chm-app-menu-home-card .chm-app-menu-home-name {
	font-size: 1rem;
	font-weight: 700;
}

/* Barra Superior de Productos (Volver a Categorías) */
.chm--nav-app_menu .chm-app-products-topbar {
	position: sticky;
	top: 0;
	z-index: 20;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 10px 16px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	border-bottom: 1px solid rgba(220, 226, 222, 0.7) !important;
	box-shadow: 0 2px 10px rgba(15, 30, 22, 0.03) !important;
}
.chm--nav-app_menu .chm-app-menu-back-cats {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	border: 1px solid #dce4de !important;
	background: #f7faf8 !important;
	color: #17241d !important;
	padding: 5px 14px 5px 6px !important;
	border-radius: 999px !important;
	font-family: inherit !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: 0 1px 4px rgba(15, 30, 22, 0.04) !important;
	transition: all 0.2s cubic-bezier(0.2, 0, 0, 1) !important;
	-webkit-tap-highlight-color: transparent !important;
}
.chm--nav-app_menu .chm-app-menu-back-cats:hover {
	background: #ffffff !important;
	border-color: var(--chm-accent, #0f6b5c) !important;
	color: var(--chm-accent, #0f6b5c) !important;
	transform: translateX(-2px) !important;
	box-shadow: 0 3px 8px rgba(15, 107, 92, 0.12) !important;
}
.chm--nav-app_menu .chm-app-menu-back-cats:active {
	transform: scale(0.96) !important;
}
.chm--nav-app_menu .chm-app-back-circle {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--chm-accent, #0f6b5c) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}
.chm--nav-app_menu .chm-app-menu-back-cats:hover .chm-app-back-circle {
	background: var(--chm-accent, #0f6b5c) !important;
	color: #ffffff !important;
}
.chm--nav-app_menu .chm-app-back-circle svg {
	width: 15px !important;
	height: 15px !important;
	display: block !important;
}
.chm--nav-app_menu .chm-app-back-label {
	font-weight: 600 !important;
	font-size: 0.85rem !important;
	letter-spacing: -0.01em !important;
}
.chm--nav-app_menu .chm-app-topbar-pill {
	display: none;
	align-items: center !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	background: rgba(15, 107, 92, 0.08) !important;
	color: var(--chm-accent, #0f6b5c) !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
	max-width: 160px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Pantalla de Búsqueda Global en App Menu */
.chm--nav-app_menu .chm-app-view--search {
	padding-bottom: 90px;
	min-height: 80vh;
}
.chm--nav-app_menu .chm-app-search-header {
	position: sticky;
	top: 0;
	z-index: 20;
	padding: 14px 16px 12px;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(220, 226, 222, 0.7);
	box-shadow: 0 2px 10px rgba(15, 30, 22, 0.03);
}
.chm--nav-app_menu .chm-app-search-input-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #f2f5f3;
	border: 1.5px solid #d9ded7;
	border-radius: 999px;
	padding: 4px 12px;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.chm--nav-app_menu .chm-app-search-input-wrap:focus-within {
	border-color: var(--chm-accent, #0f6b5c);
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(15, 107, 92, 0.12);
}
.chm--nav-app_menu .chm-app-search-icon {
	color: var(--chm-accent, #0f6b5c);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.chm--nav-app_menu .chm-app-search-input {
	flex: 1;
	border: none !important;
	background: transparent !important;
	outline: none !important;
	font-family: inherit !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	color: #17241d !important;
	padding: 8px 4px !important;
	box-shadow: none !important;
}
.chm--nav-app_menu .chm-app-search-clear {
	border: none;
	background: #dce4de;
	color: #55625b;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	transition: background-color .15s ease, color .15s ease;
}
.chm--nav-app_menu .chm-app-search-clear:hover {
	background: #c2cdc5;
	color: #17241d;
}
.chm--nav-app_menu .chm-app-search-meta {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.chm--nav-app_menu .chm-app-search-count {
	font-size: 0.8rem;
	font-weight: 600;
	color: #66716a;
}
.chm--nav-app_menu .chm-app-search-results {
	padding: 16px;
}
.chm--nav-app_menu .chm-app-search-suggestions {
	margin-bottom: 20px;
	padding: 14px 16px;
	background: #ffffff;
	border: 1px solid #dfe5df;
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(15, 30, 22, 0.03);
}
.chm--nav-app_menu .chm-app-search-sugg-title {
	margin: 0 0 10px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #66716a;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.chm--nav-app_menu .chm-app-search-sugg-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.chm--nav-app_menu .chm-app-search-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 7px 13px !important;
	border-radius: 999px !important;
	border: 1px solid #dce4de !important;
	background: #f7faf8 !important;
	color: #17241d !important;
	font-family: inherit !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
}
.chm--nav-app_menu .chm-app-search-chip:hover {
	background: #ffffff !important;
	border-color: var(--chm-accent, #0f6b5c) !important;
	color: var(--chm-accent, #0f6b5c) !important;
	transform: translateY(-1px) !important;
}
.chm--nav-app_menu .chm-app-search-empty {
	text-align: center;
	padding: 60px 20px;
}
.chm--nav-app_menu .chm-app-search-empty-icon {
	font-size: 2.5rem;
	margin-bottom: 12px;
	opacity: 0.7;
}
.chm--nav-app_menu .chm-app-search-empty h3 {
	margin: 0 0 8px;
	font-size: 1.15rem;
	font-weight: 700;
	color: #17241d;
}
.chm--nav-app_menu .chm-app-search-empty p {
	margin: 0;
	font-size: 0.88rem;
	color: #66716a;
	max-width: 320px;
	margin-inline: auto;
}


/* Pantalla de Bienvenida / Portada */
.chm-portal-landing {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	min-height: 100svh;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
	margin: 0 !important;
	padding: 0 !important;
}

.chm-portal-landing-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.12) 30%, rgba(0,0,0,0.45) 75%, rgba(0,0,0,0.75) 100%);
	z-index: 1;
	pointer-events: none !important;
}

.chm-portal-landing-container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 440px;
	min-height: 100vh;
	min-height: 100dvh;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: calc(env(safe-area-inset-top, 0px) + 14px) 24px calc(env(safe-area-inset-bottom, 0px) + 20px);
	box-sizing: border-box;
}

.chm-portal-landing-top {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-top: 0 !important;
}

.chm-portal-logo-wrap {
	text-align: center;
	max-width: 240px;
}

.chm-portal-logo-img {
	max-height: 85px;
	width: auto;
	object-fit: contain;
	filter: drop-shadow(0 3px 10px rgba(0,0,0,0.5));
}

.chm-portal-logo-text {
	margin: 0;
	font-size: 2.2rem;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-shadow: 0 3px 12px rgba(0,0,0,0.7);
}

.chm .chm-portal-lang-btn,
.chm button.chm-portal-lang-btn,
.chm-portal-lang-btn {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 46px !important;
	height: 46px !important;
	border-radius: 50% !important;
	background: #FAF4EC !important;
	background-color: #FAF4EC !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	color: #9E4A12 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
	transition: transform 0.18s ease, background 0.18s ease !important;
	padding: 0 !important;
	line-height: 1 !important;
}

.chm .chm-portal-lang-btn:hover,
.chm button.chm-portal-lang-btn:hover,
.chm-portal-lang-btn:hover,
.chm-portal-lang-btn:focus-visible {
	transform: scale(1.06) !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
}

.chm-portal-lang-icon {
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	color: #9E4A12 !important;
}

.chm-portal-lang-code {
	font-size: 11px !important;
	font-weight: 800 !important;
	color: #687176 !important;
	letter-spacing: 0.05em !important;
	margin-top: 1px !important;
}

/* Menú de Botones Verticales en Portada (Estilo Cofy Café Clarito) */
.chm-portal-cat-menu {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	width: 100% !important;
	max-width: 440px !important;
	margin: auto 0 !important;
	padding: 20px 0 !important;
	box-sizing: border-box !important;
}

@media (max-width: 480px) {
	.chm-portal-landing-container {
		padding: calc(env(safe-area-inset-top, 0px) + 10px) 16px calc(env(safe-area-inset-bottom, 0px) + 16px) !important;
	}
	.chm-portal-landing-top {
		margin-top: 0 !important;
	}
	.chm-portal-cat-menu {
		gap: 13px !important;
		padding: 10px 0 !important;
	}
}

.chm .chm-portal-btn-vertical,
.chm button.chm-portal-btn-vertical,
.chm-portal-btn-vertical {
	width: 100% !important;
	background: #FAF4EC !important;
	background-color: #FAF4EC !important;
	color: #9E4A12 !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	border-radius: 16px !important;
	padding: 16px 20px !important;
	min-height: 54px !important;
	font-size: clamp(1rem, 4.4vw, 1.25rem) !important;
	font-weight: 800 !important;
	letter-spacing: clamp(0.04em, 1.2vw, 0.1em) !important;
	text-align: center !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
	transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
	outline: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	line-height: 1.25 !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

@media (max-width: 480px) {
	.chm .chm-portal-btn-vertical,
	.chm button.chm-portal-btn-vertical,
	.chm-portal-btn-vertical {
		padding: 14px 16px !important;
		min-height: 50px !important;
	}
}

.chm .chm-portal-btn-vertical:hover,
.chm button.chm-portal-btn-vertical:hover,
.chm-portal-btn-vertical:hover,
.chm-portal-btn-vertical:focus-visible {
	background: #FFFDF9 !important;
	background-color: #FFFDF9 !important;
	transform: translateY(-2px) scale(1.01) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2) !important;
}

.chm .chm-portal-btn-vertical:active,
.chm button.chm-portal-btn-vertical:active,
.chm-portal-btn-vertical:active {
	transform: scale(0.98) !important;
}

.chm-portal-btn-text {
	color: #9E4A12 !important;
	font-weight: 800 !important;
	font-size: inherit !important;
	letter-spacing: inherit !important;
	text-transform: uppercase !important;
	text-align: center !important;
	display: block !important;
	max-width: 100% !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

/* Pie de Página de Portada */
.chm-portal-landing-footer {
	text-align: center;
	margin-top: 10px;
}

.chm-portal-subtitle {
	margin: 0;
	color: #ffffff;
	font-size: 0.88rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-shadow: 0 2px 8px rgba(0,0,0,0.85);
}

/* ==========================================================================
   VISTA DE CATÁLOGO / SUBCATEGORÍAS EN MODO PORTAL
   ========================================================================== */

.chm-portal-catalog-wrap {
	background: #FAF8F5;
	min-height: 100vh;
	width: 100%;
	animation: chmPortalFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes chmPortalFadeIn {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Cabecera Pegajosa Fija */
.chm-portal-sticky-header {
	position: sticky;
	top: var(--chm-sticky-top, 0);
	z-index: 100;
	overflow: hidden;
	background: #111415;
	box-shadow: 0 4px 18px rgba(0,0,0,0.18);
	min-height: 290px;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	box-sizing: border-box !important;
	transition: min-height 0.25s ease, box-shadow 0.25s ease;
}

.chm-portal-sticky-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 1;
	opacity: 1;
}

.chm-portal-sticky-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 18, 19, 0.42) 0%, rgba(14, 18, 19, 0.65) 100%);
	z-index: 2;
	pointer-events: none !important;
}

.chm-portal-sticky-topbar {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 16px 14px;
	max-width: 100% !important;
	margin: 0 auto;
	width: 100% !important;
	box-sizing: border-box;
	transition: padding 0.25s ease;
}

.chm-portal-back-btn {
	background: rgba(255, 255, 255, 0.22) !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	color: #ffffff !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer;
	transition: background 0.18s, transform 0.15s;
	padding: 0 !important;
	flex-shrink: 0;
	-webkit-backdrop-filter: blur(8px) !important;
	backdrop-filter: blur(8px) !important;
}

.chm-portal-back-btn svg {
	width: 20px;
	height: 20px;
	stroke: #ffffff !important;
	display: block;
}

.chm-portal-back-btn:hover {
	background: rgba(255, 255, 255, 0.32) !important;
	transform: scale(1.05);
}

.chm-portal-sticky-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-align: center;
	padding: 10px 8px;
}

.chm-portal-header-logo-img {
	max-height: 82px;
	width: auto;
	object-fit: contain;
	filter: drop-shadow(0 3px 10px rgba(0,0,0,0.5));
	transition: max-height 0.25s ease;
}

.chm-portal-header-logo-text {
	color: #ffffff;
	font-size: 1.85rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-shadow: 0 3px 10px rgba(0,0,0,0.6);
	transition: font-size 0.25s ease;
}

.chm-portal-sticky-topbar .chm-portal-lang-btn {
	position: static !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: #FAF4EC !important;
	background-color: #FAF4EC !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	color: #6C3610 !important;
	font-weight: 800 !important;
	font-size: 0.85rem !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer;
	flex-shrink: 0;
}
/* Pestañas de Categorías Principales en Cabecera */
.chm-portal-parent-tabs {
	position: relative;
	z-index: 3;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	-webkit-overflow-scrolling: touch !important;
	scroll-snap-type: x proximity;
	justify-content: flex-start !important;
	padding: 10px 16px 20px !important;
	max-width: 100% !important;
	margin: 0 auto;
	width: 100% !important;
	box-sizing: border-box !important;
}

.chm-portal-parent-tabs::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

.chm .chm-portal-parent-tab,
.chm button.chm-portal-parent-tab,
.chm-portal-parent-tab {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	min-width: fit-content !important;
	width: auto !important;
	background: rgba(18, 22, 24, 0.6) !important;
	background-color: rgba(18, 22, 24, 0.6) !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	border-radius: 12px !important;
	padding: 10px 18px !important;
	font-size: 0.88rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	word-break: keep-all !important;
	cursor: pointer !important;
	transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.15s, box-shadow 0.18s !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	box-sizing: border-box !important;
	-webkit-backdrop-filter: blur(8px) !important;
	backdrop-filter: blur(8px) !important;
	min-height: 44px !important;
	scroll-snap-align: start;
}

.chm .chm-portal-parent-tab span,
.chm-portal-parent-tab span {
	white-space: nowrap !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.chm .chm-portal-parent-tab:hover,
.chm button.chm-portal-parent-tab:hover,
.chm-portal-parent-tab:hover,
.chm .chm-portal-parent-tab:focus,
.chm button.chm-portal-parent-tab:focus,
.chm-portal-parent-tab:focus {
	background: rgba(255, 255, 255, 0.25) !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
	color: #FFFFFF !important;
	border-color: rgba(255, 255, 255, 0.85) !important;
	outline: none !important;
}

.chm .chm-portal-parent-tab.is-active,
.chm button.chm-portal-parent-tab.is-active,
.chm-portal-parent-tab.is-active,
.chm .chm-portal-parent-tab.is-active:hover,
.chm button.chm-portal-parent-tab.is-active:hover,
.chm-portal-parent-tab.is-active:hover,
.chm .chm-portal-parent-tab.is-active:focus,
.chm button.chm-portal-parent-tab.is-active:focus,
.chm-portal-parent-tab.is-active:focus {
	background: #FAF6F0 !important;
	background-color: #FAF6F0 !important;
	color: #A34810 !important;
	border: 1px solid #FAF6F0 !important;
	font-weight: 800 !important;
	box-shadow: 0 4px 14px rgba(0,0,0,0.22) !important;
	transform: translateY(-1px) !important;
}

/* Modo responsivo / compatibilidad hacia atrás */
.chm .chm-portal-parent-tabs--fit3,
.chm-portal-parent-tabs--fit3 {
	justify-content: flex-start !important;
	overflow-x: auto !important;
	gap: 10px !important;
}

.chm .chm-portal-parent-tabs--fit3 .chm-portal-parent-tab,
.chm .chm-portal-parent-tabs--fit3 button.chm-portal-parent-tab,
.chm-portal-parent-tabs--fit3 .chm-portal-parent-tab {
	flex: 0 0 auto !important;
	min-width: fit-content !important;
	width: auto !important;
	padding: 10px 18px !important;
	font-size: 0.88rem !important;
	white-space: nowrap !important;
	word-break: keep-all !important;
	min-height: 44px !important;
}

/* Contenedor del Catálogo */
.chm-portal-catalog-content {
	max-width: 600px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 16px 16px 70px !important;
	box-sizing: border-box !important;
}

.chm-portal-parent-panel {
	display: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

.chm-portal-parent-panel.is-active {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
	animation: chmPortalFadeIn 0.25s ease;
}

.chm-portal-empty-cat {
	text-align: center;
	padding: 40px 20px;
	color: #71717A;
	font-size: 0.95rem;
}

/* Botones de Subcategorías (Estilo Cofy) */
.chm-portal-subcat-group {
	margin-bottom: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.chm .chm-portal-subcat-banner,
.chm button.chm-portal-subcat-banner,
.chm-portal-subcat-banner {
	width: 100% !important;
	max-width: 100% !important;
	background: #B85012 !important;
	background-color: #B85012 !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 14px !important;
	padding: 16px 20px !important;
	margin: 12px auto !important;
	min-height: 54px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-shadow: 0 4px 14px rgba(184, 80, 18, 0.26) !important;
	cursor: pointer !important;
	transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.chm .chm-portal-subcat-banner:hover,
.chm button.chm-portal-subcat-banner:hover,
.chm-portal-subcat-banner:hover,
.chm .chm-portal-subcat-banner:focus,
.chm button.chm-portal-subcat-banner:focus,
.chm-portal-subcat-banner:focus,
.chm-portal-subcat-banner:focus-visible,
.chm .chm-portal-subcat-banner:active,
.chm button.chm-portal-subcat-banner:active,
.chm-portal-subcat-banner:active {
	background: #9E430C !important;
	background-color: #9E430C !important;
	color: #FFFFFF !important;
	outline: none !important;
	box-shadow: 0 6px 18px rgba(184, 80, 18, 0.35) !important;
}

.chm-portal-subcat-group.is-open .chm-portal-subcat-banner,
.chm .chm-portal-subcat-group.is-open .chm-portal-subcat-banner {
	background: #9E430C !important;
	background-color: #9E430C !important;
	color: #FFFFFF !important;
}

.chm-portal-subcat-group:first-child .chm-portal-subcat-banner {
	margin-top: 4px !important;
}

.chm-portal-subcat-title,
.chm-portal-subcat-banner:hover .chm-portal-subcat-title,
.chm-portal-subcat-banner:focus .chm-portal-subcat-title,
.chm-portal-subcat-banner:active .chm-portal-subcat-title {
	margin: 0 !important;
	color: #FFFFFF !important;
	font-size: clamp(0.95rem, 3.8vw, 1.15rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
	text-indent: 0.05em !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
	text-align: center !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

/* Estado cerrado: contenido oculto pero botón siempre visible */
.chm-portal-subcat-group:not(.is-open) .chm-portal-subcat-content {
	display: none !important;
}

/* Estado abierto: contenido visible con separación */
.chm-portal-subcat-group.is-open .chm-portal-subcat-content {
	display: block !important;
	margin-bottom: 24px !important;
	animation: chmPortalFadeIn 0.25s ease !important;
}

/* Cuadrícula de 2 columnas de Platos */
.chm-grid--portal {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

/* Tarjeta Estilo Portal (Diseño Real Cofy) */
.chm .chm-card.chm-card--portal,
.chm-card--portal {
	background: #FAF7F2 !important;
	background-color: #FAF7F2 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	border: 1px solid #ECE7E1 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
	display: flex !important;
	flex-direction: column !important;
	cursor: pointer !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease !important;
	box-sizing: border-box !important;
}

/* Supresión de etiquetas inyectadas por wpautop o temas en tarjetas */
.chm .chm-card > p,
.chm-card > p,
.chm .chm-card--portal > p,
.chm-card--portal > p,
.chm-card template,
.chm .chm-card template {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	line-height: 0 !important;
}

.chm .chm-card br,
.chm-card br,
.chm-portal-body br,
.chm-portal-foot br,
.chm-portal-add-btn br {
	display: none !important;
}

.chm .chm-card.chm-card--portal:hover,
.chm-card--portal:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09) !important;
}

.chm .chm-card--portal .chm-portal-media,
.chm-card--portal .chm-portal-media {
	position: relative !important;
	aspect-ratio: 1 / 1 !important;
	width: 100% !important;
	overflow: hidden !important;
	background: #F4EFEA !important;
}

.chm .chm-card--portal .chm-img,
.chm-card--portal .chm-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

.chm .chm-card--portal:hover .chm-img,
.chm-card--portal:hover .chm-img {
	transform: scale(1.03);
}

.chm .chm-card--portal .chm-portal-noimg,
.chm-card--portal .chm-portal-noimg {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #F4EFEA !important;
	color: #B85012 !important;
}

.chm .chm-card--portal .chm-portal-noimg svg,
.chm-card--portal .chm-portal-noimg svg {
	opacity: 0.35 !important;
}

/* Badge "Recomendado" sobre la imagen (Exacto a Cofy) */
.chm .chm-card--portal .chm-portal-badge,
.chm-portal-badge {
	position: absolute !important;
	top: 8px !important;
	left: 8px !important;
	background: #C25412 !important;
	background-color: #C25412 !important;
	color: #FFFFFF !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	padding: 4px 9px !important;
	border-radius: 6px !important;
	letter-spacing: 0.01em !important;
	z-index: 2 !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.22) !important;
	line-height: 1 !important;
}

/* Cuerpo de la tarjeta */
.chm .chm-card--portal .chm-portal-body,
.chm-card--portal .chm-portal-body {
	padding: 12px 12px 14px !important;
	background: #FAF7F2 !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
	box-sizing: border-box !important;
}

.chm .chm-card--portal .chm-portal-title,
.chm-card--portal .chm-portal-title {
	font-size: 0.98rem !important;
	font-weight: 800 !important;
	color: #2B2523 !important;
	line-height: 1.18 !important;
	text-transform: uppercase !important;
	margin: 0 0 6px 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	letter-spacing: 0.01em !important;
}

.chm .chm-card--portal .chm-portal-desc,
.chm-card--portal .chm-portal-desc {
	font-size: 0.78rem !important;
	line-height: 1.36 !important;
	color: #6E6660 !important;
	margin: 0 0 12px 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	flex: 1 !important;
}

/* Pie de tarjeta: Precio y Botón (+) en fila horizontal exacta */
.chm .chm-card--portal .chm-portal-foot,
.chm:not(.chm--lista) .chm-card--portal .chm-portal-foot,
.chm-card--portal .chm-portal-foot {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-top: auto !important;
	padding-top: 2px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.chm .chm-card--portal .chm-portal-price,
.chm:not(.chm--lista) .chm-card--portal .chm-portal-price,
.chm-card--portal .chm-portal-price {
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	color: #2B2523 !important;
	letter-spacing: -0.02em !important;
	line-height: 1 !important;
	margin: 0 !important;
}

.chm .chm-card--portal .chm-portal-add-btn,
.chm button.chm-portal-add-btn,
.chm-card--portal .chm-portal-add-btn {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #B85012 !important;
	background-color: #B85012 !important;
	color: #FFFFFF !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: transform 0.15s ease, background 0.15s ease !important;
	padding: 0 !important;
	box-shadow: 0 2px 6px rgba(184, 80, 18, 0.35) !important;
	flex-shrink: 0 !important;
	line-height: 1 !important;
}

.chm .chm-card--portal .chm-portal-add-btn svg,
.chm-portal-add-btn svg {
	width: 15px !important;
	height: 15px !important;
	stroke: #FFFFFF !important;
	stroke-width: 3.2 !important;
	display: block !important;
	pointer-events: none !important;
}

.chm .chm-card--portal .chm-portal-add-btn:hover,
.chm .chm-card--portal .chm-portal-add-btn:focus-visible,
.chm-portal-add-btn:hover,
.chm-portal-add-btn:focus-visible {
	background: #9E4A12 !important;
	background-color: #9E4A12 !important;
	transform: scale(1.12) !important;
}

@media (prefers-reduced-motion:reduce){
	.chm *,.chm-modal,.chm-modal *{transition:none!important;scroll-behavior:auto!important}
}

/* Portal: navegación inferior móvil, aislada del resto de modos. */
.chm--nav-portal .chm-portal-bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid rgba(15,107,92,.14);box-shadow:0 -6px 20px rgba(15,40,30,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.chm--nav-portal .chm-portal-bottom-btn{min-width:44px;min-height:44px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:12px;background:transparent;color:#64746e;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}
.chm--nav-portal .chm-portal-bottom-btn span:first-child{font-size:1.15rem;line-height:1}
.chm--nav-portal .chm-portal-bottom-btn.is-active{background:rgba(15,107,92,.1);color:var(--chm-accent,#0f6b5c)}
.chm--nav-portal .chm-portal-bottom-btn:focus-visible{outline:2px solid var(--chm-accent,#0f6b5c);outline-offset:2px}
.chm--nav-portal.chm--has-bottom-nav .chm-portal-landing,
.chm--nav-portal.chm--has-bottom-nav .chm-portal-catalog-wrap {
	padding-bottom: 78px;
}

/* Ocultar barra en la portada vertical si el ajuste portal_bottom_nav está en 'no' */
.chm--nav-portal[data-portal-landing-nav="no"]:not(.chm--in-catalog) .chm-bottom-nav,
.chm--nav-portal[data-portal-landing-nav="no"]:not(.chm--in-catalog) .chm-portal-bottom-nav {
	display: none !important;
}
@media (prefers-reduced-motion:reduce){.chm--nav-portal .chm-portal-bottom-btn{transition:none!important}}

/* App Menu: portada de categorías visual tipo menú digital. */
.chm--nav-app_menu .chm-app-menu-home-categories{max-width:100%!important;width:100%!important;margin:0 auto;padding:24px 16px 4px;background:var(--chm-app-paper,#f8f7f2);box-sizing:border-box!important}
.chm--nav-app_menu .chm-app-menu-home-categories h2{margin:0 0 14px;color:var(--chm-app-ink,#19231f);font-size:1.15rem;letter-spacing:-.02em}
.chm--nav-app_menu .chm-app-menu-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.chm--nav-app_menu .chm-app-menu-home-card{position:relative;min-height:106px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:15px;border:1px solid rgba(31,55,43,.1);border-radius:18px;background:#fff;color:var(--chm-app-ink,#19231f);text-decoration:none;box-shadow:0 5px 18px rgba(20,35,27,.07);overflow:hidden}
.chm--nav-app_menu .chm-app-menu-home-card:active{transform:scale(.98)}
.chm--nav-app_menu .chm-app-menu-home-icon{font-size:1.7rem;line-height:1}
.chm--nav-app_menu .chm-app-menu-home-name{font-weight:800;font-size:.9rem}
.chm--nav-app_menu .chm-app-menu-home-arrow{position:absolute;right:14px;bottom:13px;color:var(--chm-accent,#0f6b5c);font-size:1.1rem}
@media(min-width:700px){.chm--nav-app_menu .chm-app-menu-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ==========================================================================
   MODO BISTRO EDITORIAL: SUNLIT HEARTH & HERB (STITCH PROTOTYPE)
   Exclusivo para Opción 3 (tabs_fade)
   ========================================================================== */
.chm--nav-tabs_fade {
	--chm-bistro-primary: #E05A47;
	--chm-bistro-primary-hover: #c94a38;
	--chm-bistro-sage: #5B7553;
	--chm-bistro-amber: #F4A261;
	--chm-bistro-cream: #FCF9F8;
	--chm-bistro-surface: #FFFFFF;
	--chm-bistro-charcoal: #1B1C1C;
	--chm-bistro-muted: #5C605D;
	--chm-bistro-border: rgba(92, 60, 40, 0.12);
	--chm-bistro-shadow: 0 8px 24px rgba(92, 60, 40, 0.08);
	background: var(--chm-bistro-cream) !important;
	min-height: 100vh;
	box-sizing: border-box;
}

.chm--nav-tabs_fade .chm-bistro-shell {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 auto;
	background: var(--chm-bistro-cream);
	min-height: 100vh;
	padding-bottom: 110px;
	position: relative;
	box-sizing: border-box;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: var(--chm-bistro-charcoal);
}

/* 1. Header Superior Sticky Glassmorphism */
.chm-bistro-topbar {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(252, 249, 248, 0.88);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid var(--chm-bistro-border);
	padding: 12px 18px;
	transition: background 0.2s ease, box-shadow 0.2s ease;
}

.chm-bistro-topbar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.chm-bistro-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.chm-bistro-brand-title {
	font-family: 'Epilogue', Georgia, serif;
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--chm-bistro-charcoal);
	letter-spacing: -0.02em;
}

.chm-bistro-logo-img {
	height: 36px;
	max-height: 42px;
	max-width: 170px;
	width: auto;
	object-fit: contain;
	display: block;
}

.chm-bistro-table-pill {
	display: inline-flex;
	align-items: center;
	background: rgba(224, 90, 71, 0.12);
	color: var(--chm-bistro-primary);
	font-size: 0.75rem;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	letter-spacing: 0.02em;
	border: 1px solid rgba(224, 90, 71, 0.2);
}

.chm-bistro-topbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.chm-bistro-icon-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--chm-bistro-border);
	background: #fff;
	color: var(--chm-bistro-charcoal);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
	padding: 0;
}

.chm-bistro-icon-btn:active {
	transform: scale(0.92);
}

.chm-bistro-lang-btn {
	height: 34px;
	padding: 0 10px;
	border-radius: 999px;
	border: 1.5px solid var(--chm-bistro-border);
	background: #fff;
	color: var(--chm-bistro-charcoal);
	font-size: 0.78rem;
	font-weight: 800;
	cursor: pointer;
	letter-spacing: 0.05em;
	transition: all 0.15s ease;
}

.chm-bistro-lang-btn:active {
	background: var(--chm-bistro-primary);
	color: #fff;
}

/* 2. Tira Table Vibe & Comensales */
.chm-bistro-vibe-strip {
	padding: 14px 16px 8px;
}

.chm-bistro-vibe-card {
	background: #fff;
	border-radius: 18px;
	border: 1px solid var(--chm-bistro-border);
	box-shadow: var(--chm-bistro-shadow);
	padding: 12px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.chm-bistro-vibe-info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.chm-bistro-vibe-icon {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: rgba(224, 90, 71, 0.1);
	color: var(--chm-bistro-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.chm-bistro-vibe-texts {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.chm-bistro-vibe-title-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.chm-bistro-vibe-name {
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--chm-bistro-charcoal);
}

.chm-bistro-pulse-dot {
	width: 8px;
	height: 8px;
	background: #2E7D32;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 0 rgba(46, 125, 50, 0.4);
	animation: chmBistroPulse 2s infinite;
}

@keyframes chmBistroPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(46, 125, 50, 0.6);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(46, 125, 50, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(46, 125, 50, 0);
	}
}

.chm-bistro-vibe-sub {
	font-size: 0.78rem;
	color: var(--chm-bistro-muted);
	font-weight: 500;
}

.chm-bistro-diners-stepper {
	display: inline-flex;
	align-items: center;
	background: #FAF7F2;
	border: 1px solid var(--chm-bistro-border);
	border-radius: 14px;
	padding: 3px 6px;
	gap: 8px;
	flex-shrink: 0;
}

.chm-bistro-diner-btn {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	border: none;
	background: #fff;
	color: var(--chm-bistro-charcoal);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	transition: transform 0.1s ease;
	padding: 0;
}

.chm-bistro-diner-btn:active {
	transform: scale(0.88);
}

.chm-bistro-diners-indicator {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--chm-bistro-charcoal);
}

/* 3. Buscador Integrado */
.chm-bistro-search-section {
	padding: 8px 16px;
}

.chm-bistro-search-box {
	background: #fff;
	border: 1.5px solid var(--chm-bistro-border);
	border-radius: 16px;
	padding: 10px 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.03);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.chm-bistro-search-box:focus-within {
	border-color: var(--chm-bistro-primary);
	box-shadow: 0 4px 14px rgba(224, 90, 71, 0.15);
}

.chm-bistro-search-icon {
	color: var(--chm-bistro-muted);
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.chm-bistro-search-input {
	border: none !important;
	outline: none !important;
	background: transparent !important;
	width: 100% !important;
	font-size: 0.92rem !important;
	color: var(--chm-bistro-charcoal) !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.chm-bistro-search-input::placeholder {
	color: #999;
}

.chm-bistro-search-clear {
	background: #eee;
	border: none;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	font-size: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #666;
	flex-shrink: 0;
}

/* 4. Chips de Filtros Dietéticos */
.chm-bistro-filters-section {
	padding: 4px 0 10px;
}

.chm-bistro-filter-chips {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 4px 16px;
	scrollbar-width: none;
}

.chm-bistro-filter-chips::-webkit-scrollbar {
	display: none;
}

.chm-bistro-filter-chip {
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 700;
	border: 1.5px solid var(--chm-bistro-border);
	background: #fff;
	color: var(--chm-bistro-muted);
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.chm-bistro-filter-chip:active {
	transform: scale(0.95);
}

.chm-bistro-filter-chip.is-active {
	background: var(--chm-bistro-primary);
	color: #fff;
	border-color: var(--chm-bistro-primary);
	box-shadow: 0 4px 12px rgba(224, 90, 71, 0.3);
}

/* 5. Carrusel de Categorías con Máscaras de Gradiente y Auto-centrado */
.chm-bistro-cat-section {
	margin: 6px 0 14px;
}

.chm-bistro-fade-wrap {
	position: relative;
	overflow: hidden;
}

.chm-bistro-fade-edge {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	z-index: 5;
	pointer-events: none;
}

.chm-bistro-fade-left {
	left: 0;
	background: linear-gradient(to right, var(--chm-bistro-cream), rgba(252, 249, 248, 0));
}

.chm-bistro-fade-right {
	right: 0;
	background: linear-gradient(to left, var(--chm-bistro-cream), rgba(252, 249, 248, 0));
}

.chm-bistro-cat-scroll {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding: 8px 18px 14px;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.chm-bistro-cat-scroll::-webkit-scrollbar {
	display: none;
}

.chm-bistro-cat-card {
	flex-shrink: 0;
	width: 86px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 10px 6px;
	border-radius: 18px;
	border: 1.5px solid var(--chm-bistro-border);
	background: #fff;
	cursor: pointer;
	scroll-snap-align: center;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.chm-bistro-cat-card:active {
	transform: scale(0.95);
}

.chm-bistro-cat-thumb {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #FAF7F2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	transition: background 0.2s ease, transform 0.2s ease;
}

.chm-bistro-cat-emoji {
	line-height: 1;
}

.chm-bistro-cat-name {
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--chm-bistro-charcoal);
	text-align: center;
	line-height: 1.2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chm-bistro-cat-card.is-active {
	border-color: var(--chm-bistro-primary);
	background: #fff;
	box-shadow: 0 6px 18px rgba(224, 90, 71, 0.2);
	transform: translateY(-3px);
}

.chm-bistro-cat-card.is-active .chm-bistro-cat-thumb {
	background: var(--chm-bistro-primary);
	transform: scale(1.05);
}

/* 6. Cuadrícula de Platos Bistro Editorial (2 Columnas) */
.chm-bistro-catalog {
	padding: 0 12px;
}

.chm-grid--bistro {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

@media (min-width: 768px) {
	.chm-grid--bistro {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}
}

.chm-card--bistro {
	border-radius: 18px !important;
	border: 1px solid var(--chm-bistro-border) !important;
	background: #fff !important;
	box-shadow: var(--chm-bistro-shadow) !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.chm-card--bistro.is-hidden {
	display: none !important;
}

.chm-card--bistro:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(92, 60, 40, 0.12) !important;
}

.chm-bistro-media {
	aspect-ratio: 4/3;
	position: relative;
	overflow: hidden;
	background: #FAF7F2;
}

.chm-bistro-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.chm-card--bistro:hover .chm-bistro-img {
	transform: scale(1.03);
}

.chm-bistro-noimg {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #bbb;
	background: #f4eee6;
}

.chm-bistro-badges-wrap {
	position: absolute;
	top: 8px;
	left: 8px;
	display: flex;
	gap: 4px;
	z-index: 2;
	flex-wrap: wrap;
}

.chm-bistro-badge {
	font-size: 0.75rem;
	font-weight: 800;
	padding: 3px 8px;
	border-radius: 999px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: inline-flex;
	align-items: center;
	gap: 3px;
	letter-spacing: 0.01em;
}

.chm-bistro-badge--chef {
	background: rgba(224, 90, 71, 0.95);
	color: #fff;
	box-shadow: 0 2px 6px rgba(224, 90, 71, 0.35);
}

.chm-bistro-badge--tag {
	background: rgba(27, 28, 28, 0.75);
	color: #fff;
}

.chm-bistro-body {
	padding: 12px 10px !important;
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
}

.chm-bistro-head {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.chm-bistro-title {
	font-family: 'Epilogue', Georgia, serif;
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--chm-bistro-charcoal);
	line-height: 1.25;
	margin: 0;
	letter-spacing: -0.01em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.chm-bistro-price {
	font-family: 'Epilogue', Georgia, serif;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--chm-bistro-primary);
	white-space: nowrap;
}

.chm-bistro-desc {
	font-size: 0.78rem;
	color: var(--chm-bistro-muted);
	line-height: 1.35;
	margin: 0 0 4px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.chm-bistro-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgba(92, 60, 40, 0.08);
	padding-top: 8px;
	margin-top: auto;
	gap: 6px;
}

.chm-bistro-portion .chm-bistro-tag-pill {
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chm-bistro-sage);
	background: rgba(91, 117, 83, 0.12);
	padding: 2px 7px;
	border-radius: 999px;
	white-space: nowrap;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

/* Stepper Interactivo */
.chm-bistro-stepper {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: auto;
}

.chm-bistro-step-btn {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	transition: transform 0.15s ease, background 0.15s ease;
	flex-shrink: 0;
}

.chm-bistro-step-minus {
	border: 1.5px solid var(--chm-bistro-border);
	background: #fff;
	color: var(--chm-bistro-charcoal);
}

.chm-bistro-step-minus:active {
	transform: scale(0.88);
}

.chm-bistro-step-count {
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--chm-bistro-charcoal);
	min-width: 16px;
	text-align: center;
	transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.chm-bistro-step-add {
	border: none;
	background: var(--chm-bistro-primary);
	color: #fff;
	box-shadow: 0 2px 8px rgba(224, 90, 71, 0.35);
}

.chm-bistro-step-add:active {
	transform: scale(0.88);
}

.chm-bistro-view-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.76rem;
	font-weight: 700;
	color: var(--chm-bistro-primary);
	background: rgba(224, 90, 71, 0.08);
	padding: 4px 10px;
	border-radius: 999px;
	transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
	cursor: pointer;
}

.chm-card--bistro:hover .chm-bistro-view-pill {
	background: var(--chm-bistro-primary);
	color: #fff;
	transform: translateX(2px);
}

/* 7. Banner de Alérgenos */
.chm-bistro-allergy-banner {
	margin: 24px 0 16px;
	padding: 16px;
	border-radius: 18px;
	background: rgba(244, 162, 97, 0.14);
	border: 1.5px dashed rgba(224, 90, 71, 0.35);
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.chm-bistro-allergy-icon {
	color: var(--chm-bistro-primary);
	flex-shrink: 0;
	margin-top: 2px;
}

.chm-bistro-allergy-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.chm-bistro-allergy-title {
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--chm-bistro-charcoal);
}

.chm-bistro-allergy-desc {
	font-size: 0.82rem;
	color: var(--chm-bistro-muted);
	line-height: 1.4;
	margin: 0;
}

/* 8. Floating Order Summary Drawer / Cart Bar */
.chm-bistro-floating-cart {
	position: fixed;
	bottom: calc(68px + env(safe-area-inset-bottom));
	left: 16px;
	right: 16px;
	max-width: 648px;
	margin: 0 auto;
	z-index: 45;
	animation: chmFloatSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes chmFloatSlideUp {
	from {
		transform: translateY(30px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.chm-bistro-cart-pill {
	background: var(--chm-bistro-charcoal);
	color: #fff;
	border-radius: 999px;
	padding: 8px 10px 8px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.chm-bistro-cart-pill-info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.chm-bistro-cart-count-badge {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--chm-bistro-primary);
	color: #fff;
	font-weight: 800;
	font-size: 0.88rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chm-bistro-cart-pill-texts {
	display: flex;
	flex-direction: column;
}

.chm-bistro-cart-pill-label {
	font-size: 0.76rem;
	color: #ccc;
}

.chm-bistro-cart-pill-total {
	font-family: 'Epilogue', Georgia, serif;
	font-size: 1.05rem;
	font-weight: 800;
	color: #fff;
}

.chm-bistro-cart-view-btn {
	background: var(--chm-bistro-primary);
	color: #fff;
	font-weight: 800;
	font-size: 0.85rem;
	border: none;
	border-radius: 999px;
	padding: 9px 18px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	box-shadow: 0 3px 10px rgba(224, 90, 71, 0.35);
	transition: background 0.15s ease, transform 0.1s ease;
}

.chm-bistro-cart-view-btn:active {
	transform: scale(0.95);
	background: var(--chm-bistro-primary-hover);
}

/* 9. Barra Inferior Móvil Fija de 4 Botones */
.chm-bistro-bottom-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 50;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border-top: 1px solid var(--chm-bistro-border);
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
	padding: 6px 12px calc(6px + env(safe-area-inset-bottom));
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
}

.chm-bistro-bottom-nav button {
	flex: 1;
	min-height: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	border: none;
	background: transparent;
	color: var(--chm-bistro-muted);
	font-size: 0.76rem;
	font-weight: 700;
	cursor: pointer;
	border-radius: 12px;
	transition: color 0.15s ease, background 0.15s ease;
	padding: 4px 0;
}

.chm-bistro-bottom-nav button .chm-bistro-nav-icon {
	font-size: 1.25rem;
	line-height: 1;
}

.chm-bistro-bottom-nav button.is-active {
	color: var(--chm-bistro-primary);
	background: rgba(224, 90, 71, 0.08);
}

.chm-bistro-nav-cart-icon-wrap {
	position: relative;
	display: inline-flex;
}

.chm-bistro-nav-cart-badge {
	position: absolute;
	top: -6px;
	right: -10px;
	background: var(--chm-bistro-primary);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	border-radius: 999px;
	min-width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	border: 1.5px solid #fff;
}

/* 10. Modal Drawer "Mi Mesa y Resumen de Pedido" */
.chm-bistro-modal {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.chm-bistro-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.chm-bistro-modal-dialog {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 620px;
	background: #fff;
	border-radius: 28px 28px 0 0;
	max-height: 85vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2);
	animation: chmBistroDrawerUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes chmBistroDrawerUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}

.chm-bistro-modal-handle {
	width: 44px;
	height: 5px;
	background: #ddd;
	border-radius: 999px;
	margin: 12px auto 6px;
	flex-shrink: 0;
}

.chm-bistro-modal-header {
	padding: 12px 20px 14px;
	border-bottom: 1px solid var(--chm-bistro-border);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
}

.chm-bistro-modal-title {
	font-family: 'Epilogue', Georgia, serif;
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0;
	color: var(--chm-bistro-charcoal);
	letter-spacing: -0.01em;
}

.chm-bistro-modal-sub {
	font-size: 0.8rem;
	color: var(--chm-bistro-primary);
	font-weight: 700;
}

.chm-bistro-modal-close-btn {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: #FAF7F2;
	color: #666;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.chm-bistro-modal-body {
	padding: 16px 20px;
	overflow-y: auto;
	flex: 1;
}

.chm-bistro-cart-items-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 16px;
}

.chm-bistro-modal-empty {
	text-align: center;
	padding: 30px 10px;
	color: var(--chm-bistro-muted);
	font-size: 0.95rem;
}

.chm-bistro-cart-item-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(92, 60, 40, 0.12);
	gap: 12px;
}

.chm-bistro-cart-item-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
}

.chm-bistro-cart-item-title {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--chm-bistro-charcoal);
}

.chm-bistro-cart-item-unit-price {
	font-size: 0.78rem;
	color: var(--chm-bistro-muted);
}

.chm-bistro-cart-item-subtotal {
	font-family: 'Epilogue', Georgia, serif;
	font-size: 1rem;
	font-weight: 800;
	color: var(--chm-bistro-primary);
	min-width: 70px;
	text-align: right;
}

.chm-bistro-cart-notes-wrap {
	margin: 14px 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.chm-bistro-cart-notes-label {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--chm-bistro-charcoal);
}

.chm-bistro-cart-notes-input {
	width: 100% !important;
	border: 1.5px solid var(--chm-bistro-border) !important;
	border-radius: 14px !important;
	padding: 10px 14px !important;
	font-size: 0.88rem !important;
	box-sizing: border-box !important;
	resize: none !important;
	background: #FAF7F2 !important;
	color: var(--chm-bistro-charcoal) !important;
}

.chm-bistro-cart-notes-input:focus {
	border-color: var(--chm-bistro-primary) !important;
	outline: none !important;
	background: #fff !important;
}

.chm-bistro-cart-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.15rem;
	font-weight: 800;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 2px solid var(--chm-bistro-border);
}

.chm-bistro-cart-grand-total {
	font-family: 'Epilogue', Georgia, serif;
	font-size: 1.4rem;
	color: var(--chm-bistro-primary);
}

.chm-bistro-modal-footer {
	padding: 14px 20px calc(14px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--chm-bistro-border);
	background: #FAF7F2;
	flex-shrink: 0;
}

.chm-bistro-submit-order-btn {
	width: 100%;
	min-height: 52px;
	background: #25D366;
	color: #fff;
	font-size: 1.05rem;
	font-weight: 800;
	border-radius: 16px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35);
	cursor: pointer;
	transition: background 0.15s ease, transform 0.1s ease;
}

.chm-bistro-submit-order-btn:active {
	background: #1ebc5a;
	transform: scale(0.98);
}

/* ==========================================================================
   DESTACADOS (Global Badge & Nav Accents)
   ========================================================================== */
.chm .chm-badge--featured,
.chm-bistro-card-badge--chef {
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.chm .chm-tab--featured,
.chm .chm-carousel-item--featured {
	font-weight: 700;
}

.chm-portal-btn-vertical--featured {
	border-color: rgba(245, 158, 11, 0.3) !important;
}

.chm-portal-btn-vertical--featured .chm-portal-btn-icon {
	color: #f59e0b;
}

/* ==========================================================================
   BARRA INFERIOR FLOTANTE MÓVIL (BOTTOM NAVIGATION DOCK)
   Unificada para todos los estilos y adaptable dinámicamente de 1 a 5 botones.
   ========================================================================== */
.chm.chm--has-bottom-nav {
	padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

.chm-bottom-nav {
	position: fixed !important;
	z-index: 9999 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: space-around !important;
	gap: 4px;
	padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
	background: rgba(255, 255, 255, 0.94) !important;
	border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 -4px 20px rgba(15, 35, 25, 0.08) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	box-sizing: border-box !important;
}

/* Evita inyecciones duplicadas o botones de modal heredados cuando ya existe el botón nativo de Reservas */
.chm-bottom-nav:has([data-chm-nav="reservations"]) #chm-nav-reservas,
.chm-bottom-nav:has([data-chm-nav="reservations"]) .chr-bottom-nav-btn {
	display: none !important;
}

@media (min-width: 768px) {
	.chm-bottom-nav {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		width: min(560px, 92vw) !important;
		border: 1px solid rgba(0, 0, 0, 0.1) !important;
		border-bottom: 0 !important;
		border-radius: 20px 20px 0 0 !important;
		padding: 8px 12px !important;
	}
}

.chm-bottom-nav-item,
.chm-bottom-btn,
.chm-bottom-nav button,
.chm-bottom-nav a {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	gap: 3px !important;
	min-height: 48px !important;
	padding: 5px 2px !important;
	border: 0 !important;
	background: transparent !important;
	color: #19231f !important;
	text-decoration: none !important;
	cursor: pointer !important;
	font-family: inherit !important;
	font-size: 0.76rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.01em !important;
	border-radius: 10px !important;
	transition: color 0.18s ease, transform 0.12s ease, background-color 0.18s ease !important;
	-webkit-tap-highlight-color: transparent !important;
	box-sizing: border-box !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.chm-bottom-nav-item:hover,
.chm-bottom-btn:hover {
	color: var(--chm-primary, #0f6b5c) !important;
	background: rgba(15, 107, 92, 0.05) !important;
}

.chm-bottom-nav-item:active,
.chm-bottom-btn:active {
	transform: scale(0.92) !important;
}

.chm-bottom-nav-item.is-active,
.chm-bottom-btn.is-active {
	color: var(--chm-accent, var(--chm-primary, #0f6b5c)) !important;
	font-weight: 800 !important;
}

.chm-bottom-nav-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px !important;
	height: 22px !important;
	line-height: 1 !important;
	color: inherit !important;
}

.chm-bottom-nav-icon svg {
	width: 22px !important;
	height: 22px !important;
	display: block !important;
	stroke-width: 2.2 !important;
	stroke: currentColor !important;
	fill: none !important;
	transition: transform 0.15s ease !important;
}

.chm-bottom-nav-item.is-active .chm-bottom-nav-icon svg,
.chm-bottom-btn.is-active .chm-bottom-nav-icon svg {
	stroke-width: 2.4 !important;
	transform: translateY(-1px) !important;
}

.chm-bottom-nav-label {
	display: block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	text-align: center !important;
	font-size: 0.76rem !important;
	font-weight: 700 !important;
	color: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
	.chm-bottom-nav-item,
	.chm-bottom-btn,
	.chm-bottom-nav-icon svg {
		transition: none !important;
		transform: none !important;
	}
}