{"id":122,"date":"2026-08-01T19:41:25","date_gmt":"2026-08-01T19:41:25","guid":{"rendered":"https:\/\/www.thecoastierge.com\/?page_id=122"},"modified":"2026-09-11T19:54:47","modified_gmt":"2026-09-11T19:54:47","slug":"home","status":"publish","type":"page","link":"https:\/\/www.thecoastierge.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"122\" class=\"elementor elementor-122\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c9cee e-con e-atomic-element e-flexbox-base e-5147925 \" data-id=\"c8c9cee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c8c9cee\" data-e-type=\"e-flexbox\" data-id=\"c8c9cee\">\n    \t\t<div class=\"elementor-element elementor-element-d6b8898 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d6b8898\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .hero-section {\r\n    position: relative; \r\n    width: 100%; \r\n    height: 100vh;\r\n    display: flex; \r\n    flex-direction: column; \r\n    align-items: center; \r\n    justify-content: center; \r\n    font-family: 'Montserrat', sans-serif;\r\n  }\r\n\r\n  \/* Contenedor del video con border-radius 36px *\/\r\n  .video-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 36px;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n  }\r\n\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  .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  \/* Navbar con border-radius 36px *\/\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; \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  .coastierge-nav:hover {\r\n    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);\r\n  }\r\n\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  .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  .coastierge-video {\r\n    position: absolute; \r\n    top: 0; \r\n    left: 0; \r\n    width: 100%; \r\n    height: 100%; \r\n    object-fit: cover; \r\n    transition: transform 1.5s ease;\r\n  }\r\n  \r\n  .hero-section:hover .coastierge-video {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  \/* NUEVO: Capa de Gradiente Din\u00e1mico basada en Deep Ocean Blue (#001626) *\/\r\n  .dynamic-gradient-overlay {\r\n    position: absolute; \r\n    top: 0; \r\n    left: 0; \r\n    width: 100%; \r\n    height: 100%; \r\n    background: linear-gradient(\r\n      45deg, \r\n      rgba(0, 22, 38, 0.75), \r\n      rgba(0, 43, 69, 0.35), \r\n      rgba(0, 22, 38, 0.65)\r\n    );\r\n    background-size: 200% 200%;\r\n    animation: gradientMove 8s ease infinite;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes gradientMove {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n\r\n  \/* CTA \u2014 tipograf\u00eda Belgiano Serif, tratamiento \"ghost button\" de lujo *\/\r\n  .coastierge-cta {\r\n    background-color: #C05A11; \r\n    color: #ffffff; \r\n    padding: 19px 44px; \r\n    text-decoration: none; \r\n    font-family: 'Belgiano Serif', 'Playfair Display', Georgia, serif;\r\n    font-weight: 400; \r\n    font-style: normal;\r\n    font-size: 17px; \r\n    text-transform: none; \r\n    letter-spacing: 0.3px; \r\n    border: 1px solid #C05A11;\r\n    border-radius: 36px; \r\n    display: inline-flex; \r\n    align-items: center; \r\n    gap: 14px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: \r\n      background-color 0.55s cubic-bezier(0.19, 1, 0.22, 1),\r\n      color 0.55s cubic-bezier(0.19, 1, 0.22, 1),\r\n      border-color 0.55s cubic-bezier(0.19, 1, 0.22, 1),\r\n      letter-spacing 0.55s cubic-bezier(0.19, 1, 0.22, 1),\r\n      box-shadow 0.55s cubic-bezier(0.19, 1, 0.22, 1),\r\n      transform 0.35s cubic-bezier(0.19, 1, 0.22, 1);\r\n  }\r\n\r\n  \/* Barrido de luz sutil \u2014 un \u00fanico momento de brillo al pasar el cursor *\/\r\n  .coastierge-cta::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -120%;\r\n    width: 55%;\r\n    height: 100%;\r\n    background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n    transform: skewX(-20deg);\r\n    transition: left 0.75s cubic-bezier(0.19, 1, 0.22, 1);\r\n    z-index: -1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .coastierge-cta:hover::before {\r\n    left: 140%;\r\n  }\r\n\r\n  .coastierge-cta:hover {\r\n    background-color: rgba(0, 22, 38, 0.35);\r\n    color: #ffffff;\r\n    border-color: #ffffff;\r\n    letter-spacing: 1px;\r\n    box-shadow: 0px 16px 32px rgba(192, 90, 17, 0.35);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .coastierge-cta:active {\r\n    transform: translateY(-1px) scale(0.97);\r\n    box-shadow: 0px 6px 14px rgba(192, 90, 17, 0.3);\r\n    transition-duration: 0.15s;\r\n  }\r\n\r\n  .coastierge-cta:focus-visible {\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 3px;\r\n  }\r\n\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: 32px; \r\n    padding: 0 20px;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  .scroll-indicator {\r\n    margin-top: 72px; \r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 12px;\r\n    opacity: 0.85;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  \r\n  .scroll-indicator:hover {\r\n    opacity: 1;\r\n  }\r\n\r\n  .scroll-indicator span {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em; \r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .scroll-arrow {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: #ffffff;\r\n    animation: subtleBounce 3s infinite ease-in-out;\r\n  }\r\n\r\n  @keyframes subtleBounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(5px); }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .hero-section {\r\n      height: 110vh; \r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .coastierge-logo {\r\n      top: 24px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n    \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: 72px; \r\n    }\r\n\r\n    .coastierge-nav {\r\n      top: 110px;\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    .hero-content {\r\n      padding-top: 200px; \r\n      gap: 24px; \r\n    }\r\n    \r\n    .scroll-indicator {\r\n      margin-top: 48px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hero-section\">\r\n\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  <!-- Enlaces funcionales actualizados -->\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  <div class=\"video-container\">\r\n    <video class=\"coastierge-video\" autoplay loop muted playsinline>\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    <!-- Capa de Gradiente Din\u00e1mico Aplicada -->\r\n    <div class=\"dynamic-gradient-overlay\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-content\">\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    <p style=\"font-size: 16px; font-weight: 400; line-height: 1.6; max-width: 600px; margin: 0 auto; opacity: 0.95;\">\r\n      Unprecedented access to private coastal sanctuaries, secluded coves, and bespoke voyages across the Mediterranean.\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/www.thecoastierge.com\/index.php\/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    \r\n    <div class=\"scroll-indicator\">\r\n      <span>Scroll to explore<\/span>\r\n      <svg class=\"scroll-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\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; \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\n<\/div>\n<div class=\"elementor-element elementor-element-bd25aea e-flex e-con-boxed e-con e-parent\" data-id=\"bd25aea\" 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-03ba186 elementor-widget elementor-widget-html\" data-id=\"03ba186\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================================== -->\r\n<!-- THE COASTIERGE - SECCI\u00d3N WHAT'S ON (VISTA PREVIA DE BLOG DIN\u00c1MICO)             -->\r\n<!-- Tipograf\u00eda: 100% Montserrat. Bordes: 36px (Contenedores) \/ 18px (Botones).     -->\r\n<!-- ============================================================================== -->\r\n\r\n<!-- Carga de la tipograf\u00eda Montserrat (\u00danica fuente permitida) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #tc-whats-on-latest {\r\n    --tc-primary: #001626;\r\n    --tc-accent: #c05a11;\r\n    --tc-accent-hover: #a84b0b;\r\n    --tc-bg-surface: #f9f9f9;\r\n    --tc-bg-sand: #E4DFD1;\r\n    --tc-text-main: #001626;\r\n    --tc-text-muted: #5c6269;\r\n    --tc-font-family: 'Montserrat', sans-serif;\r\n    \r\n    box-sizing: border-box;\r\n    font-family: var(--tc-font-family);\r\n    width: 100%;\r\n    padding: 80px 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  #tc-whats-on-latest *,\r\n  #tc-whats-on-latest *::before,\r\n  #tc-whats-on-latest *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-container {\r\n    width: 100%;\r\n    max-width: 1380px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* TARJETA PRINCIPAL (Clickeable y con border-radius 36px) *\/\r\n  #tc-whats-on-latest .tc-journal-card {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    background: #ffffff;\r\n    border-radius: 36px; \/* NUEVA REGLA: 36px *\/\r\n    overflow: hidden;\r\n    box-shadow: 0 6px 30px rgba(0, 22, 38, 0.05);\r\n    text-decoration: none;\r\n    color: var(--tc-text-main);\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    #tc-whats-on-latest .tc-journal-card {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-journal-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 40px rgba(0, 22, 38, 0.08);\r\n  }\r\n\r\n  \/* \u00c1REA DE IMAGEN *\/\r\n  #tc-whats-on-latest .tc-img-wrapper {\r\n    position: relative;\r\n    min-height: 400px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    #tc-whats-on-latest .tc-img-wrapper {\r\n      min-height: 100%;\r\n    }\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-preview-img {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-journal-card:hover .tc-preview-img {\r\n    transform: scale(1.05); \/* Efecto zoom on hover *\/\r\n  }\r\n\r\n  \/* BADGE ESTILO P\u00cdLDORA (18px) *\/\r\n  #tc-whats-on-latest .tc-badge-pill {\r\n    position: absolute;\r\n    top: 32px;\r\n    left: 32px;\r\n    z-index: 2;\r\n    padding: 8px 16px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 18px; \/* NUEVA REGLA: 18px *\/\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 4px 15px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  \/* \u00c1REA DE CONTENIDO *\/\r\n  #tc-whats-on-latest .tc-journal-body {\r\n    padding: 48px 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    background-color: var(--tc-bg-sand);\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    #tc-whats-on-latest .tc-journal-body {\r\n      padding: clamp(48px, 6vw, 80px);\r\n    }\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-eyebrow {\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.2em;\r\n    color: var(--tc-accent);\r\n    margin-bottom: 16px;\r\n    display: block;\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-heading-lg {\r\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\r\n    font-weight: 800; \/* Montserrat ExtraBold para jerarqu\u00eda *\/\r\n    line-height: 1.15;\r\n    letter-spacing: -0.02em;\r\n    color: var(--tc-primary);\r\n    margin: 0 0 20px 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-journal-card:hover .tc-heading-lg {\r\n    color: var(--tc-accent);\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-body-text {\r\n    font-size: 1.05rem;\r\n    line-height: 1.7;\r\n    color: var(--tc-text-muted);\r\n    margin: 0 0 40px 0;\r\n  }\r\n\r\n  \/* BOT\u00d3N \"LEER M\u00c1S\" (18px) *\/\r\n  #tc-whats-on-latest .tc-btn-read {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: var(--tc-primary);\r\n    color: #ffffff;\r\n    padding: 16px 32px;\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    border-radius: 18px; \/* NUEVA REGLA: 18px *\/\r\n    transition: background-color 0.3s ease, transform 0.2s ease;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  #tc-whats-on-latest .tc-journal-card:hover .tc-btn-read {\r\n    background-color: var(--tc-accent);\r\n    transform: translateY(-2px);\r\n  }\r\n<\/style>\r\n\r\n<section id=\"tc-whats-on-latest\">\r\n  <div class=\"tc-container\">\r\n    \r\n    <!-- \u2b07\ufe0f FRAN: Conectar este href con la URL din\u00e1mica del Post \u2b07\ufe0f -->\r\n    <a href=\"\/whats-on\/putechella-retreat\" class=\"tc-journal-card\">\r\n      \r\n      <!-- 1. Columna Izquierda: Imagen y Badge -->\r\n      <div class=\"tc-img-wrapper\">\r\n        <span class=\"tc-badge-pill\">\r\n          LATEST ON THE JOURNAL\r\n        <\/span>\r\n        <!-- \u2b07\ufe0f FRAN: Conectar este src con la \"Imagen Destacada\" del Post \u2b07\ufe0f -->\r\n        <img decoding=\"async\" class=\"tc-preview-img\" src=\"https:\/\/www.thecoastierge.com\/wp-content\/uploads\/2026\/08\/putechella.png\" alt=\"Tramonti Hills\">\r\n      <\/div>\r\n\r\n      <!-- 2. Columna Derecha: Contenido Editorial -->\r\n      <div class=\"tc-journal-body\">\r\n        \r\n        <!-- \u2b07\ufe0f FRAN: Conectar con la Categor\u00eda del Post \u2b07\ufe0f -->\r\n        <span class=\"tc-eyebrow\">\r\n          WHAT'S ON \u2022 PUTECHELLA ROOMS & RETREAT\r\n        <\/span>\r\n\r\n        <!-- \u2b07\ufe0f FRAN: Conectar con el T\u00edtulo (H1) del Post \u2b07\ufe0f -->\r\n        <h2 class=\"tc-heading-lg\">\r\n          In the Shade of the Cypresses: Finding Sanctuary at Putechella\r\n        <\/h2>\r\n\r\n        <!-- \u2b07\ufe0f FRAN: Conectar con el Extracto (Excerpt) del Post \u2b07\ufe0f -->\r\n        <p class=\"tc-body-text\">\r\n          When travelers ask me where to find the true, untamed spirit of the Amalfi Coast, I steer them away from the crowded coastal thoroughfares and up into the green hills of Tramonti.\r\n        <\/p>\r\n\r\n        <!-- Bot\u00f3n est\u00e1tico funcional -->\r\n        <div class=\"tc-btn-read\">\r\n          Read Full Story\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d61f6 elementor-widget elementor-widget-html\" data-id=\"b8d61f6\" 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-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. 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\/* 13. 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 - SECCI\u00d3N 04: EXPERIENCIA ESTACIONAL (HTML RESPONSIVE)          -->\r\n<!-- Contenedor CSS Grid para Gutenberg o Elementor con Carousel y Reserva VIP      -->\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    <!-- Encabezado de la Colecci\u00f3n con Flechas de Navegaci\u00f3n -->\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      <!-- Botones de Navegaci\u00f3n del Carrusel -->\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    <!-- Tarjeta Principal de la Experiencia (Grid de 2 Columnas) -->\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      <!-- Columna Izquierda: Fotograf\u00eda de la Cena al Atardecer -->\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        <!-- Badge de Edici\u00f3n Limitada -->\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        <!-- Paginador de Diapositivas (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      <!-- Columna Derecha: Detalles, Caracter\u00edsticas, Precio y CTA -->\r\n      <div style=\"padding: clamp(32px, 5vw, 56px); display: flex; flex-direction: column; justify-content: space-between;\">\r\n        <div>\r\n          <!-- Tag Categor\u00eda con Estrella -->\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          <!-- T\u00edtulo de la Experiencia -->\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        <!-- Barra Inferior: Tarifa y Bot\u00f3n de Reserva VIP -->\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          <!-- Bot\u00f3n de Reserva (Pill Negro con flecha) -->\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<!-- Fin Secci\u00f3n 04: Seasonal Experience -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Experiences What&#8217;s on About Authenticity is the key Unprecedented access to private coastal sanctuaries, secluded coves, and bespoke voyages across the Mediterranean. Unlock your journey Scroll to explore LATEST ON THE JOURNAL WHAT&#8217;S ON \u2022 PUTECHELLA ROOMS &#038; RETREAT In the Shade of the Cypresses: Finding Sanctuary at Putechella When travelers ask me where to [&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-122","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/pages\/122","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=122"}],"version-history":[{"count":274,"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":780,"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/pages\/122\/revisions\/780"}],"wp:attachment":[{"href":"https:\/\/www.thecoastierge.com\/index.php\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}