{"id":7754,"date":"2025-03-06T09:16:00","date_gmt":"2025-03-06T14:16:00","guid":{"rendered":"https:\/\/lulusleepcoach.com\/?page_id=7754"},"modified":"2026-10-23T14:59:07","modified_gmt":"2026-10-23T19:59:07","slug":"planes","status":"publish","type":"page","link":"https:\/\/lulusleepcoach.com\/en\/planes\/","title":{"rendered":"Planes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7754\" class=\"elementor elementor-7754\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a282d4 e-flex e-con-boxed e-con e-parent\" data-id=\"2a282d4\" 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-bb656f1 elementor-widget elementor-widget-shortcode\" data-id=\"bb656f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- Carga de Tailwind CSS -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<!-- Configuraci\u00f3n de Tailwind -->\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        fontFamily: {\r\n          sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n        },\r\n        colors: {\r\n          brand: {\r\n            main: '#c78bbc',\r\n            mint: '#a1d8d5',\r\n            purple: '#662482',\r\n            dark: '#3f1152',\r\n          },\r\n          bgCustom: {\r\n            main: '#f5fdfc',\r\n            mintSoft: '#e1efee',\r\n            purpleSoft: '#e6deee'\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Estilos CSS -->\r\n<style>\r\n  body { \r\n    font-family: 'Plus Jakarta Sans', sans-serif; \r\n    background-color: transparent; \r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .badge-blur {\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n  }\r\n  .btn-press:active {\r\n    transform: scale(0.97);\r\n  }\r\n  .card-img-container {\r\n    width: 100%;\r\n    height: 220px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .card-img-container img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n  }\r\n  ::-webkit-scrollbar {\r\n    width: 6px;\r\n  }\r\n  ::-webkit-scrollbar-track {\r\n    background: #f5fdfc;\r\n  }\r\n  ::-webkit-scrollbar-thumb {\r\n    background: #c78bbc;\r\n    border-radius: 10px;\r\n  }\r\n<\/style>\r\n\r\n<!-- Contenido Visual de la P\u00e1gina -->\r\n<div class=\"w-full text-gray-800 antialiased selection:bg-brand-main selection:text-white\">\r\n\r\n  <!-- Selector de Moneda y Carrito -->\r\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-0 pb-2 flex justify-end items-center gap-3\">\r\n    <div class=\"flex items-center bg-bgCustom-purpleSoft\/70 p-1 rounded-full border border-brand-main\/20 text-xs font-semibold shadow-inner\">\r\n      <button id=\"btn-usd\" onclick=\"setCurrency('USD')\" class=\"px-3 py-1 rounded-full transition-all bg-white text-brand-purple shadow-sm font-bold\">USD<\/button>\r\n      <button id=\"btn-cop\" onclick=\"setCurrency('COP')\" class=\"px-3 py-1 rounded-full transition-all text-gray-600 hover:text-brand-purple\">COP<\/button>\r\n    <\/div>\r\n\r\n    <button onclick=\"toggleCart()\" class=\"relative p-2 text-brand-purple hover:text-brand-main transition-colors bg-white rounded-full border border-brand-mint\/50 shadow-sm btn-press focus:outline-none\" aria-label=\"Abrir carrito\">\r\n      <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\"\/>\r\n      <\/svg>\r\n      <span id=\"cart-count\" class=\"absolute -top-1 -right-1 bg-brand-main text-white text-[10px] font-extrabold w-4 h-4 rounded-full flex items-center justify-center border-2 border-white scale-0 transition-transform duration-300 shadow-sm\">0<\/span>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- Banner Hero Introducci\u00f3n -->\r\n  <section class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-1 pb-4\">\r\n    <div class=\"bg-gradient-to-r from-bgCustom-purpleSoft\/60 via-bgCustom-main to-bgCustom-mintSoft\/60 rounded-3xl p-6 sm:p-8 border border-brand-main\/20 flex flex-col md:flex-row items-center justify-between gap-4 shadow-sm\">\r\n      <div class=\"max-w-xl text-center md:text-left\">\r\n        <span class=\"text-[10px] uppercase tracking-widest font-extrabold text-brand-purple bg-white px-3 py-1 rounded-full border border-brand-main\/20 shadow-sm\">Acompa\u00f1amiento Respetuoso<\/span>\r\n        <h1 class=\"text-2xl sm:text-3xl md:text-4xl font-extrabold text-brand-purple mt-2 tracking-tight\">Conoce las opciones<\/h1>\r\n        <p class=\"text-gray-600 mt-2 text-xs sm:text-sm leading-relaxed\">Planes y asesor\u00edas de sue\u00f1o infantil dise\u00f1ados a la medida de tu familia.<\/p>\r\n      <\/div>\r\n      <div class=\"flex-shrink-0\">\r\n        <div class=\"inline-flex items-center gap-2 bg-white px-3 py-1.5 rounded-2xl border border-brand-mint\/60 shadow-sm text-xs font-semibold text-brand-purple\">\r\n          <svg class=\"w-4 h-4 text-brand-main\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n          <span>Acompa\u00f1amiento 100% personalizado<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Grilla de Planes -->\r\n  <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 md:py-8\">\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n\r\n      <!-- Plan 1: Plan B\u00e1sico -->\r\n      <div class=\"bg-white rounded-3xl overflow-hidden border border-brand-main\/20 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col group hover:-translate-y-1\">\r\n        <div class=\"card-img-container bg-bgCustom-mintSoft\">\r\n          <img decoding=\"async\" src=\"https:\/\/lulusleepcoach.com\/wp-content\/uploads\/2026\/10\/plan-basico.jpeg\" alt=\"Plan B\u00e1sico\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1519689680058-324335c77eba?auto=format&fit=crop&w=800&q=80'\" class=\"group-hover:scale-105 transition-transform duration-500\">\r\n          <span class=\"absolute top-3 left-3 bg-white\/90 badge-blur text-brand-purple text-xs font-bold px-3 py-1 rounded-full border border-white shadow-sm z-10\">Planes<\/span>\r\n        <\/div>\r\n        <div class=\"p-5 flex-1 flex flex-col justify-between\">\r\n          <div>\r\n            <h3 class=\"text-lg font-bold text-brand-purple\">Plan B\u00e1sico<\/h3>\r\n            <p class=\"text-xs text-gray-600 mt-2 leading-relaxed\">Diagn\u00f3stico inicial, consulta por videollamada (1.5 hrs), plan personalizado y llamada de seguimiento de 30 mins.<\/p>\r\n          <\/div>\r\n          <div class=\"mt-4 pt-4 border-t border-gray-100 flex items-center justify-between\">\r\n            <div>\r\n              <span class=\"text-[10px] text-gray-400 block font-medium\">Inversi\u00f3n<\/span>\r\n              <span class=\"text-xl font-extrabold text-brand-purple\">\r\n                <span class=\"wmc-usd\">USD $160<\/span>\r\n                <span class=\"wmc-cop hidden\">$500.000 COP<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <button onclick=\"addToCart(7947, 'Plan B\u00e1sico', 160, 500000)\" class=\"bg-bgCustom-purpleSoft hover:bg-brand-main hover:text-white text-brand-purple px-4 py-2 rounded-full text-xs font-bold transition-all btn-press shadow-sm\">\r\n              A\u00f1adir al carrito\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Plan 2: Plan Full -->\r\n      <div class=\"bg-white rounded-3xl overflow-hidden border-2 border-brand-main shadow-md hover:shadow-2xl transition-all duration-300 flex flex-col group relative hover:-translate-y-1\">\r\n        <div class=\"absolute top-3 right-3 z-10 bg-brand-main text-white text-[10px] font-extrabold px-3 py-1 rounded-full shadow-md\">\r\n          M\u00e1s Popular\r\n        <\/div>\r\n        <div class=\"card-img-container bg-bgCustom-mintSoft\">\r\n          <img decoding=\"async\" src=\"https:\/\/lulusleepcoach.com\/wp-content\/uploads\/2026\/10\/plan-full.jpeg\" alt=\"Plan Full\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=800&q=80'\" class=\"group-hover:scale-105 transition-transform duration-500\">\r\n          <span class=\"absolute top-3 left-3 bg-white\/90 badge-blur text-brand-purple text-xs font-bold px-3 py-1 rounded-full border border-white shadow-sm z-10\">Planes<\/span>\r\n        <\/div>\r\n        <div class=\"p-5 flex-1 flex flex-col justify-between\">\r\n          <div>\r\n            <h3 class=\"text-lg font-bold text-brand-purple\">Plan Full<\/h3>\r\n            <p class=\"text-xs text-gray-600 mt-2 leading-relaxed\">Seguimiento continuo 1 a 1 diario por WhatsApp para ajustar el plan y guiarte paso a paso durante el proceso.<\/p>\r\n          <\/div>\r\n          <div class=\"mt-4 pt-4 border-t border-gray-100 flex items-center justify-between\">\r\n            <div>\r\n              <span class=\"text-[10px] text-gray-400 block font-medium\">Inversi\u00f3n<\/span>\r\n              <span class=\"text-xl font-extrabold text-brand-purple\">\r\n                <span class=\"wmc-usd\">USD $280<\/span>\r\n                <span class=\"wmc-cop hidden\">$850.000 COP<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <button onclick=\"addToCart(7948, 'Plan Full', 280, 850000)\" class=\"bg-brand-main hover:bg-brand-purple text-white px-4 py-2 rounded-full text-xs font-bold transition-all shadow-md btn-press\">\r\n              A\u00f1adir al carrito\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Plan 3: Llamada SOS -->\r\n      <div class=\"bg-white rounded-3xl overflow-hidden border border-brand-main\/20 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col group hover:-translate-y-1\">\r\n        <div class=\"card-img-container bg-bgCustom-mintSoft\">\r\n          <img decoding=\"async\" src=\"https:\/\/lulusleepcoach.com\/wp-content\/uploads\/2026\/10\/llamada-sos.jpeg\" alt=\"Llamada SOS\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1544126592-807ade215a0b?auto=format&fit=crop&w=800&q=80'\" class=\"group-hover:scale-105 transition-transform duration-500\">\r\n          <span class=\"absolute top-3 left-3 bg-white\/90 badge-blur text-brand-purple text-xs font-bold px-3 py-1 rounded-full border border-white shadow-sm z-10\">Llamadas<\/span>\r\n        <\/div>\r\n        <div class=\"p-5 flex-1 flex flex-col justify-between\">\r\n          <div>\r\n            <h3 class=\"text-lg font-bold text-brand-purple\">Llamada SOS<\/h3>\r\n            <p class=\"text-xs text-gray-600 mt-2 leading-relaxed\">Asesor\u00eda puntual de 45 minutos para resolver dudas espec\u00edficas, retrocesos de sue\u00f1o o muletillas.<\/p>\r\n          <\/div>\r\n          <div class=\"mt-4 pt-4 border-t border-gray-100 flex items-center justify-between\">\r\n            <div>\r\n              <span class=\"text-[10px] text-gray-400 block font-medium\">Inversi\u00f3n<\/span>\r\n              <span class=\"text-xl font-extrabold text-brand-purple\">\r\n                <span class=\"wmc-usd\">USD $57<\/span>\r\n                <span class=\"wmc-cop hidden\">$180.000 COP<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <button onclick=\"addToCart(7962, 'Llamada SOS', 57, 180000)\" class=\"bg-bgCustom-purpleSoft hover:bg-brand-main hover:text-white text-brand-purple px-4 py-2 rounded-full text-xs font-bold transition-all btn-press shadow-sm\">\r\n              A\u00f1adir al carrito\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Plan 4: Taller 0 a 4m Personalizado -->\r\n      <div class=\"bg-white rounded-3xl overflow-hidden border border-brand-main\/20 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col group hover:-translate-y-1\">\r\n        <div class=\"card-img-container bg-bgCustom-mintSoft\">\r\n          <img decoding=\"async\" src=\"https:\/\/lulusleepcoach.com\/wp-content\/uploads\/2026\/10\/taller-de-0-a-4-meses-personalizado.jpeg\" alt=\"Taller 0 a 4m\" style=\"object-position: center 40%;\" class=\"group-hover:scale-105 transition-transform duration-500\">\r\n          <span class=\"absolute top-3 left-3 bg-white\/90 badge-blur text-brand-purple text-xs font-bold px-3 py-1 rounded-full border border-white shadow-sm z-10\">Talleres<\/span>\r\n        <\/div>\r\n        <div class=\"p-5 flex-1 flex flex-col justify-between\">\r\n          <div>\r\n            <h3 class=\"text-lg font-bold text-brand-purple\">Taller 0 a 4m Personalizado<\/h3>\r\n            <p class=\"text-xs text-gray-600 mt-2 leading-relaxed\">Crea h\u00e1bitos de sue\u00f1o saludables desde la etapa de reci\u00e9n nacido con una gu\u00eda personalizada.<\/p>\r\n          <\/div>\r\n          <div class=\"mt-4 pt-4 border-t border-gray-100 flex items-center justify-between\">\r\n            <div>\r\n              <span class=\"text-[10px] text-gray-400 block font-medium\">Inversi\u00f3n<\/span>\r\n              <span class=\"text-xl font-extrabold text-brand-purple\">\r\n                <span class=\"wmc-usd\">USD $115<\/span>\r\n                <span class=\"wmc-cop hidden\">$360.000 COP<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <button onclick=\"addToCart(7946, 'Taller 0 a 4m Personalizado', 115, 360000)\" class=\"bg-bgCustom-purpleSoft hover:bg-brand-main hover:text-white text-brand-purple px-4 py-2 rounded-full text-xs font-bold transition-all btn-press shadow-sm\">\r\n              A\u00f1adir al carrito\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Plan 5: Curso Beb\u00e9s 0 a 4m -->\r\n      <div class=\"bg-white rounded-3xl overflow-hidden border border-brand-main\/20 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col group hover:-translate-y-1\">\r\n        <div class=\"card-img-container bg-bgCustom-mintSoft\">\r\n          <img decoding=\"async\" src=\"https:\/\/lulusleepcoach.com\/wp-content\/uploads\/2026\/10\/curso-pregrabado.jpeg\" alt=\"Curso Beb\u00e9s 0 a 4m\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1515488042361-ee00e0ddd4e4?auto=format&fit=crop&w=800&q=80'\" class=\"group-hover:scale-105 transition-transform duration-500\">\r\n          <span class=\"absolute top-3 left-3 bg-brand-main text-white text-xs font-bold px-3 py-1 rounded-full shadow-sm z-10\">Curso Online<\/span>\r\n        <\/div>\r\n        <div class=\"p-5 flex-1 flex flex-col justify-between\">\r\n          <div>\r\n            <h3 class=\"text-lg font-bold text-brand-purple\">Curso Beb\u00e9s de 0 a 4m<\/h3>\r\n            <p class=\"text-xs text-gray-600 mt-2 leading-relaxed\">Acceso inmediato a contenido pregrabado para aprender a tu propio ritmo sobre el descanso inicial.<\/p>\r\n          <\/div>\r\n          <div class=\"mt-4 pt-4 border-t border-gray-100 flex items-center justify-between\">\r\n            <div>\r\n              <span class=\"text-[10px] text-gray-400 block font-medium\">Inversi\u00f3n<\/span>\r\n              <span class=\"text-xl font-extrabold text-brand-purple\">\r\n                <span class=\"wmc-usd\">USD $50<\/span>\r\n                <span class=\"wmc-cop hidden\">$150.000 COP<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <button onclick=\"addToCart(8151, 'Curso beb\u00e9s 0 a 4m', 50, 150000)\" class=\"bg-bgCustom-purpleSoft hover:bg-brand-main hover:text-white text-brand-purple px-4 py-2 rounded-full text-xs font-bold transition-all btn-press shadow-sm\">\r\n              A\u00f1adir al carrito\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/main>\r\n\r\n  <!-- Carrito Lateral Desplegable (Drawer) -->\r\n  <div id=\"cart-drawer\" class=\"fixed inset-0 z-50 pointer-events-none transition-opacity duration-300 opacity-0\">\r\n    <div class=\"absolute inset-0 bg-black\/40 backdrop-blur-xs transition-opacity\" onclick=\"toggleCart()\"><\/div>\r\n    \r\n    <div class=\"absolute right-0 top-0 h-full w-full max-w-md bg-white shadow-2xl p-6 flex flex-col justify-between transition-transform duration-300 transform translate-x-full pointer-events-auto\" id=\"cart-content\">\r\n      <div>\r\n        <div class=\"flex items-center justify-between pb-4 border-b border-gray-100\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <svg class=\"w-6 h-6 text-brand-purple\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\"\/><\/svg>\r\n            <h2 class=\"text-xl font-bold text-brand-purple\">Tu Carrito<\/h2>\r\n          <\/div>\r\n          <button onclick=\"toggleCart()\" class=\"text-gray-400 hover:text-brand-purple transition-colors p-1\" aria-label=\"Cerrar carrito\">\r\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div id=\"cart-items\" class=\"mt-6 space-y-4 max-h-[60vh] overflow-y-auto pr-1\">\r\n          <div class=\"text-center py-12\">\r\n            <div class=\"w-16 h-16 bg-bgCustom-purpleSoft rounded-full flex items-center justify-center mx-auto mb-3 text-brand-main\">\r\n              <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"text-gray-400 text-sm font-medium\">Tu carrito est\u00e1 vac\u00edo<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pt-4 border-t border-gray-100 bg-white\">\r\n        <div class=\"flex justify-between items-center mb-4\">\r\n          <span class=\"text-gray-500 font-medium text-sm\">Subtotal<\/span>\r\n          <span id=\"cart-total\" class=\"text-2xl font-extrabold text-brand-purple\">USD $0<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/lulusleepcoach.com\/checkout\/\" class=\"block w-full bg-brand-main hover:bg-brand-purple text-white text-center py-3.5 rounded-full font-bold shadow-lg shadow-brand-main\/20 transition-all btn-press\">\r\n          Finalizar Compra\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JavaScript al Final -->\r\n<script>\r\n  let currentCurrency = 'USD';\r\n  let cart = [];\r\n\r\n  function setCurrency(currency) {\r\n    currentCurrency = currency;\r\n    \r\n    const btnUsd = document.getElementById('btn-usd');\r\n    const btnCop = document.getElementById('btn-cop');\r\n    const usdPrices = document.querySelectorAll('.wmc-usd');\r\n    const copPrices = document.querySelectorAll('.wmc-cop');\r\n    \r\n    if (currency === 'USD') {\r\n      btnUsd.className = 'px-3 py-1 rounded-full transition-all bg-white text-brand-purple shadow-sm font-bold';\r\n      btnCop.className = 'px-3 py-1 rounded-full transition-all text-gray-600 hover:text-brand-purple';\r\n      \r\n      usdPrices.forEach(el => el.classList.remove('hidden'));\r\n      copPrices.forEach(el => el.classList.add('hidden'));\r\n    } else {\r\n      btnCop.className = 'px-3 py-1 rounded-full transition-all bg-white text-brand-purple shadow-sm font-bold';\r\n      btnUsd.className = 'px-3 py-1 rounded-full transition-all text-gray-600 hover:text-brand-purple';\r\n      \r\n      copPrices.forEach(el => el.classList.remove('hidden'));\r\n      usdPrices.forEach(el => el.classList.add('hidden'));\r\n    }\r\n\r\n    updateCartUI();\r\n  }\r\n\r\n  function toggleCart() {\r\n    const drawer = document.getElementById('cart-drawer');\r\n    const content = document.getElementById('cart-content');\r\n    \r\n    if (drawer.classList.contains('opacity-0')) {\r\n      drawer.classList.remove('opacity-0', 'pointer-events-none');\r\n      content.classList.remove('translate-x-full');\r\n    } else {\r\n      drawer.classList.add('opacity-0', 'pointer-events-none');\r\n      content.classList.add('translate-x-full');\r\n    }\r\n  }\r\n\r\n  function addToCart(id, name, priceUSD, priceCOP) {\r\n    fetch(`\/?add-to-cart=${id}`).catch(err => console.log('Sincronizado'));\r\n    const existing = cart.find(item => item.id === id);\r\n    if (existing) {\r\n      existing.qty += 1;\r\n    } else {\r\n      cart.push({ id, name, priceUSD, priceCOP, qty: 1 });\r\n    }\r\n    updateCartUI();\r\n    toggleCart();\r\n  }\r\n\r\n  function removeFromCart(id) {\r\n    cart = cart.filter(item => item.id !== id);\r\n    updateCartUI();\r\n  }\r\n\r\n  function updateCartUI() {\r\n    const cartCount = document.getElementById('cart-count');\r\n    const cartItems = document.getElementById('cart-items');\r\n    const cartTotal = document.getElementById('cart-total');\r\n\r\n    const totalItems = cart.reduce((sum, item) => sum + item.qty, 0);\r\n    cartCount.innerText = totalItems;\r\n    cartCount.style.transform = totalItems > 0 ? 'scale(1)' : 'scale(0)';\r\n\r\n    if (cart.length === 0) {\r\n      cartItems.innerHTML = `\r\n        <div class=\"text-center py-12\">\r\n          <div class=\"w-16 h-16 bg-bgCustom-purpleSoft rounded-full flex items-center justify-center mx-auto mb-3 text-brand-main\">\r\n            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"text-gray-400 text-sm font-medium\">Tu carrito est\u00e1 vac\u00edo<\/p>\r\n        <\/div>\r\n      `;\r\n      cartTotal.innerText = currentCurrency === 'USD' ? 'USD $0' : '$0 COP';\r\n      return;\r\n    }\r\n\r\n    let totalUSD = 0;\r\n    let totalCOP = 0;\r\n\r\n    cartItems.innerHTML = cart.map(item => {\r\n      totalUSD += item.priceUSD * item.qty;\r\n      totalCOP += item.priceCOP * item.qty;\r\n\r\n      const itemPrice = currentCurrency === 'COP' \r\n        ? `$${(item.priceCOP * item.qty).toLocaleString('es-CO')} COP` \r\n        : `USD $${item.priceUSD * item.qty}`;\r\n      \r\n      return `\r\n        <div class=\"flex items-center justify-between p-3.5 bg-bgCustom-purpleSoft\/40 rounded-2xl border border-brand-main\/10\">\r\n          <div>\r\n            <h4 class=\"font-bold text-brand-purple text-sm\">${item.name}<\/h4>\r\n            <p class=\"text-xs text-gray-500 mt-0.5\">${item.qty}x ${itemPrice}<\/p>\r\n          <\/div>\r\n          <button onclick=\"removeFromCart(${item.id})\" class=\"text-brand-main hover:text-brand-purple text-xs font-bold transition-colors p-1\">\r\n            Quitar\r\n          <\/button>\r\n        <\/div>\r\n      `;\r\n    }).join('');\r\n\r\n    cartTotal.innerText = currentCurrency === 'COP' \r\n      ? `$${totalCOP.toLocaleString('es-CO')} COP` \r\n      : `USD $${totalUSD}`;\r\n  }\r\n<\/script><\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7754","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/pages\/7754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/comments?post=7754"}],"version-history":[{"count":70,"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/pages\/7754\/revisions"}],"predecessor-version":[{"id":9611,"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/pages\/7754\/revisions\/9611"}],"wp:attachment":[{"href":"https:\/\/lulusleepcoach.com\/en\/wp-json\/wp\/v2\/media?parent=7754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}