/* ============================================================
   Ajustes Olive Garden Guatemala sobre la plantilla internacional.
   Se carga después de master.css para no modificar la plantilla.
   ============================================================ */

/* ---------- Hero: titular en HTML (antes era banner-text.png en inglés) ---------- */
.banner-section .overlay .text-box p{
	display: block;
	font-size: 52px;
	line-height: 60px;
	text-transform: uppercase;
	max-width: 760px;
	margin-bottom: 10px;
}
.banner-section .overlay .text-box .hero-sub{
	font-family: og-reg;
	font-size: 20px;
	line-height: 28px;
	text-transform: none;
	margin-bottom: 0;
}
@media(max-width: 991px){
	.banner-section .overlay .text-box p{
		font-size: 32px!important;
		line-height: 40px!important;
	}
	.banner-section .overlay .text-box .hero-sub{
		font-family: og-reg!important;
		font-size: 17px!important;
		line-height: 24px!important;
		font-weight: 400!important;
		padding: 0 20px;
	}
}

/* ---------- Slider de menú: todas las fotos con la misma proporción ---------- */
.menu-slider .menu-item img{
	width: 100%;
	aspect-ratio: 334 / 350;
	object-fit: cover;
}

/* ---------- Navegación ---------- */
.navbar-nav .nav-item .nav-link.active{
	color: #54301A;
	border-bottom: 2px solid #54301A;
}

/* ---------- Logos de delivery (Uber Eats / PedidosYa) ---------- */
.logo-wrapper .delivery-logo{
	text-align: center;
	padding: 10px 0;
}
.pedidosya{
	width: 100%;
	max-width: 150px;
}
.delivery-brands .brand-name a{
	display: inline-block;
}
.delivery-brands .brand-name .pedidosya{
	max-width: 190px;
}
.brand-name .brand-cta{
	display: inline-block;
	margin-top: 18px;
}

/* ---------- Ubicación ---------- */
.location-address-parent .address-parent{
	height: 100%;
}
.location-address-parent .address-parent .brown-btn + .border-btn{
	margin-top: 12px;
}
.location-map-wrap{
	height: 100%;
	min-height: 380px;
	border-radius: 8px;
	overflow: hidden;
}
.location-map-wrap iframe{
	width: 100%;
	height: 100%;
	min-height: 380px;
	border: 0;
}
.hours-list{
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	font-family: og-reg;
	color: #404040;
}
@media(max-width: 767px){
	.location-map-wrap{
		margin-top: 30px;
	}
}

/* ---------- Formularios ---------- */
.form-status{
	margin-top: 14px;
	font-family: og-reg;
	font-size: 15px;
}
.form-status.ok{ color: #2f6b1f; }
.form-status.error{ color: #a12a1a; }
footer .form-status{ color: #fff; }
.form-consent{
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-family: og-reg;
	font-size: 14px;
	color: #404040;
	text-align: left;
}
.form-consent input{ margin-top: 4px; }
.form-consent a{ color: #54301A; }
.hp-field{
	position: absolute;
	left: -9999px;
}

/* ---------- Página de privacidad ---------- */
.legal-page{
	padding: 60px 0 80px;
}
.legal-page h1{
	font-family: og-extrabold;
	color: #54301A;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.legal-page h2{
	font-family: og-med;
	color: #54301A;
	font-size: 22px;
	margin-top: 32px;
}
.legal-page p,
.legal-page li{
	font-family: og-reg;
	color: #404040;
	line-height: 1.7;
}

/* ---------- Página de menú temporal (/qr) y 404 ---------- */
.simple-page{
	padding: 100px 0;
	text-align: center;
}
.simple-page h1{
	font-family: og-extrabold;
	color: #54301A;
	text-transform: uppercase;
}
.simple-page p{
	font-family: og-reg;
	color: #404040;
	margin: 20px auto 30px;
	max-width: 560px;
}

/* ---------- Tarjetas de regalo ---------- */
.gift-contact-desc a{
	color: inherit;
	font-weight: 600;
}

/* ---------- Ubicación: título del banner centrado en móvil (la plantilla lo cortaba) ---------- */
@media(max-width: 767px){
	.loction-banner h3{
		top: 50%;
		transform: translateY(-50%);
		margin: 0 0 0 20px;
		font-size: 24px;
		line-height: 30px;
	}
}