h2.carta-titulo img {
	display: block;
	margin: .5em auto .8em;
	width: 300px;
}

.carta-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
	margin: 0 auto 3em;
	max-width: 1100px;
}

.carta-bloque.full-width {
	grid-column: 1 / -1;
}

.content .content .carta-bloque h3 {
	display: block;
	position: relative;
	font-family: "Zilla Slab";
	font-style: italic;
	font-weight: 300;
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 1em;
	max-width: none;
	text-decoration: none;
}

.carta-bloque {
	font-family: Oswald;
	text-transform: uppercase;
}

.carta-bloque > p {
	font-size: .75em;
	text-align: center;
	max-width: 20em;
	margin: -1em auto 1.6em;
	z-index: 2;
}

.carta-bloque header {
	position: relative;
	overflow: hidden;
}

.zig-zag-line {
  position: absolute;
  left: 0;
  top: 26px;
  z-index: 1;
  --a: 90deg; /* control the angle */
  --s: 20px; /* size of the zig-zag */
  --b: 8px;  /* control the thickness */
  
  background: #fbac18;
  height: calc(var(--b) + var(--s)/(2*tan(var(--a)/2)));
  width: 100%;
  --_g:var(--s) repeat-x conic-gradient(from calc(var(--a)/-2) at bottom,
    #0000,#000 1deg calc(var(--a) - 1deg),#0000 var(--a));
  mask: 50% calc(-1*var(--b))/var(--_g) exclude,50%/var(--_g);
}

.content .content .carta-bloque header h3 {
	position: absolute;
	margin: 0;
	left: -100%;
}

.carta-bloque header img {
	display: block;
	position: relative;
	margin: 0 auto 1em;
	height: 65px;
	background-color: #fff;
	z-index: 2;
	padding: 0 1em;
}

.carta-bloque .happy-hour-box header {
		margin-top: -3em;
}

.carta-bloque .happy-hour-box header img {
	height: 120px;
	z-index: 1;
}

.content .content .carta-items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.content .content .carta-items li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: .85em;
	margin-bottom: .8em;
	border-bottom: 1px dotted; #333;
	padding-bottom: .3em;
}

.carta-items li:last-child {
	border-bottom: none;
}

.carta-items li .item-nombre {
	font-weight: 300;
	flex: 1;
	line-height: 1.3;
	flex-basis: 1;
	margin-right: 1em;
}

.carta-bloque li small {
	font-size: .8em;
	font-weight: 300;
	color: #999;
}

.carta-bloque.combos li small {
    display: inline-block; 
	font-size: .8em;
	font-weight: 300;
	color: #fff;
    text-shadow: none;
    background-color: #000;
    padding: .1em .5em .15em;
    transform: translateY(-.15em) 
}

.carta-items li .item-sub {
	font-size: .8em;
	font-weight: 300;
	display: block;
	color: #999;
}

.carta-items li.destacado .item-sub {
	position: absolute;
	top: -1.2em;
	left: 50%;
	transform: translateX(-50%);
	font-size: .9em;
	font-weight: 300;
	display: block;
	color: #999;
	background-color: #000;
	color: #fff;
	padding: .5em 1em;
}

.carta-items li .item-precio {
	font-family: Oswald;
	font-weight: 400;
	white-space: nowrap;
	font-size: .95em;
	align-self: flex-end;
}

.carta-items li .item-sizes {
	font-family: Oswald;
	font-weight: 400;
	white-space: nowrap;
	font-size: .95em;
	align-self: flex-end;
}

.content .carta-items li.destacado {
	position: relative;
	border: 3px solid #fbac18;
	margin: 2em 0;
	padding: 1.2em 2em 1em;
	font-weight: 500;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.content .carta-items li.destacado .item-precio {
	align-self: center;
	margin-top: .3em;
	font-size: 1.2em;
}

#beef-ribs {
	margin-right: 0;
	width: 100%;
}

#beef-ribs strong {
	display: block;
	line-height: 1;
	background: url('beef_ribs.svg') no-repeat center top;
	background-size: 100%px;
	height: 70px;
	text-indent: -200%;
	overflow: hidden;
}

.especiales-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.especial-dia {
	text-align: center;
	padding: 1em;
    width: calc(50% - 1em);
}

.especial-dia:not(:nth-child(2n)) {
	margin-right: 2em;
}

.especial-dia img {
	height: 150px;
	margin: 1em 0;
}

.especial-dia .dia-label {
	display: inline-block;
	font-family: Oswald;
	font-size: .75em;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: .3em;
	margin: 0 auto;
	background-color: #000;
	color: #fff;
	text-shadow: none;
	padding: .5em 1em;
}

.especial-dia .dia-nombre {
	font-family: Oswald;
	font-size: 1.6em;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: .5em;
	display: block;
	color: #fbac18;
}

.especial-dia .dia-desc {
	font-size: .75em;
	margin-bottom: .5em;
	display: block;
}

.especial-dia .dia-precios {
	font-family: Oswald;
	font-size: .875em;
	font-weight: 300;
}

span.nowrap {
    text-wrap: nowrap 
}

.carta-aviso {
	font-family: Oswald;
	text-transform: uppercase;
	font-size: .85em;
	max-width: 33em;
	margin: 0 auto 2em;
	text-align: center;
	line-height: 1.5;
}

.carta-nota {
	font-family: Oswald;
	text-transform: uppercase;
	font-size: .75em;
	text-align: center;
	padding: .7em 1em;
	border: 2px solid #000;
	max-width: 30em;
	margin: 0 auto 2em;
	background-color: #fbac18;
}

.happy-hour-box {
    text-align: center;
    padding: 1.5em;
    border: 4px solid #691c32;
    margin: 3em auto 0;

}

.happy-hour-box .hh-horario {
	font-family: Oswald;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: .8em;
	display: block;
}

.happy-hour-box .hh-promo {
	font-family: Oswald;
	font-size: 1.3em;
	font-weight: 300;
	margin-bottom: .8em!important;
	line-height: 1.3;
	color: #691d33;
}

.happy-hour-box .hh-promo small {
	font-style: italic;
}

.content .happy-hour-box ul {
	list-style: none;
	font-size: .8em;
	font-family: Oswald;
	text-transform: uppercase;
	line-height: 1.9;
	margin: 0;
}

.content .happy-hour-box ul li {
	margin-bottom: 0;
	font-size: 1.1em;
	line-height: 1.6;
}

.carta-divider {
	text-align: center;
	font-size: 1.2em;
	letter-spacing: .3em;
	color: #fbac18;
	margin: 1em 0 0;
	line-height: 1;
}

@media (max-width: 1100px) {
	
	h2.carta-titulo img {
		width: 210px;
	}
	
	.carta-grid {
		grid-template-columns: 1fr;
	}
	
	.carta-bloque.full-width {
		grid-column: 1;
	}
	
	section#carta {
		padding: 2em 1.2em;
	}
}

@media (max-width: 800px) {
	
	.especiales-grid {
		flex-direction: column;
	}

  .especial-dia {
    width: 100%;
  }

	.especial-dia:not(:nth-child(2n)) {
	  margin-right: 0;
  }

  .especial-dia:not(:last-child) {
		margin-right: 0;
	}
	
	.content .content .carta-bloque.al-ladito .carta-items li {
		flex-direction: column;
	}
	
	.content .content .carta-bloque.al-ladito .carta-items li .item-sizes {
		align-self: flex-start;
	}
}