{"id":6195,"date":"2026-08-20T22:43:59","date_gmt":"2026-08-20T22:43:59","guid":{"rendered":"https:\/\/volcanoviewsglampingscr.com\/?page_id=6195"},"modified":"2026-08-26T01:48:39","modified_gmt":"2026-08-26T01:48:39","slug":"flotantes","status":"publish","type":"page","link":"https:\/\/volcanoviewsglampingscr.com\/es_es\/flotantes\/","title":{"rendered":"Flotantes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6195\" class=\"elementor elementor-6195\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a68c0a e-flex e-con-boxed e-con e-parent\" data-id=\"1a68c0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:6239,&quot;url&quot;:&quot;https:\\\/\\\/volcanoviewsglampingscr.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/sdhdtf.png&quot;}],&quot;background_slideshow_ken_burns&quot;:&quot;yes&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500,&quot;background_slideshow_ken_burns_zoom_direction&quot;:&quot;in&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50bf6fb e-con-full e-flex e-con e-parent\" data-id=\"50bf6fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80d6331 elementor-widget elementor-widget-html\" data-id=\"80d6331\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@300;400;600&display=swap');\r\n\r\n  .text-column {\r\n    font-family: 'Montserrat', sans-serif;\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: clamp(20px, 4vw, 40px);\r\n    box-sizing: border-box;\r\n    background-color: transparent;\r\n    text-align: center; \/* Alinea todo el contenido al centro como el resto de la p\u00e1gina *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* Centra los elementos flexibles como la l\u00ednea y la insignia *\/\r\n  }\r\n\r\n  .accent-line {\r\n    width: 45px;\r\n    height: 2px;\r\n    background-color: #d8b768;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .text-title {\r\n    font-family: 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n    font-weight: 700;\r\n    line-height: 1.18;\r\n    color: #111111;\r\n    margin-bottom: 20px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .text-paragraph {\r\n    font-size: clamp(0.95rem, 1.2vw, 1.05rem);\r\n    font-weight: 300;\r\n    line-height: 1.7;\r\n    color: \r\n#363232;\r\n    margin-bottom: 16px;\r\n    max-width: 800px; \/* Evita que las l\u00edneas de texto sean demasiado largas para leerse c\u00f3modamente al centro *\/\r\n  }\r\n\r\n  .schedule-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 8px 10px;\r\n    padding: 12px 18px;\r\n    border: 1px solid #e2d2aa;\r\n    border-radius: 6px;\r\n    background-color: rgba(216, 183, 104, 0.04);\r\n    font-size: 0.9rem;\r\n    color: #444444;\r\n    margin-top: 16px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .schedule-badge svg {\r\n    stroke: #d8b768;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .schedule-badge strong {\r\n    font-weight: 600;\r\n    color: #111111;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Ajustes responsivos para m\u00f3viles *\/\r\n  @media (max-width: 768px) {\r\n    .text-column {\r\n      padding: 16px;\r\n      max-width: 100%;\r\n    }\r\n    .schedule-badge {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"text-column\">\r\n  <div class=\"accent-line\"><\/div>\r\n  \r\n  <h2 class=\"text-title\">\r\n    Bandeja flotante en La Fortuna un recuerdo para toda la vida.\r\n  <\/h2>\r\n  \r\n  <p class=\"text-paragraph\">\r\n    Imagina despertar entre monta\u00f1as, entrar al agua tibia de tu jacuzzi privado y encontrar una tabla flotante decorada con p\u00e9talos, frutas tropicales y caf\u00e9 reci\u00e9n hecho, mientras el Volc\u00e1n Arenal se descubre entre la neblina. No es solo un desayuno: es el recuerdo que ambos van a contar por a\u00f1os.\r\n  <\/p>\r\n  \r\n  <p class=\"text-paragraph\">\r\n    Cada tabla se prepara a mano el mismo d\u00eda, con producto fresco de la zona de San Carlos y una decoraci\u00f3n pensada para su ocasi\u00f3n. Y si prefieren la magia de la noche, la misma experiencia se transforma en una cena rom\u00e1ntica flotante con velas LED y flores de loto iluminadas.\r\n  <\/p>\r\n  \r\n  <div class=\"schedule-badge\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\r\n    <\/svg>\r\n    <span>Disponible todos los d\u00edas de <strong>8:00 a. m. a 7:00 p. m.<\/strong><\/span>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ccfb73 e-flex e-con-boxed e-con e-parent\" data-id=\"0ccfb73\" 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-bbfb3ac elementor-widget elementor-widget-html\" data-id=\"bbfb3ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Secci\u00f3n de T\u00edtulo -->\r\n<div class=\"section-header\">\r\n    <div class=\"section-overline\">Nuestras Tablas<\/div>\r\n    <h2>Elige tu experiencia flotante<\/h2>\r\n    <p>Dos formatos, un mismo objetivo: que su estad\u00eda en La Fortuna tenga un momento irrepetible.<\/p>\r\n<\/div>\r\n\r\n<style>\r\n    .section-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .section-overline {\r\n        color: #A37F5D;\r\n        font-size: 0.8rem;\r\n        letter-spacing: 2.5px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 3.2rem;\r\n        color: #1A1D1C;\r\n        margin-bottom: 15px;\r\n        font-weight: 600;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    .section-header p {\r\n        color: #666666;\r\n        font-size: 1.05rem;\r\n        line-height: 1.6;\r\n        margin: 0 auto;\r\n        max-width: 600px;\r\n    }\r\n\r\n    \/* Responsividad para m\u00f3viles *\/\r\n    @media (max-width: 768px) {\r\n        .section-header h2 {\r\n            font-size: 2.4rem;\r\n        }\r\n        .section-header p {\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\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-2b35327 e-flex e-con-boxed e-con e-parent\" data-id=\"2b35327\" 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-c4ab0dd elementor-widget elementor-widget-html\" data-id=\"c4ab0dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Tarjetas con Imagen Superior<\/title>\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:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --bg-color: #FAF8F5;\r\n            --dark-color: #1A1D1C;\r\n            --gold: #C59B27;\r\n            --gold-light: #E8D399;\r\n            --text-dark: #2B2B2B;\r\n            --text-light: #F4F4F4;\r\n            --badge-red: #C86D74;\r\n            --font-heading: 'Playfair Display', serif;\r\n            --font-body: 'Montserrat', sans-serif;\r\n            --border-radius: 8px;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-body);\r\n            background-color: var(--bg-color);\r\n            color: var(--text-dark);\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pricing-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n        }\r\n\r\n        .pricing-card {\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.06);\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .pricing-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .card-light {\r\n            background-color: #FFF;\r\n            border: 1px solid #EAEAEA;\r\n        }\r\n\r\n        .card-dark {\r\n            background-color: var(--dark-color);\r\n            color: var(--text-light);\r\n        }\r\n\r\n        \/* --- Contenedor de la imagen en el interior superior --- *\/\r\n        .card-img-wrapper {\r\n            position: relative;\r\n            height: 250px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .card-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .badge {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            padding: 8px 25px;\r\n            font-size: 0.75rem;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            color: white;\r\n            z-index: 2;\r\n            clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);\r\n        }\r\n\r\n        .badge-popular { background-color: var(--badge-red); }\r\n        .badge-vip { background-color: var(--gold); color: var(--dark-color); }\r\n        \/* ---------------------------------------------------- *\/\r\n\r\n        .card-content {\r\n            padding: 40px 30px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .card-title {\r\n            font-family: var(--font-heading);\r\n            font-size: 1.8rem;\r\n            margin-bottom: 10px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .card-dark .card-title { color: white; }\r\n\r\n        .price {\r\n            font-size: 1.6rem;\r\n            color: var(--gold);\r\n            font-family: var(--font-heading);\r\n            margin-bottom: 25px;\r\n            display: flex;\r\n            align-items: baseline;\r\n            gap: 10px;\r\n        }\r\n\r\n        .price-crc {\r\n            font-size: 0.9rem;\r\n            font-family: var(--font-body);\r\n            color: #888;\r\n        }\r\n\r\n        .card-features {\r\n            list-style: none;\r\n            margin-bottom: 30px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .card-features li {\r\n            margin-bottom: 12px;\r\n            font-size: 0.95rem;\r\n            position: relative;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .card-features li::before {\r\n            content: '\u2022';\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--gold);\r\n            font-size: 1.2rem;\r\n            top: -2px;\r\n        }\r\n\r\n        .card-light .card-features li { color: #555; }\r\n        .card-dark .card-features li { color: #ccc; }\r\n\r\n        .optional-box {\r\n            background-color: var(--bg-color);\r\n            padding: 20px;\r\n            border-radius: var(--border-radius);\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .card-dark .optional-box {\r\n            background-color: rgba(255,255,255,0.05);\r\n        }\r\n\r\n        .optional-title {\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .optional-text {\r\n            font-size: 0.85rem;\r\n            color: #777;\r\n        }\r\n        \r\n        .card-dark .optional-text { color: #aaa; }\r\n\r\n        .btn-card {\r\n            width: 100%;\r\n            padding: 16px;\r\n            border-radius: 50px 5px 50px 50px;\r\n            border: 1px solid var(--gold);\r\n            background: transparent;\r\n            color: var(--gold);\r\n            font-weight: 600;\r\n            font-size: 0.85rem;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            display: inline-block;\r\n        }\r\n\r\n        .btn-card:hover {\r\n            background-color: var(--gold);\r\n            color: var(--dark-color);\r\n        }\r\n\r\n        .card-dark .btn-card {\r\n            background-color: var(--gold);\r\n            color: var(--dark-color);\r\n        }\r\n        \r\n        .card-dark .btn-card:hover {\r\n            background-color: #dcb340;\r\n        }\r\n\r\n        \/* Responsivo para m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .pricing-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"pricing-grid\">\r\n            \r\n            <!-- Tarjeta 1 (Clara) -->\r\n            <div class=\"pricing-card card-light\">\r\n                <!-- IMAGEN SUPERIOR INTERIOR -->\r\n                <div class=\"card-img-wrapper\">\r\n                    <span class=\"badge badge-popular\">M\u00c1S POPULAR<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/volcanoviewsglampingscr.com\/wp-content\/uploads\/2026\/08\/bkeakfasts-floating.png\" alt=\"Tabla de Coraz\u00f3n Flotante\" class=\"card-img\">\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Tabla de Coraz\u00f3n Romantic Volcano Views<\/h3>\r\n                    <div class=\"price\">\r\n                        $98 USD <span class=\"price-crc\">\/ \u20a144,500 CRC<\/span>\r\n                    <\/div>\r\n                    <ul class=\"card-features\">\r\n                        <li>Frutas tropicales frescas de la zona<\/li>\r\n                        <li>Yogurt con granola casera y miel artesanal<\/li>\r\n                        <li>Chocolates finos y quesos con jalea de guayaba<\/li>\r\n                        <li>Jugos naturales, batidos y caf\u00e9 costarricense<\/li>\r\n                        <li>Decoraci\u00f3n con p\u00e9talos sobre el agua<\/li>\r\n                    <\/ul>\r\n                    \r\n                    <div class=\"optional-box\">\r\n                        <div class=\"optional-title\">Opcional +$35 USD<\/div>\r\n                        <div class=\"optional-text\">Desayuno t\u00edpico costarricense (gallo pinto, tocineta, salchichas, pl\u00e1tanos y queso frito) o versi\u00f3n cena (wraps de pollo, brochetas y hamburguesas artesanales).<\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/wa.me\/50689891809?text=Hola,%20deseo%20reservar%20la%20Tabla%20de%20Coraz%C3%B3n%20Flotante\" class=\"btn-card\" rel=\"nofollow noopener\" target=\"_blank\">Reservar por WhatsApp<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 2 (Oscura VIP) -->\r\n            <div class=\"pricing-card card-dark\">\r\n                <!-- IMAGEN SUPERIOR INTERIOR -->\r\n                <div class=\"card-img-wrapper\">\r\n                    <span class=\"badge badge-vip\">VIP<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/volcanoviewsglampingscr.com\/wp-content\/uploads\/2026\/08\/sdhdtf.png\" alt=\"Experiencia VIP Sunrise y Sunset\" class=\"card-img\">\r\n                <\/div>\r\n\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Experiencia Rom\u00e1ntica Sunrise & Sunset \u2013 Tabla de Manjar<\/h3>\r\n                    <div class=\"price\">\r\n                        $165 USD <span class=\"price-crc\">\/ \u20a174,500 CRC<\/span>\r\n                    <\/div>\r\n                    <ul class=\"card-features\">\r\n                        <li>Quesos madurados, jam\u00f3n serrano y frutas frescas<\/li>\r\n                        <li>Yogurt, granola y chocolates finos<\/li>\r\n                        <li>Plato fuerte a elegir: desayuno t\u00edpico completo o men\u00fa gourmet<\/li>\r\n                        <li>Botella de vino espumante o champagne con copas en hielera<\/li>\r\n                        <li>Decoraci\u00f3n tem\u00e1tica personalizada con velas LED flotantes<\/li>\r\n                    <\/ul>\r\n                    \r\n                    <a href=\"https:\/\/wa.me\/50689891809?text=Hola,%20deseo%20reservar%20la%20Experiencia%20VIP%20Flotante\" class=\"btn-card\" style=\"margin-top: auto;\" rel=\"nofollow noopener\" target=\"_blank\">Reservar Experiencia VIP<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-f037610 e-flex e-con-boxed e-con e-parent\" data-id=\"f037610\" 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-8f6597e elementor-widget elementor-widget-html\" data-id=\"8f6597e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Ocasiones - Experiencia Flotante<\/title>\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:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --bg-color: #FAF8F5;\r\n            --dark-color: #1A1D1C;\r\n            --gold: #C59B27;\r\n            --text-dark: #2B2B2B;\r\n            --font-heading: 'Playfair Display', serif;\r\n            --font-body: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-body);\r\n            background-color: var(--bg-color);\r\n            color: var(--text-dark);\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        .occasions-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Cabecera de la secci\u00f3n *\/\r\n        .section-header {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto 50px auto;\r\n        }\r\n\r\n        .section-overline {\r\n            color: var(--gold);\r\n            font-size: 0.8rem;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 15px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-family: var(--font-heading);\r\n            font-size: 3rem;\r\n            color: var(--dark-color);\r\n            line-height: 1.2;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Cuadr\u00edcula de 4 columnas *\/\r\n        .occasions-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 25px;\r\n        }\r\n\r\n        \/* Estilo de cada tarjeta *\/\r\n        .occasion-card {\r\n            background-color: #FFFFFF;\r\n            border: 1px solid rgba(197, 155, 39, 0.25);\r\n            border-radius: 6px;\r\n            padding: 40px 25px;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .occasion-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        \/* Contenedor del \u00edcono circular *\/\r\n        .icon-wrapper {\r\n            width: 60px;\r\n            height: 60px;\r\n            border: 1px solid var(--gold);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n            color: var(--gold);\r\n        }\r\n\r\n        .icon-wrapper svg {\r\n            width: 24px;\r\n            height: 24px;\r\n            stroke: var(--gold);\r\n            fill: none;\r\n            stroke-width: 1.5;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n\r\n        \/* T\u00edtulos y textos de la tarjeta *\/\r\n        .occasion-title {\r\n            font-family: var(--font-heading);\r\n            font-size: 1.4rem;\r\n            color: var(--dark-color);\r\n            margin-bottom: 15px;\r\n            font-weight: 600;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .occasion-desc {\r\n            font-size: 0.9rem;\r\n            color: #666666;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Responsividad para tabletas y m\u00f3viles *\/\r\n        @media (max-width: 1024px) {\r\n            .occasions-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            .section-header h2 {\r\n                font-size: 2.4rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .occasions-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .section-header h2 {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"occasions-container\">\r\n        \r\n        <!-- Cabecera -->\r\n        <div class=\"section-header\">\r\n            <div class=\"section-overline\">Ocasiones<\/div>\r\n            <h2>Momentos Perfectos para una Experiencia Flotante<\/h2>\r\n        <\/div>\r\n\r\n        <!-- Cuadr\u00edcula de Ocasiones -->\r\n        <div class=\"occasions-grid\">\r\n            \r\n            <!-- Tarjeta 1: Pedidas de matrimonio -->\r\n            <div class=\"occasion-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <!-- \u00cdcono de Diamante -->\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M6 3h12l4 6-10 13L2 9z\"\/><path d=\"M2 9h20\"\/><path d=\"M10 9v13\"\/><path d=\"M14 9v13\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"occasion-title\">Pedidas de matrimonio<\/h3>\r\n                <p class=\"occasion-desc\">Un s\u00ed frente al Arenal, con p\u00e9talos, champagne y el momento perfecto para la pregunta.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 2: Aniversarios y cumplea\u00f1os -->\r\n            <div class=\"occasion-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <!-- \u00cdcono de Pastel -->\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8\"\/><path d=\"M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1\"\/><path d=\"M12 7V3\"\/><path d=\"M10 5h4\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"occasion-title\">Aniversarios y cumplea\u00f1os<\/h3>\r\n                <p class=\"occasion-desc\">Celebra las fechas que importan con una mesa flotante decorada solo para ustedes.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 3: Sorpresas rom\u00e1nticas -->\r\n            <div class=\"occasion-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <!-- \u00cdcono de Coraz\u00f3n -->\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"occasion-title\">Sorpresas rom\u00e1nticas<\/h3>\r\n                <p class=\"occasion-desc\">Preparamos todo en secreto mientras tu pareja descansa: llegar y descubrirlo es la magia.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 4: Contenido fotogr\u00e1fico -->\r\n            <div class=\"occasion-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <!-- \u00cdcono de C\u00e1mara -->\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"occasion-title\">Contenido fotogr\u00e1fico<\/h3>\r\n                <p class=\"occasion-desc\">Una escena impecable para fotos y video: agua turquesa, dorado c\u00e1lido y el volc\u00e1n detr\u00e1s.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-a1d4f90 e-flex e-con-boxed e-con e-parent\" data-id=\"a1d4f90\" 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-a316104 elementor-widget elementor-widget-html\" data-id=\"a316104\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Preguntas Frecuentes<\/title>\r\n    <!-- Fuentes originales -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --dark-color: #1A1D1C;\r\n            --gold: #C59B27;\r\n            --bg-color: #FAF8F5;\r\n            --font-heading: 'Playfair Display', serif;\r\n            --font-body: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-body);\r\n            background-color: var(--bg-color);\r\n            margin: 0;\r\n            padding: 20px 10px;\r\n        }\r\n\r\n        \/* Estilos de la secci\u00f3n *\/\r\n        .faq-section {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-overline {\r\n            color: #A37F5D;\r\n            font-size: 0.8rem;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 15px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-family: var(--font-heading);\r\n            font-size: 3.2rem;\r\n            color: var(--dark-color);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Acorde\u00f3n *\/\r\n        .faq-item {\r\n            border-bottom: 1px solid #EAEAEA;\r\n            padding: 25px 0;\r\n        }\r\n\r\n        .faq-question {\r\n            font-family: var(--font-heading);\r\n            font-size: 1.3rem;\r\n            color: var(--dark-color);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .faq-question::after {\r\n            content: '\u2304';\r\n            font-size: 1.5rem;\r\n            color: var(--gold);\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .faq-item.active .faq-question::after {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n            color: #555;\r\n            padding-right: 30px;\r\n        }\r\n\r\n        .faq-item.active .faq-answer {\r\n            max-height: 200px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .section-header h2 { font-size: 2.5rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"faq-section\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-overline\">Preguntas Frecuentes<\/div>\r\n            <h2>Antes de reservar<\/h2>\r\n        <\/div>\r\n        \r\n        <div class=\"faq-list\">\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\u00bfCon cu\u00e1nto tiempo de anticipaci\u00f3n debo reservar?<\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Recomendamos coordinar tu experiencia flotante con al menos 24 a 48 horas de anticipaci\u00f3n. Esto nos permite garantizar la frescura de todos los ingredientes (especialmente frutas y quesos), preparar los detalles personalizados y organizar la decoraci\u00f3n de manera impecable.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\u00bfPuedo solicitar la experiencia si me hospedo en cualquier domo?<\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>S\u00ed, absolutamente. La experiencia flotante est\u00e1 dise\u00f1ada para adaptarse y servirse directamente en el jacuzzi o \u00e1rea de piscina privada de cualquiera de nuestras unidades de glamping, asegurando total privacidad y confort.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.querySelectorAll('.faq-question').forEach(item => {\r\n            item.addEventListener('click', event => {\r\n                const currentItem = event.target.closest('.faq-item');\r\n                const isActive = currentItem.classList.contains('active');\r\n                \r\n                \/\/ Cierra los dem\u00e1s\r\n                document.querySelectorAll('.faq-item').forEach(faq => {\r\n                    faq.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Abre el clicado si no estaba abierto\r\n                if (!isActive) {\r\n                    currentItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-bcfd6e1 e-flex e-con-boxed e-con e-parent\" data-id=\"bcfd6e1\" 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-d5d08be elementor-widget elementor-widget-html\" data-id=\"d5d08be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Cierre y Reserva<\/title>\r\n    <!-- Fuentes originales -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --dark-color: #1A1D1C;\r\n            --gold: #C59B27;\r\n            --font-heading: 'Playfair Display', serif;\r\n            --font-body: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            background-color: #FAF8F5;\r\n            font-family: var(--font-body);\r\n        }\r\n\r\n        \/* Secci\u00f3n principal oscura *\/\r\n        .cta-footer-section {\r\n            background-color: var(--dark-color);\r\n            color: #FFFFFF;\r\n            position: relative;\r\n            padding: 90px 20px 40px 20px;\r\n            text-align: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Onda superior decorativa *\/\r\n        .wave-top {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            line-height: 0;\r\n        }\r\n\r\n        .wave-top svg {\r\n            position: relative;\r\n            display: block;\r\n            width: calc(100% + 1.3px);\r\n            height: 50px;\r\n        }\r\n\r\n        .wave-top path {\r\n            fill: #FAF8F5; \/* Coincide con el color de fondo superior *\/\r\n        }\r\n\r\n        .content-container {\r\n            max-width: 800px;\r\n            margin: 30px auto 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .accent-line {\r\n            width: 40px;\r\n            height: 2px;\r\n            background-color: var(--gold);\r\n            margin: 0 auto 25px auto;\r\n        }\r\n\r\n        .cta-footer-section h2 {\r\n            font-family: var(--font-heading);\r\n            font-size: 3rem;\r\n            font-weight: 600;\r\n            line-height: 1.2;\r\n            color: #FFFFFF;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .cta-footer-section p {\r\n            font-size: 1.05rem;\r\n            line-height: 1.6;\r\n            color: #CCCCCC;\r\n            margin-bottom: 40px;\r\n            font-weight: 300;\r\n        }\r\n\r\n        \/* Bot\u00f3n de WhatsApp *\/\r\n        .btn-whatsapp {\r\n            display: inline-block;\r\n            background-color: var(--gold);\r\n            color: var(--dark-color);\r\n            font-family: var(--font-body);\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            padding: 16px 36px;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            letter-spacing: 1px;\r\n            font-size: 0.85rem;\r\n            transition: background-color 0.3s ease, transform 0.2s ease;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .btn-whatsapp:hover {\r\n            background-color: #d4a72b;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* L\u00ednea separadora inferior *\/\r\n        .divider-line {\r\n            border: none;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            margin: 0 auto 30px auto;\r\n            max-width: 100%;\r\n        }\r\n\r\n        \/* Branding del pie *\/\r\n        .footer-brand {\r\n            font-family: var(--font-heading);\r\n            color: var(--gold);\r\n            font-size: 1.2rem;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .footer-location {\r\n            font-size: 0.85rem;\r\n            color: #888888;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .cta-footer-section h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .cta-footer-section p {\r\n                font-size: 0.95rem;\r\n                padding: 0 10px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"cta-footer-section\">\r\n        <!-- Onda superior -->\r\n        <div class=\"wave-top\">\r\n            <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n                <path d=\"M0,0 C150,90 350,-40 500,40 C650,120 900,10 1200,50 L1200,0 L0,0 Z\"><\/path>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"content-container\">\r\n            <div class=\"accent-line\"><\/div>\r\n            <h2>Que su noche en La Fortuna brille sobre el agua<\/h2>\r\n            <p>Velas LED, flores de loto iluminadas y una cena flotante frente al Arenal.<br>Escr\u00edbenos y armamos la sorpresa contigo.<\/p>\r\n            \r\n            <a href=\"https:\/\/wa.me\/89891809\" target=\"_blank\" class=\"btn-whatsapp\" rel=\"nofollow noopener\">Reservar por WhatsApp<\/a>\r\n\r\n            <hr class=\"divider-line\">\r\n\r\n            <div class=\"footer-brand\">Volcano Views Glamping<\/div>\r\n            <div class=\"footer-location\">La Fortuna, San Carlos &middot; Costa Rica<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Bandeja flotante en La Fortuna un recuerdo para toda la vida. Imagina despertar entre monta\u00f1as, entrar al agua tibia de tu jacuzzi privado y encontrar una tabla flotante decorada con p\u00e9talos, frutas tropicales y caf\u00e9 reci\u00e9n hecho, mientras el Volc\u00e1n Arenal se descubre entre la neblina. No es solo un desayuno: es el recuerdo que [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-6195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/pages\/6195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/comments?post=6195"}],"version-history":[{"count":142,"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/pages\/6195\/revisions"}],"predecessor-version":[{"id":6419,"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/pages\/6195\/revisions\/6419"}],"wp:attachment":[{"href":"https:\/\/volcanoviewsglampingscr.com\/es_es\/wp-json\/wp\/v2\/media?parent=6195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}