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

	body {
		overflow-x: hidden!important;
	}

	/* #42 - narrow "THE SURF CLUB TODAY" paragraph so it occupies more height.
	   #56: the title needs more room than the paragraph -- 210px made "THE SURF
	   CLUB TODAY" wrap to 2 lines, but Figma has it on one line -- so the title
	   gets the wider outer container and only the paragraph itself is narrowed. */
	.tsc-today-txt {
		max-width: 320px;
		margin: 0 auto;
	}
	/* v3 fix per Ana: on review, all body paragraphs (Today/Yesterday/Tomorrow) should
	   read fully justified, matching "Tomorrow". The earlier left-align override (added
	   because justify at this column's original 210px width stretched word-spacing
	   unevenly) is removed, and the paragraph is widened to 280px so justify has enough
	   room per line to avoid that stretching. */
	.tsc-today-txt p.txt-text {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	/* v4, Ana 8/21: "the spacing between words still looks a little odd -- please
	   left-align the text if full justification isn't working properly". Widening the
	   column to 280px (v3) reduced the stretched word-spacing but did not remove it:
	   this paragraph contains several long unbreakable runs ("Four Seasons Hotel",
	   "The Surf Club Restaurant", the nowrap "Atlantic Ocean") which force wide gaps on
	   the lines they land on no matter how wide the measure gets. Left-aligned as she
	   asked -- the .justify class stays on the markup so this is a one-line revert. */
	.tsc-today-txt p.txt-text { text-align: left !important; }

	/* v5, Ana 9/18: "please left-align the title to match the paragraph". Left-aligning
	   the paragraph last round left the heading centred above it, so the two no longer
	   shared a left edge -- the heading sits inside .picap.center, which is what was
	   centring it. Measured: the block is 255px wide and the heading sets one 242px
	   line, so it was starting 6px in from the paragraph's left edge. Left-aligned, both
	   now start on the same pixel, and the heading still fits on one line at this
	   measure so nothing wraps. */
	.tsc-today-txt p.title { text-align: left !important; }

	/* v4, Ana 8/21: "can we move it, along with the title, a bit higher so it's more
	   centered with the image on the right?". Measured both sides: on the live page the
	   title+paragraph block centred 18px BELOW the centre of the photo beside it, while
	   Figma ("2 - The Surf Club") has the two centred on each other -- text centre 237.5
	   vs photo centre 240 in frame coords. Lifted by that 18px. Desktop only: on mobile
	   the two stack, so there is nothing to centre against. */
	.tsc-yesterday-txt { margin-top: -18px; }

	/* #4 - keep "Atlantic Ocean" from wrapping/orphaning at the largest breakpoint */
	.tsc-nowrap { white-space: nowrap; }

	/* v2 fix per Ana: Nadim Ashi's closing quote had no line-width limit, so at this
	   section's full 860px it ran noticeably longer per line than every other quote on
	   the page. Matched to the same ~475px measure the Richard Meier quote above uses. */
	.tsc-nadim-quote { max-width: 650px; margin-left: auto; margin-right: auto; }

	/* v2 fix, second pass: the space above and below this quote was built with
	   "<br><br>" spacer tags rather than real margin -- since one sits right after a
	   full-width image and the other right after a short line of text, the two <br><br>
	   pairs rendered visibly different heights even though the markup looked symmetric.
	   Replaced with explicit, equal margins on both sides. */
	.tsc-nadim-quote-spacing { margin-top: 60px !important; margin-bottom: 15px !important; }
	.tsc-nadim-author-spacing { margin-bottom: 60px !important; }

	@media only screen and (max-width: 600px) {
		.tsc-today-txt { max-width: 100%; }
		.tsc-yesterday-txt { margin-top: 0; }
	}