:root {
	--palta-primary: #568203;
	--palta-primary-hover: #426303;
	--palta-secondary: ;
	--palta-invert: #fff;
	--palta-dark: #333;
	--palta-grey: #CCC;
	--palta-success: #4CAF50;
	--palta-success-hover: #43a047;
	--palta-danger: #e53935;
	--palta-danger-hover: #e53935;
	--palta-light: #eee;
	--palta-light-hover: #d6d6d6;
	--gap: 10px;
	--gap-sm: calc(var(--gap) / 2);
	--gap-lg: calc(var(--gap) * 2);
	--gap-xlg: calc(var(--gap) * 3);
	--palta-radius: 5px;
	--palta-radius-lg: calc(var(--palta-radius) * 2);
}

/* Forms */
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {
	height: 46px;
}

.palta-form-label {
	display: inline-block;
	margin-bottom: var(--gap);
}
.palta-form-label-radio {
	display: block;
	font-weight: normal;
}

/* Texts */
.palta-text-error {
	color: var(--palta-danger);
}

/* Margins */
.palta-m-0 {
	margin: 0 !important;
}
.palta-mt-0 {
	margin-top: 0 !important;
}
.palta-mt-1 {
	margin-top: var(--gap-sm) !important;
}
.palta-mt-2 {
	margin-top: var(--gap) !important;
}
.palta-mt-3 {
	margin-top: var(--gap-lg) !important;
}
.palta-mt-4 {
	margin-top: var(--gap-clg) !important;
}
.palta-mb-0 {
	margin-bottom: 0 !important;
}
.palta-mb-1 {
	margin-bottom: var(--gap-sm) !important;
}
.palta-mb-2 {
	margin-bottom: var(--gap) !important;
}
.palta-mb-3 {
	margin-bottom: var(--gap-lg) !important;
}
.palta-mb-4 {
	margin-bottom: var(--gap-xlg) !important;
}

/*Listas*/
.palta-list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: var(--palta-radius);
}
.palta-list-group-item {
	position: relative;
	display: block;
	padding: var(--gap) var(--gap-lg);
	color: var(--palta-dark);
	text-decoration: none !important;
	background-color: var(--bs-list-group-bg);
	border: 1px solid var(--palta-grey);
	&:first-child {
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
	}
	&:last-child {
		border-bottom-right-radius: inherit;
		border-bottom-left-radius: inherit;
	}
	+.palta-list-group-item {
		border-top-width: 0;
	}
}

.palta-list-group-item-action {
	width: 100%;
	color: var(--palta-dark);
	text-align: inherit;
	&:not(.active):focus,
	&:not(.active):hover {
		z-index: 1;
		color: var(--palta-dark);
		text-decoration: none;
		background-color: var(--palta-light);
	}
}

/*Botones*/
.palta-btn {
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-bottom-width: 0;

	color: var(--palta-invert);
	border-color: var(--palta-primary);
	background-color: var(--palta-primary);

	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;

	display: inline-block;

	font-family: inherit;
	font-weight: 500;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1em;
	text-decoration: none !important;
	text-align: center;
	vertical-align: baseline;

	border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	&:hover {
		color: var(--palta-invert);
		border-color: var(--palta-primary-hover);
		background-color: var(--palta-primary-hover);
	}
}
.palta-btn-primary {}
.palta-btn-light {
	color: var(--palta-dark);
	border-color: var(--palta-light);
	background-color: var(--palta-light);
	&:hover {
		color: var(--palta-dark);
		border-color: var(--palta-light-hover);
		background-color: var(--palta-light-hover);
	}
}


/* Pagina Inventario */
.palta-listado-inventario {
	ul {
		padding: 0;
		margin: 0;
		display: grid;
		grid-gap: var(--gap);
		grid-template-columns: repeat(2, 1fr);
		list-style: none;
		@media (min-width: 641px) {
			grid-template-columns: repeat(2, 1fr);
		}
		@media (min-width: 981px) {
			grid-template-columns: repeat(3, 1fr);
		}
		li {
			padding: var(--gap-lg);
			background-color: var(--palta-light);
			border-radius: var(--palta-radius-lg);
			text-align: center;
			.palta-inventario-comida-nombre {
				font-weight: 600;
				line-height: 1.1em;
				@media (min-width: 981px) {
					font-size: 1.5em;
				}
			}
			.palta-inventario-comida-stock {
				font-weight: bold;
				font-size: 2em;
				line-height: 1.1em;
				@media (min-width: 981px) {
					font-size: 2.5em;
				}
				@media (min-width: 1281px) {
					font-size: 3em;
				}
			}
		}
	}
	
}


/* Pagina Carta */
.palta-carta-template {}
#paltaCartaFeaturedImage {
	margin-top: var(--gap-lg);
	margin-bottom: var(--gap-lg);
	border-radius: var(--palta-radius-lg);
}
#paltaCarta {
	.palta-grupo-comida {
		.palta-tipo-descripcion {
			font-style: italic;
		}
		.palta-grupo-comida-item {
			display: flex;
			gap: var(--gap);
			align-items: center;
			img {
				width: 50px;
				height: 50px;
				object-fit: cover;
				border-radius: var(--palta-radius);
				border: solid 1px var(--palta-grey);
			}
		}
	}
}
.palta-agotado {
	opacity: .5;
}
.palta-stock {
	font-size: 12px;
}

/* Pagina Confirmacion Pedido */
#paltaConfirmation {
	ul {
		margin-top: 0;
	}
}

/* Pagina Pedidos */
#paltaPedidosFiltros {
	margin-bottom: var(--gap-lg);
	display: grid;
	grid-gap: var(--gap);
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 1fr;
}
#paltaTablePedidos {
	th {
		text-align: left;
	}
	td, th {
		padding: .5em;
		line-height: 1.1em;
	}
}
#paltaTableResume {
	display: grid;
	grid-gap: var(--gap);
	grid-template-columns: repeat(2, 1fr);
	.palta-table-count {
	}
	.palta-table-pagination {
		text-align: right;
	}
}

/* Pagina Imprimir */
.palta-print-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.etiqueta {
	border: 1px solid #000;
	padding: 10px;
	font-size: 12px;
	page-break-inside: avoid;
}

/* SOLO impresión */
@media print {
	@page {
		size: A4;
		margin: 5mm;
		padding: 0;
	}
	/* Oculta TODO */
	body * {
		padding: 0;
		visibility: hidden;
	}

	/* Muestra SOLO tu bloque */
	.palta-print,
	.palta-print * {
		visibility: visible;
	}

	/* Lo posiciona arriba a la izquierda para imprimir limpio */
	.palta-print {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	
	.etiqueta {
		break-inside: avoid;
	}
}