/* Launched 2026-10-28 from restaurants-tmp3.php. Page-specific redesign styles, loaded via $acs[] so
   estilos.css stays untouched. */

	body {
		overflow-x: hidden!important;
	}

	/* #17/#18/#19 - each restaurant logo sat with unequal space above vs. below, so none of
	   the three read as vertically centred in its own band.

	   Use symmetric PADDING rather than margin: the logo bands are preceded by an <hr> whose
	   100px bottom margin collapses with the wrapper's top margin, which is what made the
	   space above and below unequal in the first place. Padding does not collapse, so the
	   band is exactly LOGO_BAND above and below regardless of what precedes it. The <hr>
	   rules below therefore carry a 0 bottom margin - this padding supplies that space. */
	.rest-logo-fix {
		margin: 0 auto !important;
		padding: 100px 0 !important;
		text-align: center !important;
	}

	/* A symmetric band alone still reads as uneven, because the content on either side brings
	   its own leading. Offset each band by that difference so the *measured* gap above and
	   below the logo matches (Winston's needs no offset - its neighbours are symmetric):
	     Lido - the white hero above contributes 45px, the section title below only 26px
	     TSC  - the title below it carries a -25px margin-top */
	.rest-logo-fix.lido-band { padding-top: 90px !important; padding-bottom: 115px !important; }
	.rest-logo-fix.tsc-band  { padding-bottom: 105px !important; }

	/* v3, Ana 8/21: "the logos are centered, thank you. However, the LIDO and TSCR logos
	   have too much margin above and below them. Please reduce the spacing a little."
	   Winston's was not flagged, so it sets the target. Measured on the live page, the
	   bands came out 367px (Lido) / 372px (TSCR) / 310px (Winston) tall -- the first two
	   read heavier because their marks are stacked and ~50px taller than Winston's wide
	   wordmark, not because their padding was larger. Taking 25px off each side of the
	   two flagged bands (keeping the small asymmetry offsets that make each logo read as
	   centred) brings all three to roughly the same overall height: 317 / 322 / 310. */
	.rest-logo-fix.lido-band { padding-top: 65px !important; padding-bottom: 90px !important; }
	.rest-logo-fix.tsc-band  { padding-top: 75px !important; padding-bottom: 80px !important; }

	@media only screen and (max-width: 600px) {
		.rest-logo-fix,
		.rest-logo-fix.lido-band,
		.rest-logo-fix.tsc-band { padding: 50px 0 !important; }
	}

	/* Lido's logo has no intrinsic max-width, so its rendered size depends entirely on what
	   the "w40" class resolves against. Pin it explicitly to the size it has always rendered
	   at (216px) so it can never be resized by a change to its wrapper again - the other two
	   logos already carry their own max-width inline. */
	.rest-logo-fix img.lido-logo { max-width: 216px !important; width: 100% !important; }

	/* ...but on mobile keep the original "cnt-mob-50" behaviour (50% of the wrapper, 184px at
	   375px wide) rather than letting the desktop pin widen it. */
	@media only screen and (max-width: 600px) {
		.rest-logo-fix img.lido-logo { max-width: none !important; width: 50% !important; }
	}