{"id":652,"date":"2026-09-05T23:52:11","date_gmt":"2026-09-05T23:52:11","guid":{"rendered":"https:\/\/www.thecoastierge.com\/?page_id=652"},"modified":"2026-09-06T03:43:11","modified_gmt":"2026-09-06T03:43:11","slug":"experiences-2","status":"publish","type":"page","link":"https:\/\/www.thecoastierge.com\/index.php\/experiences-2\/","title":{"rendered":"Experiences"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"652\" class=\"elementor elementor-652\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cbf93c e-flex e-con-boxed e-con e-parent\" data-id=\"0cbf93c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65274c2 elementor-widget elementor-widget-html\" data-id=\"65274c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Posicionamiento y tama\u00f1o del logo *\/\r\n  .coastierge-logo {\r\n    position: absolute;\r\n    top: 40px;\r\n    left: 40px;\r\n    z-index: 20;\r\n    transition: transform 0.4s ease;\r\n  }\r\n  \r\n  \/* Efecto de agrandado sutil on hover *\/\r\n  .coastierge-logo:hover {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .coastierge-logo img {\r\n    height: 72px; \r\n    width: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* Contenedor de la barra centrada *\/\r\n  .coastierge-nav {\r\n    position: absolute;\r\n    top: 40px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    padding: 16px 56px; \r\n    background-color: rgba(255, 255, 255, 0.76);\r\n    border-radius: 36px;\r\n    display: flex;\r\n    gap: 48px; \/* Separaci\u00f3n amplia entre enlaces *\/\r\n    align-items: center;\r\n    z-index: 10;\r\n    box-sizing: border-box;\r\n    transition: box-shadow 0.4s ease, background-color 0.4s ease;\r\n    width: auto;\r\n    max-width: 90%;\r\n  }\r\n  \r\n  \/* Efecto tenue de sombra on hover para navbar *\/\r\n  .coastierge-nav:hover {\r\n    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);\r\n  }\r\n\r\n  \/* Enlaces de la barra *\/\r\n  .coastierge-link {\r\n    color: #001626;\r\n    text-decoration: none;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    font-size: 13px;\r\n    letter-spacing: 2px;\r\n    text-underline-offset: 8px;\r\n    transition: text-decoration-color 0.3s ease, color 0.3s ease;\r\n  }\r\n  \r\n  \/* Efecto de subrayado Terracotta al pasar el cursor *\/\r\n  .coastierge-link:hover {\r\n    text-decoration: underline;\r\n    text-decoration-color: #C87D55;\r\n    text-decoration-thickness: 2px;\r\n  }\r\n\r\n  \/* Estilos del CTA y sus efectos on hover *\/\r\n  .coastierge-cta {\r\n    background-color: #C05A11; \r\n    color: #ffffff; \r\n    padding: 18px 40px; \r\n    text-decoration: none; \r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 700; \r\n    font-size: 14px; \r\n    text-transform: uppercase; \r\n    letter-spacing: 1.5px; \r\n    border-radius: 18px; \r\n    display: inline-flex; \r\n    align-items: center; \r\n    gap: 12px;\r\n    transition: box-shadow 0.3s ease, transform 0.2s ease;\r\n  }\r\n\r\n  .coastierge-cta:hover {\r\n    box-shadow: 0px 10px 25px rgba(192, 90, 17, 0.4); \r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* Contenedor central de textos *\/\r\n  .hero-content {\r\n    position: relative; \r\n    z-index: 3; \r\n    text-align: center; \r\n    color: #ffffff; \r\n    display: flex; \r\n    flex-direction: column; \r\n    align-items: center; \r\n    gap: 40px; \r\n    padding: 0 20px;\r\n  }\r\n\r\n  \/* Configuraci\u00f3n exclusiva para M\u00f3viles *\/\r\n  @media (max-width: 767px) {\r\n    \/* Logo m\u00e1s peque\u00f1o y ajustado arriba *\/\r\n    .coastierge-logo {\r\n      top: 24px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n    \r\n    \/* Efecto de agrandado sutil en m\u00f3vil manteniendo el centrado absoluto *\/\r\n    .coastierge-logo:hover {\r\n      transform: translateX(-50%) scale(1.04);\r\n    }\r\n    \r\n    .coastierge-logo img {\r\n      height: 48px; \r\n    }\r\n\r\n    \/* Navbar m\u00e1s compacta para liberar espacio *\/\r\n    .coastierge-nav {\r\n      top: 90px;\r\n      flex-direction: column;\r\n      padding: 20px 32px;\r\n      gap: 20px;\r\n      width: 85%;\r\n    }\r\n\r\n    .coastierge-link {\r\n      font-size: 12px; \r\n    }\r\n\r\n    \/* Espaciado ajustado para evitar que quede demasiado ca\u00eddo *\/\r\n    .hero-content {\r\n      padding-top: 150px; \r\n      gap: 24px; \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div style=\"position: relative; width: 100%; height: 90vh; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; font-family: 'Montserrat', sans-serif;\">\r\n\r\n  <!-- Logo (Centrado en m\u00f3vil, esquina en desktop) -->\r\n  <a href=\"https:\/\/www.thecoastierge.com\/\" class=\"coastierge-logo\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.thecoastierge.com\/wp-content\/uploads\/2026\/09\/B-Logo.png\" alt=\"The Coastierge\">\r\n  <\/a>\r\n\r\n  <!-- Navbar (Lista horizontal en desktop, vertical en m\u00f3vil) -->\r\n  <div class=\"coastierge-nav\">\r\n    <a href=\"https:\/\/www.thecoastierge.com\/index.php\/experiences\/\" class=\"coastierge-link\">Experiences<\/a>\r\n    <a href=\"https:\/\/www.thecoastierge.com\/index.php\/whats-on\/\" class=\"coastierge-link\">What's on<\/a>\r\n    <a href=\"https:\/\/www.thecoastierge.com\/index.php\/about-us\/\" class=\"coastierge-link\">About<\/a>\r\n  <\/div>\r\n\r\n  <!-- Video de Fondo -->\r\n  <video autoplay loop muted playsinline style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;\">\r\n    <source src=\"https:\/\/www.thecoastierge.com\/wp-content\/uploads\/2026\/09\/union-test-01.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- Capa Trasl\u00facida (Overlay Gris al 40%) -->\r\n  <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(128, 128, 128, 0.4); z-index: 2;\"><\/div>\r\n\r\n  <!-- Contenido Central -->\r\n  <div class=\"hero-content\">\r\n    \r\n    <h1 style=\"font-size: clamp(32px, 5vw, 64px); font-weight: 400; margin: 0; letter-spacing: 2px; text-transform: none;\">Authenticity is the key<\/h1>\r\n\r\n    <!-- CTA Button con enlace actualizado, MP3 y SVG -->\r\n    <a href=\"https:\/\/www.thecoastierge.com\/unlock-your-journey\" class=\"coastierge-cta\" onclick=\"playCtaSound(event)\">\r\n      Unlock your journey\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" style=\"width: 16px; height: 16px; fill: currentColor;\">\r\n        <path d=\"M400 416C497.2 416 576 337.2 576 240C576 142.8 497.2 64 400 64C302.8 64 224 142.8 224 240C224 258.7 226.9 276.8 232.3 293.7L71 455C66.5 459.5 64 465.6 64 472L64 552C64 565.3 74.7 576 88 576L168 576C181.3 576 192 565.3 192 552L192 512L232 512C245.3 512 256 501.3 256 488L256 448L296 448C302.4 448 308.5 445.5 313 441L346.3 407.7C363.2 413.1 381.3 416 400 416zM440 160C462.1 160 480 177.9 480 200C480 222.1 462.1 240 440 240C417.9 240 400 222.1 400 200C400 177.9 417.9 160 440 160z\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Script para reproducir el MP3 -->\r\n<script>\r\n  function playCtaSound(event) {\r\n    const audio = new Audio('https:\/\/www.thecoastierge.com\/wp-content\/uploads\/2026\/09\/ui-interface-click-epic-stock-media-1-00-00.mp3');\r\n    audio.volume = 0.5; \/\/ Ajuste de volumen sutil\r\n    audio.play().catch(e => console.log(\"La reproducci\u00f3n de audio fue bloqueada por el navegador:\", e));\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f10088a e-flex e-con-boxed e-con e-parent\" data-id=\"f10088a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96a610f elementor-widget elementor-widget-html\" data-id=\"96a610f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/**\r\n * ==============================================================================\r\n * THE COASTIERGE - LUXURY MEDITERRANEAN STYLESHEET FOR WORDPRESS\r\n * Compatible with Gutenberg HTML Blocks, Elementor Custom HTML, & Child Themes\r\n * Version: 2.4.0 (2026 Edition)\r\n * ==============================================================================\r\n *\/\r\n\r\n\/* 1. ROOT VARIABLES & DESIGN TOKENS *\/\r\n:root {\r\n  --tc-primary: #001626;\r\n  --tc-primary-light: #0d293f;\r\n  --tc-accent: #c05a11;\r\n  --tc-accent-hover: #a84b0b;\r\n  --tc-accent-soft: #ffdbca;\r\n  --tc-bg-surface: #f9f9f9;\r\n  --tc-bg-container: #eeebe5;\r\n  --tc-bg-container-low: #f5f4f0;\r\n  --tc-bg-dark: #001626;\r\n  --tc-text-main: #001626;\r\n  --tc-text-muted: #5c6269;\r\n  --tc-text-light: #ffffff;\r\n  --tc-border: #e2ded5;\r\n  --tc-border-light: rgba(255, 255, 255, 0.2);\r\n  --tc-font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  --tc-radius-pill: 9999px;\r\n  --tc-radius-card: 16px;\r\n  --tc-radius-container: 36px;\r\n  --tc-radius-btn: 18px;\r\n  --tc-radius-sm: 6px;\r\n  --tc-container-max: 1380px;\r\n  --tc-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n\/* 2. BASE ISOLATION & RESET (Ensures clean rendering inside WordPress themes) *\/\r\n.tc-wrapper,\r\n.tc-section {\r\n  box-sizing: border-box;\r\n  font-family: var(--tc-font-family);\r\n  color: var(--tc-text-main);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.tc-wrapper *,\r\n.tc-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* 3. CSS GRID SYSTEM & UTILITY CONTAINERS *\/\r\n.tc-container {\r\n  width: 100%;\r\n  max-width: var(--tc-container-max);\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  padding-left: 24px;\r\n  padding-right: 24px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .tc-container {\r\n    padding-left: 48px;\r\n    padding-right: 48px;\r\n  }\r\n}\r\n\r\n.tc-grid {\r\n  display: grid;\r\n  width: 100%;\r\n}\r\n\r\n.tc-grid-2col {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 32px;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .tc-grid-2col {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 48px;\r\n  }\r\n}\r\n\r\n.tc-grid-3col {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 24px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .tc-grid-3col {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .tc-grid-3col {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n.tc-grid-12 {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\/* 4. RESPONSIVE COLUMN SPANS *\/\r\n.tc-col-12 { grid-column: span 12; }\r\n.tc-col-6 { grid-column: span 6; }\r\n.tc-col-4 { grid-column: span 4; }\r\n\r\n@media (min-width: 768px) {\r\n  .tc-col-md-6 { grid-column: span 6; }\r\n  .tc-col-md-4 { grid-column: span 4; }\r\n  .tc-col-md-8 { grid-column: span 8; }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .tc-col-lg-5 { grid-column: span 5; }\r\n  .tc-col-lg-7 { grid-column: span 7; }\r\n  .tc-col-lg-6 { grid-column: span 6; }\r\n}\r\n\r\n\/* 5. GUTENBERG & ELEMENTOR COMPATIBILITY RESETS *\/\r\n.entry-content .tc-section,\r\n.elementor-widget-html .tc-section,\r\n.wp-block-html .tc-section {\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* Prevent theme anchor styles from overriding button typography *\/\r\n.tc-section a {\r\n  text-decoration: none;\r\n  color: inherit;\r\n  transition: var(--tc-transition);\r\n}\r\n\r\n\/* 6. TYPOGRAPHY UTILITIES *\/\r\n.tc-heading-xl {\r\n  font-family: var(--tc-font-family);\r\n  font-size: clamp(2.2rem, 5vw, 4.2rem);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  letter-spacing: -0.02em;\r\n  color: var(--tc-text-main);\r\n  margin: 0;\r\n}\r\n\r\n.tc-heading-lg {\r\n  font-family: var(--tc-font-family);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.75rem);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.01em;\r\n  color: var(--tc-text-main);\r\n  margin: 0;\r\n}\r\n\r\n.tc-heading-md {\r\n  font-family: var(--tc-font-family);\r\n  font-size: clamp(1.3rem, 2vw, 1.85rem);\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  color: var(--tc-text-main);\r\n  margin: 0;\r\n}\r\n\r\n.tc-eyebrow {\r\n  font-family: var(--tc-font-family);\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.2em;\r\n  color: var(--tc-accent);\r\n  display: inline-block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.tc-body-text {\r\n  font-size: 1rem;\r\n  line-height: 1.65;\r\n  color: var(--tc-text-muted);\r\n  margin: 0;\r\n}\r\n\r\n\/* 7. BUTTONS & PILLS *\/\r\n.tc-btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  background-color: var(--tc-accent);\r\n  color: #ffffff !important;\r\n  font-family: var(--tc-font-family);\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  padding: 16px 32px;\r\n  border-radius: var(--tc-radius-pill);\r\n  border: none;\r\n  cursor: pointer;\r\n  box-shadow: 0 8px 24px rgba(192, 90, 17, 0.25);\r\n  transition: var(--tc-transition);\r\n}\r\n\r\n.tc-btn-primary:hover {\r\n  background-color: var(--tc-accent-hover);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 28px rgba(192, 90, 17, 0.35);\r\n}\r\n\r\n.tc-btn-dark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  background-color: var(--tc-primary);\r\n  color: #ffffff !important;\r\n  font-family: var(--tc-font-family);\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  padding: 16px 32px;\r\n  border-radius: var(--tc-radius-pill);\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: var(--tc-transition);\r\n}\r\n\r\n.tc-btn-dark:hover {\r\n  background-color: var(--tc-primary-light);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.tc-badge-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 14px;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(8px);\r\n  border-radius: var(--tc-radius-pill);\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--tc-primary);\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tc-tag-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 8px 18px;\r\n  border-radius: var(--tc-radius-pill);\r\n  background: #ffffff;\r\n  color: var(--tc-primary);\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.05em;\r\n  border: 1px solid var(--tc-border);\r\n  transition: var(--tc-transition);\r\n}\r\n\r\n.tc-tag-pill:hover {\r\n  border-color: var(--tc-accent);\r\n  color: var(--tc-accent);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* 8. HERO SECTION SPECIFICS *\/\r\n.tc-hero-wrap {\r\n  position: relative;\r\n  min-height: 88vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  padding: 32px 24px 48px;\r\n  background-size: cover;\r\n  background-position: center;\r\n  color: #ffffff;\r\n  border-radius: var(--tc-radius-card);\r\n  overflow: hidden;\r\n}\r\n\r\n.tc-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(0, 22, 38, 0.5) 0%, rgba(0, 22, 38, 0.2) 40%, rgba(0, 22, 38, 0.75) 100%);\r\n  pointer-events: none;\r\n}\r\n\r\n.tc-hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  max-width: 820px;\r\n  margin: auto;\r\n}\r\n\r\n\/* 9. JOURNAL SECTION SPECIFICS *\/\r\n.tc-journal-card {\r\n  background: #ffffff;\r\n  border-radius: var(--tc-radius-card);\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.tc-journal-img-box {\r\n  position: relative;\r\n  min-height: 440px;\r\n  background-size: cover;\r\n  background-position: center;\r\n  border-radius: var(--tc-radius-card) 0 0 var(--tc-radius-card);\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .tc-journal-img-box {\r\n    border-radius: var(--tc-radius-card) var(--tc-radius-card) 0 0;\r\n    min-height: 320px;\r\n  }\r\n}\r\n\r\n\/* 10. ARCHIVE STRIP SPECIFICS *\/\r\n.tc-archive-strip {\r\n  background: var(--tc-bg-container);\r\n  border-radius: var(--tc-radius-card);\r\n  padding: 24px 32px;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .tc-archive-strip {\r\n    grid-template-columns: auto 1fr auto;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/* 11. SEASONAL EXPERIENCE SPECIFICS *\/\r\n.tc-seasonal-card {\r\n  background: var(--tc-bg-container-low);\r\n  border-radius: var(--tc-radius-card);\r\n  overflow: hidden;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .tc-seasonal-card {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n\/* 12. UNLOCK YOUR JOURNEY & CALENDLY SPECIFICS *\/\r\n.tc-unlock-card {\r\n  background: #ffffff;\r\n  border: 1px solid var(--tc-border);\r\n  border-radius: var(--tc-radius-card);\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0, 22, 38, 0.06);\r\n}\r\n\r\n.tc-calendly-wrap {\r\n  background: #ffffff;\r\n  border-radius: var(--tc-radius-card);\r\n  overflow: hidden;\r\n  border: 1px solid var(--tc-border);\r\n  min-height: 600px;\r\n  position: relative;\r\n}\r\n\r\n.tc-calendly-slot {\r\n  border: 1px solid var(--tc-border);\r\n  border-radius: 8px;\r\n  padding: 10px 14px;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: var(--tc-transition);\r\n}\r\n\r\n.tc-calendly-slot:hover {\r\n  border-color: var(--tc-accent);\r\n  background: rgba(192, 90, 17, 0.05);\r\n}\r\n\r\n.tc-calendly-slot.active {\r\n  background: var(--tc-accent);\r\n  color: #ffffff;\r\n  border-color: var(--tc-accent);\r\n}\r\n\r\n\/* 13. ABOUT US & BRAND MANUAL SPECIFICS *\/\r\n.tc-brand-navy { color: #253658; }\r\n.tc-brand-sand { color: #edd6c4; }\r\n.tc-brand-ochre { color: #cd9767; }\r\n.tc-bg-brand-navy { background-color: #253658; }\r\n.tc-bg-brand-sand { background-color: #edd6c4; }\r\n.tc-bg-brand-ochre { background-color: #cd9767; }\r\n\r\n.tc-about-wrap {\r\n  background: #ffffff;\r\n  border-radius: var(--tc-radius-container);\r\n  border: 1px solid var(--tc-border);\r\n  overflow: hidden;\r\n  box-shadow: 0 16px 40px rgba(0, 22, 38, 0.05);\r\n}\r\n\r\n.tc-about-hero {\r\n  background: #253658;\r\n  color: #ffffff;\r\n  padding: clamp(32px, 5vw, 64px);\r\n  position: relative;\r\n  border-radius: var(--tc-radius-container) var(--tc-radius-container) 0 0;\r\n}\r\n\r\n.tc-about-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 28px;\r\n  padding: clamp(24px, 4vw, 48px);\r\n}\r\n\r\n.tc-domain-card {\r\n  background: #fbf9f6;\r\n  border: 1px solid #e8e4db;\r\n  border-radius: var(--tc-radius-container);\r\n  padding: 24px;\r\n  transition: var(--tc-transition);\r\n}\r\n\r\n.tc-domain-card:hover {\r\n  border-color: #cd9767;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 20px rgba(37, 54, 88, 0.06);\r\n}\r\n\r\n.tc-quote-banner {\r\n  background: #f4efe6;\r\n  border-left: 4px solid #c05a11;\r\n  padding: 24px;\r\n  border-radius: var(--tc-radius-btn);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.tc-founder-desk {\r\n  background: linear-gradient(135deg, #253658 0%, #001626 100%);\r\n  color: #ffffff;\r\n  border-radius: var(--tc-radius-container);\r\n  padding: 32px;\r\n}\r\n\r\n\/* 14. FOOTER SPECIFICS *\/\r\n.tc-footer-dark {\r\n  background: var(--tc-bg-dark);\r\n  color: #ffffff;\r\n  padding: 64px 24px 32px;\r\n  border-radius: var(--tc-radius-card) var(--tc-radius-card) 0 0;\r\n}\r\n\r\n\/* 15. RESPONSIVE UTILITIES FOR MOBILE DESIGN *\/\r\n@media (max-width: 767px) {\r\n  .tc-hide-mobile { display: none !important; }\r\n  .tc-text-center-mobile { text-align: center !important; }\r\n  .tc-stack-mobile { flex-direction: column !important; }\r\n  .tc-full-width-mobile { width: 100% !important; }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .tc-hide-desktop { display: none !important; }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- ============================================================================== -->\r\n<!-- THE COASTIERGE - SECTION 05: SEASONAL EXPERIENCE (RESPONSIVE HTML)                -->\r\n<!-- CSS Grid Container for Gutenberg or Elementor with Carousel and VIP Booking       -->\r\n<!-- ============================================================================== -->\r\n<section id=\"tc-seasonal-experience\" class=\"tc-section tc-wrapper\" style=\"padding: 48px 0 80px;\">\r\n  <div class=\"tc-container\">\r\n    \r\n    <!-- Collection Header with Navigation Controls -->\r\n    <div style=\"display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px;\">\r\n      <div>\r\n        <span class=\"tc-eyebrow\" style=\"color: #c05a11;\">CURATED COLLECTION 2026<\/span>\r\n        <h2 class=\"tc-heading-xl\" style=\"color: #001626; text-transform: uppercase;\">\r\n          SEASONAL EXPERIENCE\r\n        <\/h2>\r\n      <\/div>\r\n      <!-- Carousel Navigation Buttons -->\r\n      <div style=\"display: flex; gap: 12px;\">\r\n        <button type=\"button\" aria-label=\"Previous slide\" style=\"width: 44px; height: 44px; border-radius: 50%; border: 1px solid #c3c7cc; background: #ffffff; color: #001626; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s;\">\r\n          \u2039\r\n        <\/button>\r\n        <button type=\"button\" aria-label=\"Next slide\" style=\"width: 44px; height: 44px; border-radius: 50%; border: 1px solid #c3c7cc; background: #ffffff; color: #001626; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s;\">\r\n          \u203a\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Experience Card (2-Column Grid) -->\r\n    <div class=\"tc-seasonal-card\" style=\"background: #f5f4f0; border-radius: 16px; overflow: hidden; border: 1px solid #e5e1d8; box-shadow: 0 8px 32px rgba(0, 22, 38, 0.04);\">\r\n      \r\n      <!-- Left Column: Sunset Cliffside Dining Photography -->\r\n      <div style=\"position: relative; min-height: 520px; background-image: url('https:\/\/images.unsplash.com\/photo-1544025162-d76694265947?auto=format&fit=crop&w=1200&q=85'); background-size: cover; background-position: center;\">\r\n        <!-- Limited Edition Badge -->\r\n        <div style=\"position: absolute; top: 24px; left: 24px; z-index: 2;\">\r\n          <span class=\"tc-badge-pill\" style=\"background: rgba(0, 22, 38, 0.85); color: #ffffff;\">\r\n            SEASONAL EDITION \u2022 LIMITED TO 6 GUESTS\r\n          <\/span>\r\n        <\/div>\r\n        <!-- Slide Pager (01 \/ 03) -->\r\n        <div style=\"position: absolute; bottom: 24px; left: 24px; z-index: 2; background: rgba(0, 22, 38, 0.75); color: #ffffff; padding: 6px 14px; border-radius: 9999px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em;\">\r\n          01 \/ 03\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Details, Features, Pricing & CTA -->\r\n      <div style=\"padding: clamp(32px, 5vw, 56px); display: flex; flex-direction: column; justify-content: space-between;\">\r\n        <div>\r\n          <!-- Category Tag with Star -->\r\n          <div style=\"margin-bottom: 12px;\">\r\n            <span class=\"tc-eyebrow\" style=\"color: #c05a11; font-weight: 700;\">\r\n              \u2605 PRIVATE HAUTE GASTRONOMY\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <!-- Experience Title -->\r\n          <h3 class=\"tc-heading-lg\" style=\"margin-bottom: 18px; color: #001626;\">\r\n            Cliffside Terrace Gastronomic Evenings\r\n          <\/h3>\r\n\r\n          <!-- Descripci\u00f3n -->\r\n          <p class=\"tc-body-text\" style=\"margin-bottom: 28px; line-height: 1.65; color: #43474c;\">\r\n            Private cliffside dining overlooking the open sea at twilight. An eight-course bespoke tasting menu orchestrated by a Michelin-starred chef, paired with rare reserve vintages from coastal cellars.\r\n          <\/p>\r\n\r\n          <!-- Lista de Servicios y Perks Incluidos -->\r\n          <ul style=\"list-style: none; padding: 0; margin: 0 0 32px 0; display: flex; flex-direction: column; gap: 14px;\">\r\n            <li style=\"display: flex; align-items: flex-start; gap: 12px; font-size: 0.95rem; font-weight: 500; color: #001626;\">\r\n              <span style=\"color: #c05a11; font-weight: 800; font-size: 1.1rem;\">\u2713<\/span>\r\n              <span>Exclusive Private Chef &amp; Master Sommelier Service<\/span>\r\n            <\/li>\r\n            <li style=\"display: flex; align-items: flex-start; gap: 12px; font-size: 0.95rem; font-weight: 500; color: #001626;\">\r\n              <span style=\"color: #c05a11; font-weight: 800; font-size: 1.1rem;\">\u2713<\/span>\r\n              <span>Private sea transfer to the cliffside sanctuary<\/span>\r\n            <\/li>\r\n            <li style=\"display: flex; align-items: flex-start; gap: 12px; font-size: 0.95rem; font-weight: 500; color: #001626;\">\r\n              <span style=\"color: #c05a11; font-weight: 800; font-size: 1.1rem;\">\u2713<\/span>\r\n              <span>Acoustic live music under the moonlight<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Bottom Bar: Pricing & VIP Booking CTA -->\r\n        <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ded8ce; padding-top: 24px; flex-wrap: wrap; gap: 20px;\">\r\n          <div>\r\n            <div style=\"font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; color: #73777d; font-weight: 600;\">\r\n              FROM\r\n            <\/div>\r\n            <div style=\"font-size: 1.6rem; font-weight: 800; color: #001626;\">\r\n              \u20ac 620 <span style=\"font-size: 0.9rem; font-weight: 400; color: #5c6269;\">\/ guest<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- VIP Booking Button (Dark pill with arrow) -->\r\n          <a href=\"#reserve-experience\" class=\"tc-btn-dark\" style=\"text-decoration: none;\">\r\n            RESERVE EXPERIENCE <span style=\"font-size: 16px;\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- End Section 05: Seasonal Experience -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f330b8 e-con e-atomic-element e-flexbox-base e-363ddc8 \" data-id=\"3f330b8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3f330b8\" data-e-type=\"e-flexbox\" data-id=\"3f330b8\">\n    \t\t<div class=\"elementor-element elementor-element-cbdae25 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-loop-carousel\" data-id=\"cbdae25\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:733,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"ltr\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t<style id=\"loop-733\"><\/style>\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Experiences What&#8217;s on About Authenticity is the key Unlock your journey CURATED COLLECTION 2026 SEASONAL EXPERIENCE \u2039 \u203a SEASONAL EDITION \u2022 LIMITED TO 6 GUESTS 01 \/ 03 \u2605 PRIVATE HAUTE GASTRONOMY Cliffside Terrace Gastronomic Evenings Private cliffside dining overlooking the open sea at twilight. An eight-course bespoke tasting menu orchestrated by a Michelin-starred chef, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-652","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/pages\/652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/comments?post=652"}],"version-history":[{"count":11,"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/pages\/652\/revisions"}],"predecessor-version":[{"id":758,"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/pages\/652\/revisions\/758"}],"wp:attachment":[{"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/media?parent=652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}