{"id":239,"date":"2025-08-06T23:37:29","date_gmt":"2025-08-06T23:37:29","guid":{"rendered":"https:\/\/lovekavabar.com\/about\/"},"modified":"2025-09-03T18:25:50","modified_gmt":"2025-09-03T18:25:50","slug":"about","status":"publish","type":"page","link":"https:\/\/lovekavabar.com\/en\/about\/","title":{"rendered":"Concept"},"content":{"rendered":"<style>.kadence-column239_d49702-5a > .kt-inside-inner-col,.kadence-column239_d49702-5a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column239_d49702-5a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column239_d49702-5a > .kt-inside-inner-col{flex-direction:column;}.kadence-column239_d49702-5a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column239_d49702-5a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column239_d49702-5a{position:relative;}@media all and (max-width: 1024px){.kadence-column239_d49702-5a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column239_d49702-5a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column239_d49702-5a\"><div class=\"kt-inside-inner-col\">\n<!-- HERO CONCEPTO - Imagen con contraste sutil oscuro -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital@0;1&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n@font-face {\n  font-family: 'AmbicaseFatface';\n  src: url('https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/AmbicaseFatface-Regular.woff2') format('woff2');\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n\n:root {\n  --gold: #d4af37;\n}\n\n#concept-hero-block {\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  box-sizing: border-box;\n  padding: 0 20px;\n  overflow: hidden;\n}\n\n#concept-hero-block img.bg-hero {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transform: translateX(-50%);\n  z-index: 0;\n  filter: brightness(0.55) contrast(1.1);\n}\n\n#concept-hero-block::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.45) 100%);\n  z-index: 1;\n}\n\n#concept-hero-block .hero-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1100px;\n  width: 100%;\n  color: #fff;\n  display: grid;\n  gap: 12px;\n  justify-items: center;\n  transform: translateY(18%);\n}\n\n@keyframes slideDownFade {\n  0% { transform: translateY(-18px); opacity: 0; }\n  100% { transform: translateY(0); opacity: 1; }\n}\n\n#concept-hero-block .hero-title {\n  font-family: 'AmbicaseFatface', serif;\n  font-size: 4rem; \/* Ajustado *\/\n  color: var(--gold);\n  line-height: 1.05;\n  margin: 0;\n  text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n  opacity: 0;\n  animation: slideDownFade 900ms ease forwards;\n  animation-delay: 220ms;\n}\n\n#concept-hero-block .hero-subtitle {\n  font-family: 'Lora', serif;\n  font-style: italic;\n  font-size: 17px; \/* Ajustado *\/\n  color: rgba(255,255,255,0.95);\n  max-width: 900px;\n  margin: 0;\n  line-height: 1.6;\n  opacity: 0;\n  animation: slideDownFade 900ms ease forwards;\n  animation-delay: 520ms;\n}\n\n#concept-hero-block .hero-divider {\n  width: 64px;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, rgba(212,175,55,0.9), transparent);\n  margin: 12px 0;\n  opacity: 0;\n  animation: slideDownFade 900ms ease forwards;\n  animation-delay: 420ms;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #concept-hero-block { min-height: 95vh; }\n  #concept-hero-block .hero-inner { transform: translateY(16%); }\n  #concept-hero-block .hero-title { font-size: 3.2rem; }\n  #concept-hero-block .hero-subtitle { font-size: 16px; }\n}\n@media (max-width: 720px) {\n  #concept-hero-block { min-height: 90vh; }\n  #concept-hero-block .hero-inner { transform: translateY(14%); }\n  #concept-hero-block .hero-title { font-size: 2.6rem; }\n  #concept-hero-block .hero-subtitle { font-size: 15px; }\n}\n@media (max-width: 420px) {\n  #concept-hero-block { min-height: 85vh; }\n  #concept-hero-block .hero-inner { transform: translateY(12%); }\n  #concept-hero-block .hero-title { font-size: 2.3rem; }\n  #concept-hero-block .hero-subtitle { font-size: 14px; }\n}\n<\/style>\n\n<section id=\"concept-hero-block\">\n  <img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/Copilot_20250826_112832.png\" alt=\"Concepto Kava Bar\" class=\"bg-hero\">\n  \n  <div class=\"hero-inner\">\n    <h1 class=\"hero-title\">One concept, two experiences.<\/h1>\n    <div class=\"hero-divider\"><\/div>\n    <p class=\"hero-subtitle\">Two unique spaces, united by the same botanical essence<\/p>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column239_0c13c0-cc > .kt-inside-inner-col,.kadence-column239_0c13c0-cc > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column239_0c13c0-cc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column239_0c13c0-cc > .kt-inside-inner-col{flex-direction:column;}.kadence-column239_0c13c0-cc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column239_0c13c0-cc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column239_0c13c0-cc{position:relative;}@media all and (max-width: 1024px){.kadence-column239_0c13c0-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column239_0c13c0-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column239_0c13c0-cc\"><div class=\"kt-inside-inner-col\">\n<!-- Fuente Lora -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital@0;1&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* Fuente personalizada Ambicase Fatface *\/\n@font-face {\n  font-family: 'Ambicase Fatface';\n  src: url('https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/AmbicaseFatface-Regular.woff2') format('woff2');\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n\n:root {\n  --gold: #d4af37;\n  --dark-bg: #0e1414;\n}\n\n\/* SECTION CONCEPTO *\/\n.section-concepto {\n  background: var(--dark-bg);\n  padding: 80px 20px;\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Layout *\/\n.section-concepto .concepto-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 50px;\n  align-items: center;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* T\u00edtulo *\/\n.section-concepto h2 {\n  font-family: 'Ambicase Fatface', serif;\n  font-size: 2.8rem;\n  color: var(--gold);\n  margin-bottom: 20px;\n  line-height: 1.2;\n}\n\n\/* Texto *\/\n.section-concepto p {\n  font-family: 'Lora', serif;\n  font-style: italic;\n  font-size: 1.15rem;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.85);\n  margin-bottom: 25px;\n}\n\n\/* Espacio para im\u00e1genes futuras *\/\n.section-concepto .image-box {\n  width: 100%;\n  height: 350px;\n  border: 2px solid var(--gold);\n  border-radius: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(212,175,55,0.6);\n  font-family: 'Lora', serif;\n  font-style: italic;\n  font-size: 1rem;\n  text-align: center;\n  background: rgba(255,255,255,0.05);\n  backdrop-filter: blur(2px);\n}\n\n\/* Hover elegante *\/\n.section-concepto .image-box:hover {\n  background: rgba(255,255,255,0.08);\n  transform: scale(1.02);\n  transition: all 0.3s ease;\n}\n\n\/* Responsive *\/\n@media (max-width: 992px) {\n  .section-concepto .concepto-container {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  .section-concepto .image-box {\n    height: 250px;\n  }\n}\n<\/style>\n\n<section class=\"section-concepto\">\n  <div class=\"concepto-container\">\n    \n    <!-- Texto -->\n    <div class=\"concepto-texto\">\n      <h2>Love Kava Bar \u2013 The free spirit of the garden<\/h2>\n      <p>\n        An outdoor experience where nature blends with the essence of Love Kava.\nThis space is designed for those looking to relax under the open sky, surrounded by greenery, with a fresh and vibrant atmosphere.\n      <\/p>\n      <p>\n        Here, every drink is enjoyed with the soul, celebrating freedom, music, and connection with nature.\n      <\/p>\n    <\/div>\n\n    <!-- Imagen futura -->\n    <div class=\"image-box\">\n      The image of the garden will go here \n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column239_0440bb-39 > .kt-inside-inner-col,.kadence-column239_0440bb-39 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column239_0440bb-39 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column239_0440bb-39 > .kt-inside-inner-col{flex-direction:column;}.kadence-column239_0440bb-39 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column239_0440bb-39 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column239_0440bb-39{position:relative;}@media all and (max-width: 1024px){.kadence-column239_0440bb-39 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column239_0440bb-39 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column239_0440bb-39\"><div class=\"kt-inside-inner-col\">\n<!-- SECTION LUNCH KAVA BAR -->\n<section class=\"section-concepto\">\n  <div class=\"concepto-container\">\n    \n    <!-- Collage im\u00e1genes -->\n    <div class=\"collage-irregular reveal-on-scroll\">\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/39ba349d-f084-4d03-afec-fa1e4df84843-scaled.jpeg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/388caef4-895b-4970-ad0b-e116881b9166-scaled.jpeg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/ba89d5a0-9559-444f-9de7-bb70784ae07b-scaled.jpeg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/19ff77f4-f2bc-4f02-8b4a-7e1a1d2f821c-scaled.jpeg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/09\/IMG_2619-scaled.jpg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/09\/IMG_2621-scaled.jpg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/09\/IMG_3116-scaled.jpg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/09\/IMG_3119-scaled.jpg\" alt=\"Interior Love Kava\"><\/div>\n      <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/09\/IMG_3127-scaled.jpg\" alt=\"Interior Love Kava\"><\/div>\n    <\/div>\n\n    <!-- Texto -->\n    <div class=\"concepto-texto reveal-on-scroll\">\n      <h2>Lunch Kava Bar \u2013 The sophisticated refuge<\/h2>\n      <p>\n        En el coraz\u00f3n del bar, el ambiente interior ofrece una experiencia m\u00e1s \u00edntima y sofisticada. Un lugar perfecto para compartir conversaciones, disfrutar de la calidez del dise\u00f1o y dejarse envolver por una atm\u00f3sfera elegante y acogedora.\n      <\/p>\n      <p>\n        Here, every corner is designed to highlight the essence of Love Kava with a refined touch, ideal for those seeking a modern and exclusive retreat.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Lightbox -->\n<div class=\"lightbox\" id=\"lightbox\">\n  <span class=\"close\">&times;<\/span>\n  <img decoding=\"async\" class=\"lightbox-content\" id=\"lightbox-img\" src=\"\" alt=\"Imagen ampliada\">\n<\/div>\n\n<style>\n\/* General *\/\n.section-concepto {\n  padding: 60px 20px;\n  background-color: #0e1414;\n  color: #fff;\n}\n.concepto-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n}\n\n\/* Texto *\/\n.concepto-texto h2 {\n  font-family: 'Ambicase Fatface', serif;\n  font-size: 2.6rem;\n  color: #d4af37;\n  margin-bottom: 18px;\n}\n.concepto-texto p {\n  font-family: 'Lora', serif;\n  font-style: italic;\n  font-size: 17px;\n  line-height: 1.7;\n  margin-bottom: 14px;\n  color: rgba(255,255,255,0.9);\n}\n\n\/* Collage im\u00e1genes *\/\n.collage-irregular {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-auto-rows: 180px;\n  gap: 12px;\n}\n.item {\n  overflow: hidden;\n  border-radius: 14px;\n  position: relative;\n  cursor: pointer;\n}\n.item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease, filter 0.6s ease;\n}\n.item:hover img {\n  transform: scale(1.08);\n  filter: brightness(1.15);\n  box-shadow: 0 8px 20px rgba(212,175,55,0.4);\n}\n\n\/* Animaci\u00f3n scroll *\/\n.reveal-on-scroll {\n  opacity: 0;\n  transform: translateY(60px);\n  transition: all 1s ease;\n}\n.reveal-on-scroll.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Lightbox *\/\n.lightbox {\n  display: none;\n  position: fixed;\n  z-index: 1000;\n  padding: 40px;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: rgba(14,20,20,0.9);\n  animation: fadeIn 0.5s ease;\n}\n.lightbox-content {\n  margin: auto;\n  display: block;\n  max-width: 85%;\n  max-height: 85%;\n  border-radius: 14px;\n  box-shadow: 0 0 30px rgba(212,175,55,0.5);\n  animation: zoomIn 0.5s ease;\n}\n.close {\n  position: absolute;\n  top: 20px;\n  right: 35px;\n  color: #d4af37;\n  font-size: 40px;\n  font-weight: bold;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.close:hover {\n  color: #fff;\n  transform: scale(1.2);\n}\n\n\/* Animaciones *\/\n@keyframes fadeIn {\n  from {opacity: 0;}\n  to {opacity: 1;}\n}\n@keyframes zoomIn {\n  from {transform: scale(0.8);}\n  to {transform: scale(1);}\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .concepto-container {\n    grid-template-columns: 1fr;\n  }\n  .concepto-texto {\n    text-align: center;\n  }\n  .collage-irregular {\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: 160px;\n  }\n}\n@media (max-width: 600px) {\n  .collage-irregular {\n    grid-template-columns: 1fr;\n    grid-auto-rows: 220px;\n  }\n}\n<\/style>\n\n<script>\n\/\/ Animaci\u00f3n scroll\nconst revealElements = document.querySelectorAll(\".reveal-on-scroll\");\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.classList.add(\"visible\");\n    }\n  });\n}, { threshold: 0.2 });\nrevealElements.forEach(el => observer.observe(el));\n\n\/\/ Lightbox funcionalidad\nconst lightbox = document.getElementById(\"lightbox\");\nconst lightboxImg = document.getElementById(\"lightbox-img\");\nconst closeBtn = document.querySelector(\".lightbox .close\");\n\ndocument.querySelectorAll(\".collage-irregular img\").forEach(img => {\n  img.addEventListener(\"click\", () => {\n    lightbox.style.display = \"block\";\n    lightboxImg.src = img.src;\n  });\n});\n\ncloseBtn.addEventListener(\"click\", () => {\n  lightbox.style.display = \"none\";\n});\n\nlightbox.addEventListener(\"click\", (e) => {\n  if (e.target === lightbox) {\n    lightbox.style.display = \"none\";\n  }\n});\n<\/script>\n\n<\/div><\/div>\n\n\n<style>.kb-row-layout-id239_289686-44 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id239_289686-44 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id239_289686-44 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id239_289686-44 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id239_289686-44 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id239_289686-44 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id239_289686-44 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column239_245028-1b > .kt-inside-inner-col,.kadence-column239_245028-1b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column239_245028-1b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column239_245028-1b > .kt-inside-inner-col{flex-direction:column;}.kadence-column239_245028-1b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column239_245028-1b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column239_245028-1b{position:relative;}@media all and (max-width: 1024px){.kadence-column239_245028-1b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column239_245028-1b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column239_245028-1b\"><div class=\"kt-inside-inner-col\">\n<!-- Font Awesome + Fuentes + Swiper CSS -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital@1&#038;family=Elsie:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\n\n<!-- SLIDER -->\n<div class=\"swiper mySwiper\" style=\"background:#0e1414; padding:60px 0; position:relative; overflow:hidden;\">\n\n  <!-- Elementos decorativos animados -->\n  <div class=\"decor-circle-large\"><\/div>\n  <div class=\"decor-circle-medium\"><\/div>\n  <div class=\"decor-circle-small\"><\/div>\n\n  <div class=\"swiper-wrapper\">\n    <div class=\"swiper-slide\">\n      <div class=\"card\">\n        <div class=\"icon-circle\">\n          <i class=\"fa-solid fa-seedling icon-herb\"><\/i>\n        <\/div>\n        <h2>Botanical Explosion<\/h2>\n        <p>Textures, smells and colors that awaken the senses with every sip.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"swiper-slide\">\n      <div class=\"card\">\n        <div class=\"icon-circle\">\n          <i class=\"fa-solid fa-sun icon-sun\"><\/i>\n        <\/div>\n        <h2>Living Terrace<\/h2>\n        <p>An open-air space where the wind also calls for a drink.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"swiper-slide\">\n      <div class=\"card\">\n        <div class=\"icon-circle\">\n          <i class=\"fa-solid fa-moon icon-moon\"><\/i>\n        <\/div>\n        <h2>Lights &amp; Roots<\/h2>\n        <p>When night falls, Love Kava ignites her ritual with magic and plants.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Paginaci\u00f3n -->\n  <div class=\"swiper-pagination\"><\/div>\n<\/div>\n\n<!-- ESTILOS -->\n<style>\n:root{\n  --gold: #D4AF37;\n  --gold-dark: #B8892D;\n  --bg-dark: #0e1414;\n}\n\n\/* Fuente personalizada *\/\n@font-face {\n  font-family: 'AmbicaseFatface';\n  src: url('https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/AmbicaseFatface-Regular.woff2') format('woff2');\n  font-weight: normal;\n  font-style: normal;\n}\n\n.swiper { width:100%; }\n.swiper-slide { width: 400px; display:flex; justify-content:center; }\n\n\/* Tarjetas *\/\n.card{\n  width: 100%;\n  padding: 36px 28px;\n  border-radius: 18px;\n  text-align: center;\n  background: #1b1b1b; \n  border: 2px solid var(--gold);\n  box-shadow: none;\n  transition: transform .5s ease, opacity .5s ease, box-shadow .3s ease;\n  opacity:1; \n  transform: scale(1); \n  color: #fff;\n  position:relative;\n  z-index:2;\n}\n\n.card:hover {\n  transform: scale(1.02);\n  box-shadow: 0 0 30px rgba(212,175,55,0.5);\n}\n\n\/* Iconos *\/\n.icon-circle{\n  width: 84px; height: 84px; border-radius:50%;\n  margin: 0 auto 18px; display:flex;\n  align-items:center; justify-content:center;\n  background: var(--gold);\n  border: 2px solid var(--gold-dark);\n}\n.icon-circle i{ color: #0e1414; font-size:34px; }\n\n.icon-herb { animation: floatY 3.5s ease-in-out infinite; }\n.icon-sun  { animation: gentlePulse 3s ease-in-out infinite; }\n.icon-moon { animation: rotateSway 4s ease-in-out infinite; }\n\n@keyframes floatY { 0% { transform: translateY(0); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0); } }\n@keyframes rotateSway { 0% { transform: rotate(0deg); } 50% { transform: rotate(6deg); } 100% { transform: rotate(0deg); } }\n@keyframes gentlePulse { 0% { transform: scale(1); opacity:0.9; } 50% { transform: scale(1.06); opacity:1; } 100% { transform: scale(1); opacity:0.9; } }\n\n\/* Texto *\/\nh2 { \n  font-family:'AmbicaseFatface', serif; \n  font-size:22px; \n  color:var(--gold); \n  margin:0 0 10px; \n  font-weight:normal;\n}\np  { \n  font-family:'Lora', serif; \n  font-style:italic;\n  font-size:15.5px; \n  color:#fff; \n  line-height:1.6; \n  margin:0; \n}\n\n\/* Paginaci\u00f3n *\/\n.swiper-pagination-bullet { background: var(--gold); opacity:.9; }\n\n\/* Responsivo *\/\n@media (max-width: 991px){ .swiper-slide{ width: 80% } }\n@media (max-width: 600px){ .swiper-slide{ width: 95% } }\n\n\/* C\u00edrculos decorativos *\/\n.decor-circle-large,\n.decor-circle-medium,\n.decor-circle-small {\n  position:absolute;\n  border-radius:50%;\n  border: 2px solid var(--gold);\n  opacity:0.2;\n  z-index:1;\n}\n\n.decor-circle-large {\n  width:150px; height:150px; top:10%; left:5%;\n  animation: floatCircleLarge 12s ease-in-out infinite alternate;\n}\n.decor-circle-medium {\n  width:100px; height:100px; bottom:15%; right:10%;\n  animation: floatCircleMedium 10s ease-in-out infinite alternate;\n}\n.decor-circle-small {\n  width:60px; height:60px; top:50%; left:80%;\n  animation: floatCircleSmall 8s ease-in-out infinite alternate;\n}\n\n@keyframes floatCircleLarge { 0% { transform: translateY(0) translateX(0) scale(1); } 50% { transform: translateY(-20px) translateX(15px) scale(1.1); } 100% { transform: translateY(0) translateX(0) scale(1); } }\n@keyframes floatCircleMedium { 0% { transform: translateY(0) translateX(0) scale(1); } 50% { transform: translateY(15px) translateX(-10px) scale(1.05); } 100% { transform: translateY(0) translateX(0) scale(1); } }\n@keyframes floatCircleSmall { 0% { transform: translateY(0) translateX(0) scale(1); } 50% { transform: translateY(-10px) translateX(5px) scale(1.08); } 100% { transform: translateY(0) translateX(0) scale(1); } }\n<\/style>\n\n<!-- SWIPER JS -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\nconst swiper = new Swiper('.mySwiper', {\n  loop: true,\n  slidesPerView: 1,\n  centeredSlides: true,\n  spaceBetween: 20,\n  grabCursor: true,\n  autoplay: { delay: 3500, disableOnInteraction: false },\n  effect: 'slide',\n  pagination: { el: '.swiper-pagination', clickable: true },\n  navigation: false,\n  on: {\n    init: function(){\n      const active = document.querySelector('.swiper-slide-active .card');\n      if(active){\n        active.style.opacity = 1;\n        active.style.transform = 'scale(1)';\n      }\n    },\n    slideChangeTransitionStart: function(){\n      document.querySelectorAll('.swiper-slide .card').forEach(card=>{\n        card.style.opacity = 0;\n        card.style.transform = 'scale(0.95)';\n      });\n    },\n    slideChangeTransitionEnd: function(){\n      const active = document.querySelector('.swiper-slide-active .card');\n      if(active){\n        active.style.opacity = 1;\n        active.style.transform = 'scale(1)';\n      }\n    }\n  }\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<!-- Fuentes -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital@1&#038;family=Dancing+Script:wght@700&#038;display=swap\" rel=\"stylesheet\">\n\n<section style=\"padding:60px 20px; text-align:center;                 background:#0e1414;                position:relative;                overflow:hidden;                border-radius:0;                box-shadow:none;\">\n\n  <!-- C\u00edrculos decorativos animados -->\n  <script>\n    const section2 = document.currentScript.parentElement;\n    for(let i=0;i<5;i++){  \/\/ reduje a 5 c\u00edrculos\n      const circle = document.createElement('div');\n      circle.className='decor-circle';\n      const size = Math.random() * 100 + 30; \n      circle.style.width = `${size}px`;\n      circle.style.height = `${size}px`;\n      circle.style.top = `${Math.random()*100}%`;\n      circle.style.left = `${Math.random()*100}%`;\n      circle.style.opacity = 0.1 + Math.random()*0.25;\n      circle.style.animationDelay = `${Math.random()*5}s`;\n      section2.appendChild(circle);\n    }\n  <\/script>\n\n  <!-- Contenido -->\n  <h2 style=\"font-family:'AmbicaseFatface', serif; font-size:2.5rem; color:#D4AF37; margin-bottom:15px; position:relative; z-index:2;\">\n    More than a bar, a botanical experience\n  <\/h2>\n  <p style=\"font-family:'Lora', serif; font-style:italic; font-size:1rem; color:#f5f5f5; margin-bottom:40px; position:relative; z-index:2;\">\n    Every corner of Love Kava is designed to inspire, relax, and connect.\n  <\/p>\n  \n  <a href=\"https:\/\/lovekavabar.com\/en\/services\/\" class=\"menu-btn\">\n    See menu\n  <\/a>\n<\/section>\n\n<style>\n\/* Fuente personalizada Ambicase Fatface *\/\n@font-face {\n  font-family: 'AmbicaseFatface';\n  src: url('https:\/\/lovekavabar.com\/wp-content\/uploads\/2025\/08\/AmbicaseFatface-Regular.woff2') format('woff2');\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n\n\/* Elementos decorativos animados *\/\n.decor-circle {\n  position:absolute;\n  border-radius:50%;\n  border:2px solid #D4AF37; \/* dorado *\/\n  opacity:0.2;\n  animation: floatCircle 8s ease-in-out infinite alternate;\n}\n\n@keyframes floatCircle {\n  0% { transform: translateY(0) translateX(0) scale(1); opacity:0.2; }\n  50% { transform: translateY(-20px) translateX(15px) scale(1.1); opacity:0.4; }\n  100% { transform: translateY(0) translateX(0) scale(1); opacity:0.2; }\n}\n\n\/* Bot\u00f3n animado *\/\n.menu-btn {\n  position:relative;\n  display:inline-block;\n  padding:12px 30px;\n  background:linear-gradient(45deg, #D4AF37, #B8892D);\n  color:white;\n  text-decoration:none;\n  border-radius:8px;\n  font-size:1rem;\n  font-weight:bold;\n  border:2px solid transparent;\n  box-shadow: 0 5px 15px rgba(212,175,55,0.4);\n  transition: all 0.3s ease;\n  z-index:2;\n  font-family:'Lora', serif;\n  font-style:italic;\n}\n\n.menu-btn:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 25px rgba(212,175,55,0.7);\n  border-color: #FFD700;\n  color:white;\n}\n<\/style>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Un concepto, dos experiencias. Dos espacios \u00fanicos, unidos por una misma esencia bot\u00e1nica Love Kava Bar \u2013 El esp\u00edritu libre del jard\u00edn Una experiencia al aire libre donde la naturaleza se mezcla con la esencia de Love Kava. Este espacio est\u00e1 dise\u00f1ado para quienes buscan relajarse bajo el cielo abierto, rodeados de verde, con un&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/pages\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":87,"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/pages\/239\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/lovekavabar.com\/en\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}