https://santamartina.cl/

1<!DOCTYPE html>
2<html lang="es">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<!-- Google Tag Manager -->

7<script>

7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
10'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
11})(window,document,'script','dataLayer','

11GTM-T576NXCR

11');

11</script>

11
12<!-- End Google Tag Manager -->

13<script>(function(){try{if(localStorage.getItem("theme")==="light")document.documentElement.setAttribute("data-theme","light");}catch(e){}})();</script>

13
14<title>Santa Martina Country Club</title>
15<meta name="description" content="Santa Martina Country Club — un club social y familiar donde la naturaleza, el disfrute y la comunidad se juntan para devolverte la mejor manera de vivir tu tiempo.">
16
17<!-- Favicon (SVG moderno + PNG de respaldo). REEMPLAZAR con el isotipo -->
18<link rel="icon" type="image/svg+xml" href="imagenes/favicon.svg">
19<link rel="icon" type="image/png" sizes="32x32" href="imagenes/favicon-32.png">
20<link rel="apple-touch-icon" href="imagenes/apple-touch-icon.png">
21
22<!-- Open Graph (compartir en redes / WhatsApp). REEMPLAZAR url y og-image -->
23<meta property="og:type" content="website">
24<meta property="og:title" content="Santa Martina Country Club">
25<meta property="og:description" content="Comparte lo bueno. Club social y familiar: naturaleza, deporte y vida social en un entorno único.">
26<meta property="og:image" content="imagenes/og-image.jpg">
27<meta property="og:locale" content="es_CL">
28<meta name="twitter:card" content="summary_large_image">
29
30<link rel="preconnect" href="https://fonts.googleapis.com">
31<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
32<link href="https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Taviraj:ital,wght@0,400;0,500;1,400;1,500;1,600&display=swap" rel="stylesheet">
33
34<!-- BICYCLETTE (tagline "Comparte lo bueno").
35     No está en Google Fonts (foundry Kostić / Adobe Fonts, es de pago).
36     OPCIÓN A (recomendada): activa Bicyclette en tu proyecto de Adobe Fonts (incluido en tu Creative Cloud)
37     y pega aquí el <link> del web project kit que Adobe genera. Ej:
38     <link rel="stylesheet" href="https://use.typekit.net/TU_KIT_ID.css">
39     OPCIÓN B: self-host el .woff2 con licencia web de la foundry y descomenta el @font-face de styles.css.
40     Mientras no se active, el tagline usa Taviraj como respaldo automático (definido en el CSS). -->
41
42<link rel="stylesheet" href="styles.css?v=20260916">
43</head>
44<body>
45<!-- Google Tag Manager (noscript) -->

45
46<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

46GTM-T576NXCR

46"
47height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

48<!-- End Google Tag Manager (noscript) -->
49
50<!-- ============ ÚLTIMAS NOTICIAS (popup, contenido generado por script.js desde ultimas-noticias/slides.txt) ============ -->
51<div id="news-popup-root"></div>
52<div id="easycancha-popup-root"></div>
53<div id="whatsapp-fab-root"></div>
54<div id="back-to-top-root"></div>
55
56<!-- ============ HEADER ============ -->
57<header class="site-header" id="siteHeader">
58  <div class="header-inner">
59    <a href="index.html" class="brand" aria-label="Santa Martina Country Club — inicio">
60      <!-- REEMPLAZAR: logo horizontal crema (negativo). SVG con texto vectorizado a trazos -->
61      <img src="imagenes/logo-crema-sm.svg" alt="Santa Martina Country Club" class="brand-logo brand-logo--dark">
62
63      <img src="imagenes/logo-verde-sm.svg" alt="Santa Martina Country Club" class="brand-logo brand-logo--light">
64    </a>
65
66    <nav class="nav-desktop" aria-label="Navegación principal">
67      <a href="club.html">Club</a>
68      <a href="eventos.html">Eventos</a>
69      <a href="membresias.html">Membresías</a>
70      <a href="deportes.html">Deportes</a>
71      <a href="day-pass.html">Day Pass</a>
72      <a href="contacto.html">Contacto</a>
73      <a data-easycancha href="#" class="nav-cta" target="_blank" rel="noopener">Reservas</a>
74      <button type="button" class="theme-toggle" aria-pressed="false" aria-label="Cambiar a modo claro">
75        <svg class="theme-toggle__sun" viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
76        <span class="theme-toggle__track"><span class="theme-toggle__thumb"></span></span>
77        <svg class="theme-toggle__moon" viewBox="0 0 24 24" width="13" height="13" fill="currentColor" aria-hidden="true"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
78      </button>
79    </nav>
80
81    <button class="nav-toggle" id="navToggle" aria-label="Abrir menú" aria-expanded="false">
82      <span></span><span></span><span></span>
83    </button>
84  </div>
85</header>
86
87<!-- ============ MOBILE DRAWER ============ -->
88<div class="mobile-drawer" id="mobileDrawer" aria-hidden="true">
89  <nav aria-label="Navegación móvil">
90    <a href="club.html">Club</a>
91    <a href="eventos.html">Eventos</a>
92    <a href="membresias.html">Membresías</a>
93    <a href="deportes.html">Deportes</a>
94    <a href="day-pass.html">Day Pass</a>
95    <a href="contacto.html">Contacto</a>
96    <a data-easycancha href="#" target="_blank" rel="noopener">Reservas</a>
97  </nav>
98  <button type="button" class="theme-toggle theme-toggle--drawer" aria-pressed="false" aria-label="Cambiar a modo claro">
99    <svg class="theme-toggle__sun" viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
100    <span class="theme-toggle__track"><span class="theme-toggle__thumb"></span></span>
101    <svg class="theme-toggle__moon" viewBox="0 0 24 24" width="13" height="13" fill="currentColor" aria-hidden="true"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
102    <span class="theme-toggle__text">Modo claro</span>
103  </button>
104  <div class="drawer-social">
105    <a href="https://www.instagram.com/santamartinacc/" target="_blank" rel="noopener">Instagram</a>
106    <a href="https://www.facebook.com/santamartinacountryclub" target="_blank" rel="noopener">Facebook</a>
107    <a href="https://www.linkedin.com/company/haciendasantamartina/" target="_blank" rel="noopener">LinkedIn</a>
108  </div>
109</div>
110
111<main id="top">
112
113  <!-- ============ HERO ============ -->
114  <section class="hero" id="hero">
115    <!-- REEMPLAZAR: foto lifestyle del club (socios en terraza / atardecer). Formato horizontal, min 1920p

115x ancho -->
116    <div class="hero-media">
117      <img src="imagenes/hero.jpg" alt="Socios disfrutando en Santa Martina Country Club" class="hero-img">
118      <div class="hero-veil"></div>
119      <div class="topo-overlay" aria-hidden="true"></div>
120    </div>
121
122    <div class="hero-content">
123      <p class="eyebrow eyebrow--light">Bienvenido a</p>
124      <h1 class="hero-title">Santa Martina<br><span class="hero-title-em">Country Club</span></h1>
125      <p class="hero-tagline">Comparte <em>lo bueno</em></p>
126      <div class="hero-actions">
127        <a href="membresias.html" class="btn btn-solid">¡Hazte socio!</a>
128        <a href="eventos.html" class="btn btn-ghost-light">El lugar perfecto para tu matrimonio</a>
129      </div>
130    </div>
131  </section>
132
133  <!-- ============ HIGHLIGHT STRIP (golf / horarios / plan joven) ============ -->
134  <section class="strip">
135    <div class="strip-inner">
136      <article class="strip-card">
137        <h3>Cancha de práctica<br>&amp; golf de 9 hoyos</h3>
138        <p>Para socios y no socios.</p>
139        <a data-easycancha href="#" target="_blank" rel="noopener" class="link-arrow">¡Reservar ahora!</a>
140      </article>
141      <article class="strip-card">
142        <h3>Horarios y valores deportivos</h3>
143        <p>Toda la programación de clases y deportes de la temporada.</p>
144        <a href="deportes.html" class="link-arrow">¡Revísalos aquí!</a>
145      </article>
146      <article class="strip-card">
147        <h3>Nuevo plan joven</h3>
148        <p>Una membresía pensada para quienes quieren deporte, naturaleza y comunidad, y buscan integrarse al club de manera independiente.</p>
149        <a href="membresias.html" class="link-arrow">¡Más info aquí!</a>
150      </article>
151      <article class="strip-card">
152        <h3>Eventos</h3>
153        <p>Ofrecemos producción de eventos completa y distintos espacios para cubrir todas tus necesidades.</p>
154        <a href="eventos.html" class="link-arrow">¡Ver más información!</a>
155      </article>
156    </div>
157  </section>
158
159  <!-- ============ CLUB ============ -->
160  <section class="feature feature--dark" id="club">
161    <div class="feature-inner">
162      <div class="feature-text">
163        <p class="eyebrow eyebrow--accent">Club</p>
164        <h2 class="feature-title">Un lugar al que perteneces</h2>
165        <p class="feature-body">Ofrecemos amplios espacios y lugares para realizar diferentes actividades al aire libre. Nuestras instalaciones y servicios cumplen con altos estándares de calidad, garantizando una experiencia de entretención, deporte y vida social única para toda tu familia.</p>
166        <a href="membresias.html" class="btn btn-outline-light">Conócenos</a>
167      </div>
168      <div class="feature-media">
169        <!-- Video institucional alojado en Vimeo (cuenta del club).
170             Para cambiarlo, reemplazar el ID 1222840734 por el del video nuevo. -->
171        <div class="video-embed">
172          <iframe src="https://player.vimeo.com/video/1222840734?title=0&amp;byline=0&amp;portrait=0&amp;dnt=1"
173                  title="Santa Martina Country Club"
174                  loading="lazy"
175                  allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
176                  referrerpolicy="strict-origin-when-cross-origin"></iframe>
177        </div>
178      </div>
179    </div>
180  </section>
181
182  <!-- ============ EVENTOS ============ -->
183  <section class="feature" id="eventos">
184    <div class="feature-inner feature-inner--reverse">
185      <div class="feature-media">
186        <!-- REEMPLAZAR: foto evento / matrimonio al aire libre -->
187        <img src="imagenes/eventos.jpg" alt="Matrimonios y eventos en Santa Martina Country Club">
188      </div>
189      <div class="feature-text">
190        <p class="eyebrow eyebrow--olive">Eventos</p>
191        <h2 class="feature-title feature-title--dark">Celebra tu matrimonio<br>en un lugar mágico</h2>
192        <p class="feature-body feature-body--dark">Al aire libre y en medio de la naturaleza. Ofrecemos un espacio exclusivo para que la novia o ambos novios puedan arreglarse al interior del club de manera tranquila, segura y cerca del lugar del evento.</p>
193        <a href="contacto.html" class="btn btn-solid">Cotiza aquí</a>
194      </div>
195    </div>
196  </section>
197
198  <!-- ============ DEPORTES ============ -->
199  <section class="feature feature--dark" id="deportes">
200    <div class="feature-inner">
201      <div class="feature-text">
202        <p class="eyebrow eyebrow--accent">Deportes</p>
203        <h2 class="feature-title">El mejor lugar para<br>convivir con la naturaleza</h2>
204        <p class="feature-body">Santa Martina Country Club ofrece una experiencia única para disfrutar en familia, combinando deporte, naturaleza y buen vivir en un entorno inigualable. Ubicado en un hermoso paisaje que invita al descanso y la recreación, cuenta con instalaciones de primer nivel para el disfrute al aire libre.</p>
205        <a data-easycancha href="#" target="_blank" rel="noopener" class="btn btn-outline-light">Ver más</a>
206      </div>
207      <div class="feature-media">
208        <!-- REEMPLAZAR: foto deporte (tenis / golf / cancha) -->
209        <img src="imagenes/deportes.jpg" alt="Deportes en Santa Martina Country Club">
210      </div>
211    </div>
212  </section>
213
214  <!-- ============ MEMBRESÍAS ============ -->
215  <section class="feature" id="membresias">
216    <div class="feature-inner feature-inner--reverse">
217      <div class="feature-media">
218        <!-- REEMPLAZAR: foto socios / comunidad -->
219        <img src="imagenes/membresias.jpg" alt="Socios de Santa Martina Country Club">
220      </div>
221      <div class="feature-text">
222        <p class="eyebrow eyebrow--olive">Membresías</p>
223        <h2 class="feature-title feature-title--dark">¿Por qué ser socio de<br>Santa Martina?</h2>
224        <p class="feature-body feature-body--dark">Ubicados en un entorno único y privilegiado, ofrecemos instalaciones de club de primera categoría y amplios espacios para disfrutar de diversas actividades al aire libre. Acá la membresía no se construye desde apellidos heredados, sino desde afinidad, valores y estilo de vida.</p>
225        <a data-easycancha href="#" target="_blank" rel="noopener" class="btn btn-solid">Ver más</a>
226      </div>
227    </div>
228  </section>
229
230  <!-- ============ CTA EVENTOS ============ -->
231  <section class="social-band social-band--eventos" id="eventos-cta">
232    <div class="social-inner">
233      <h2 class="social-handle">Haz tu evento con nosotros</h2>
234      <p style="max-width:46ch;margin:0 auto 1.6rem;color:rgba(var(--chrome-text-rgb),.85)">Producción completa o arriendo de espacios.</p>
235      <a href="eventos.html" class="btn btn-outline-light">Ver más</a>
236    </div>
237  </section>
238
239  <!-- ============ CTA DUAL (Sé parte / Reservas) ============ -->
240  <section class="cta-dual" id="reservas">
241    <div class="cta-block">
242      <h3>¡Sé parte del club!</h3>
243      <p>Únete junto a tu familia.</p>
244      <a href="membresias.html" class="btn btn-solid">Hazte socio aquí</a>
245    </div>
246    <div class="cta-block cta-block--alt">
247      <h3>Portal de reservas</h3>
248      <p>Válido sólo para socios activos.</p>
249      <a href="#" target="_blank" rel="noopener" class="btn btn-outline-light" data-easycancha data-easycancha-trigger>Reservas socios</a>
250    </div>
251  </section>
252
253  <!-- ============ REDES SOCIALES (franja delgada) ============ -->
254  <section class="social-band social-band--slim" id="contacto">
255    <div class="social-inner">
256      <p class="eyebrow eyebrow--accent">Redes Sociales</p>
257      <div class="social-links">
258        <a href="https://www.instagram.com/santamartinacc/" target="_blank" rel="noopener">Instagram</a>
259        <a href="https://www.facebook.com/santamartinacountryclub" target="_blank" rel="noopener">Facebook</a>
260        <a href="https://www.linkedin.com/company/haciendasantamartina/" target="_blank" rel="noopener">LinkedIn</a>
261      </div>
262    </div>
263  </section>
264
265</main>
266
267<!-- ============ FOOTER ============ -->
268<footer class="site-footer">
269  <div class="topo-overlay topo-overlay--footer" aria-hidden="true"></div>
270  <div class="footer-inner">
271    <div class="footer-brand">
272      <!-- REEMPLAZAR: logo horizontal crema (mismo de header) -->
273      <!-- REEMPLAZAR: logo con tagline "Comparte lo bueno" en Bicyclette (vectorizado). Reemplaza al logo + tagline en texto -->
274      <img src="imagenes/logo-crema-sm-tag.svg" alt="Santa Martina Country Club — Comparte lo bueno" class="footer-logo footer-logo--tagline">
275    </div>
276    <div class="footer-col">
277      <h4>Redes sociales</h4>
278      <div class="footer-social">
279        <a href="https://www.instagram.com/santamartinacc/" target="_blank" rel="noopener">Instagram</a>
280        <a href="https://www.facebook.com/santamartinacountryclub" target="_blank" rel="noopener">Facebook</a>
281        <a href="https://www.linkedin.com/company/haciendasantamartina/" target="_blank" rel="noopener">LinkedIn</a>
282      </div>
283    </div>
284    <div class="footer-col">
285      <h4>¡Sé parte del club!</h4>
286      <p>Únete junto a tu familia.</p>
287      <a href="membresias.html" class="link-arrow link-arrow--light">Hazte socio aquí</a>
288      <h4 style="margin-top:1.8rem">Portal de reservas</h4>
289      <p>Válido sólo para socios activos.</p>
290      <a href="#" target="_blank" rel="noopener" class="link-arrow link-arrow--light" data-easycancha data-easycancha-trigger>Reservas socios</a>
291    </div>
292    <div class="footer-col">
293      <h4>Eventos</h4>
294      <p>Salones y espacios para cada ocasión.</p>
295      <a href="eventos.html" class="link-arrow link-arrow--light">Cotiza tu evento</a>
296    </div>
297  </div>
298  <div class="footer-bottom">
299    <p>Copyright © <span id="year"></span> <strong>Santa Martina Country Club</strong> — Todos los derechos reservados.</p>
300  </div>
301</footer>
302

303<script src="script.js?v=20260916"></script>

303

304<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"7c4a334131724611bfb76a425abe4f21","r":1,"spa":2}' crossorigin="anonymous"></script>

304
305</body>
306</html>