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

	/* Ana 9/3 sent FuturaLTPro-Bold.otf. Converted to woff2/woff with the same pipeline
	   that produced the Book and Light faces already in fnt/, and declared here rather
	   than in estilos.css so no live file changes. Note the existing body faces are
	   Bitstream (Futura Bk/Lt BT) while this Bold is Linotype (Futura LT Pro) -- they
	   are different cuts of Futura, so the titles will not be a perfect sibling of the
	   body text, but this is the file the Figma specifies. */
	@font-face {
		font-family: "futubold";
		src: url("../fnt/futubd__-webfont.woff2") format("woff2"),
		     url("../fnt/futubd__-webfont.woff") format("woff");
		font-weight: normal;
		font-style: normal;
	}
	body {
		overflow-x: hidden!important;
	}
	/* #46: Figma's Contact layout has no map -- a full-width 4-column info grid instead.

	   v3 corrections, measured off Frame 58 on the "6 - Contact" Figma page:

	   1. ROW SYNC. In Figma every second-row title sits on the SAME baseline across all
	      four columns (row-1 title y=965, row-2 title y=1095 in frame coords -- a flat
	      130px offset regardless of how many lines the column's first entry has). v2 let
	      each column flow independently, so "The Surf Club Private" (3-line first entry)
	      floated ~40px above "Fort Realty" (4-line first entry). One 4x2 grid restores
	      the shared baseline: the tallest first-row entry (Lido, 5 lines) sets the row
	      height and every column's second entry starts together. Yes, this does leave a
	      taller gap under the shorter columns -- that gap is in the design.

	   2. LEFT EDGE. Each Figma column is a single text block, so both of its entries
	      share one left edge (col 1 sits at x=224 for both). v2 centered each entry box
	      inside its column, which gave the two rows different left edges. Entries are now
	      plain grid items, so they inherit the column's left edge.

	   3. CASING. Figma titles are Title Case ("The Surf Club Private"), not ALL CAPS --
	      the weight is what distinguishes them. text-transform is forced to none so the
	      inherited .contact .data rule can't re-uppercase them.

	   4. TRACKING. Ana asked for Figma's exact kerning. Frame 58 uses 5% on the titles
	      and 8% on the body -- more tracking on the body than the titles, the opposite
	      of what v2 had (1px on 12px titles = 8.3%, 0.5px on 11px body = 4.5%). Set in
	      em so it stays correct at any size.

	   Figma type: titles Futura LT Pro Bold 10/18, tracking 5%; body Futura LT Pro Book
	   10/18, tracking 8%. Only Futura Book (futubk) and Light (futult) are loaded as
	   webfonts on this site -- there is no true Bold Futura file -- so the titles keep
	   the synthetic bold-on-Book that the original contact.php template used. Sizes stay
	   at the site's 12/11px title/body convention rather than Figma's literal 10px. */
	/* Ana 9/3: "quite a lot of empty space at the top", and CJ read it as the gap sitting
	   above the entry block. Measured against Figma Frame 58 at its own 1445px width:

	     hero bottom -> cream band top     Figma  9 + 27 (scroller) + 6  =  42
	                                       here  20 + 53 (scroller) + 45 = 118
	     cream band top -> first row       Figma 133   here 110

	   So the block itself was already TIGHTER than the design; the excess was all in the
	   scroller region above it. Our scroller component is 53px tall against Figma's 27
	   and is shared with every other page, so rather than restyle it, the two gaps around
	   it are closed and the band's own top padding absorbs the 26px difference. What the
	   eye actually reads is the whole run of whitespace from the photo down to the first
	   line of text: Figma 175px, this page now 174px. */
	.contact .scroller { margin-top: 9px !important; margin-bottom: 0 !important; }
	/* v5, Ana 10/5: spacing above vs below the grid still unequal. The 60/60 padding
	   below was right, but the gap above it was inflated by the hero wrapper (#conter is
	   forced to height:100vh sitewide, leaving a viewport-dependent dead zone under the
	   scroller) and by the hero's scroll-triggered scale(0.8) effect. Both are neutralized
	   on this page so the gap above the first row is just the band's own 60px padding. */
	.contact #conter { height: auto !important; }
	.contact #cont-first.smaller { transform: none !important; }
	.contact #address { margin-top: 0 !important; }
	/* CJ 9/8: less space above the addresses.
	   v4, Ana 9/18: "please make the top and bottom spacing equal so everything is
	   vertically centered". Measured on the live page, the cream band ran 60px from its
	   top edge down to the first line of text but 78px from the last line to its bottom
	   edge. Matched the bottom up to the top rather than the other way round, so the 9/8
	   value above the block -- set to land the whole run of whitespace from the photo to
	   the first line on Figma's 175px -- is left intact. Band now reads 60 / 60. */
	/* v6, Ana 10/26: balanced now but "a bit tight" -- wants more breathing room both
	   above and below. Kept the two equal and raised each from 60 to 100px. */
	.contact .contact-grid-wrap { padding-top: 100px !important; padding-bottom: 100px !important; }

	.contact-grid-wrap { max-width: 1080px; margin: 0 auto; }
	.contact-grid-list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		/* CJ 9/8: "Four Seasons Hotel at The Surf Club" was wrapping to two lines, which
		   also knocked that column's addresses out of line with the other three. Cause is
		   the font swap: the real Futura LT Pro Bold is wider than the synthetic bold it
		   replaced, and that title needs 244px against a 240px column -- short by 4px.
		   Narrowing the gutter from 40 to 24 gives 252px columns, which also lands on
		   Figma's own column pitch of ~249px. */
		column-gap: 24px;
		row-gap: 45px;
		align-items: start;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.contact-grid-list p.title {
		/* was font-weight:bold on Futura Book -- the browser was faking the weight
		   because no true Bold was loaded. Now the real face, so weight stays normal
		   to avoid synthesising bold on top of an already-bold font. */
		font-weight: normal;
		font-family: "futubold", "futu", Arial, Helvetica, sans-serif;
		text-transform: none;
		letter-spacing: 0.05em;
		/* v6, Ana 10/26: one point smaller, titles only. */
		font-size: 11px;
		margin: 0 0 4px;
	}
	.contact-entry p:not(.title) {
		font-family: 'futu', Arial, Helvetica, sans-serif;
		letter-spacing: 0.08em;
		line-height: 20px;
		font-size: 11px;
		margin: 0;
	}
	.contact-entry p:not(.title) a { letter-spacing: inherit; }
	@media only screen and (min-width: 901px) {
		.contact-grid-list p.title { white-space: nowrap; }
	}
	@media only screen and (max-width: 1120px) {
		.contact-grid-wrap { padding: 0 40px; }
	}
	@media only screen and (max-width: 900px) {
		.contact-grid-list { grid-template-columns: repeat(2, 1fr); }
	}
	@media only screen and (max-width: 600px) {
		.contact-grid-wrap { padding: 0 20px; }
		.contact-grid-list { grid-template-columns: 1fr; row-gap: 30px; }
	}