{"id":3733,"date":"2026-03-03T16:31:14","date_gmt":"2026-03-03T16:31:14","guid":{"rendered":""},"modified":"2026-03-25T21:38:48","modified_gmt":"2026-03-25T21:38:48","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/pruebasgoner.com\/kl\/nosotros\/","title":{"rendered":"Nosotros"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3733\" class=\"elementor elementor-3733\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-89b8e32 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"89b8e32\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-733902b\" data-id=\"733902b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b485a3a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b485a3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');\r\n:root {\r\n  --deep-navy: #1a1035;\r\n  --rich-purple: #2d1b69;\r\n  --accent-purple: #6c3fa0;\r\n  --warm-cream: #faf8f5;\r\n  --soft-white: #ffffff;\r\n  --text-dark: #1a1035;\r\n  --text-muted: #5a5270;\r\n  --text-light: #8a82a0;\r\n  --gold-accent: #c9a96e;\r\n  --gradient-hero: linear-gradient(135deg, #1a1035 0%, #2d1b69 50%, #1a1035 100%);\r\n  --gradient-cta: linear-gradient(135deg, #2d1b69 0%, #4a2d8a 100%);\r\n  --shadow-medium: 0 8px 40px rgba(26, 16, 53, 0.12);\r\n  --shadow-card: 0 2px 20px rgba(26, 16, 53, 0.06);\r\n  --radius-sm: 8px;\r\n  --radius-md: 16px;\r\n  --radius-lg: 24px;\r\n}\r\n.kliik-page * {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n.kliik-page {\r\n  font-family: 'DM Sans', sans-serif;\r\n  color: var(--text-dark);\r\n  -webkit-font-smoothing: antialiased;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.kliik-hero {\r\n  position: relative;\r\n  min-height: 90vh;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  background: var(--gradient-hero);\r\n  overflow: hidden;\r\n  padding: 0;\r\n}\r\n.kliik-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 60% 50% at 20% 80%, rgba(108, 63, 160, 0.3), transparent),\r\n    radial-gradient(ellipse 50% 40% at 80% 20%, rgba(45, 27, 105, 0.5), transparent);\r\n  pointer-events: none;\r\n}\r\n.kliik-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 300px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(201, 169, 110, 0.08) 0%, transparent 70%);\r\n  top: 10%;\r\n  left: 5%;\r\n  animation: kliik-float 8s ease-in-out infinite;\r\n  pointer-events: none;\r\n}\r\n@keyframes kliik-float {\r\n  0%, 100% { transform: translate(0, 0) scale(1); }\r\n  33% { transform: translate(30px, -20px) scale(1.05); }\r\n  66% { transform: translate(-15px, 15px) scale(0.95); }\r\n}\r\n@keyframes kliik-slideUp {\r\n  from { opacity: 0; transform: translateY(40px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes kliik-slideRight {\r\n  from { opacity: 0; transform: translateX(60px) scale(0.95); }\r\n  to { opacity: 1; transform: translateX(0) scale(1); }\r\n}\r\n@keyframes kliik-shimmer {\r\n  0% { background-position: -200% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n@keyframes kliik-glow {\r\n  0%, 100% { box-shadow: 0 8px 30px rgba(201, 169, 110, 0.3), 0 0 60px rgba(201, 169, 110, 0.1); }\r\n  50% { box-shadow: 0 8px 40px rgba(201, 169, 110, 0.5), 0 0 80px rgba(201, 169, 110, 0.2); }\r\n}\r\n.kliik-hero-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 4rem 3rem 4rem 5%;\r\n  width: 100%;\r\n}\r\n.kliik-hero-badge {\r\n  display: inline-block;\r\n  background: rgba(201, 169, 110, 0.12);\r\n  border: 1px solid rgba(201, 169, 110, 0.25);\r\n  color: var(--gold-accent);\r\n  padding: 0.5rem 1.4rem;\r\n  border-radius: 50px;\r\n  font-size: 0.76rem;\r\n  font-weight: 600;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 1.8rem;\r\n  animation: kliik-slideUp 0.8s ease-out 0.2s both;\r\n}\r\n.kliik-hero h1 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(3.15rem, 6.3vw, 5.25rem);\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  line-height: 1.08;\r\n  margin-bottom: 1.4rem;\r\n  animation: kliik-slideUp 0.8s ease-out 0.4s both;\r\n}\r\n.kliik-hero h1 .kliik-hero-accent {\r\n  background: linear-gradient(90deg, var(--gold-accent), #e8d5a8, var(--gold-accent));\r\n  background-size: 200% auto;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  animation: kliik-shimmer 4s linear infinite;\r\n}\r\n.kliik-hero p {\r\n  color: rgba(255,255,255,0.65);\r\n  font-size: 1.26rem;\r\n  line-height: 1.75;\r\n  max-width: 520px;\r\n  margin-bottom: 2.5rem;\r\n  animation: kliik-slideUp 0.8s ease-out 0.6s both;\r\n}\r\n.kliik-hero-cta-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1.2rem;\r\n  flex-wrap: wrap;\r\n  animation: kliik-slideUp 0.8s ease-out 0.8s both;\r\n}\r\n.kliik-hero-cta {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  padding: 1rem 2.4rem;\r\n  border-radius: 60px;\r\n  background: linear-gradient(135deg, var(--gold-accent) 0%, #e0c480 50%, var(--gold-accent) 100%);\r\n  background-size: 200% auto;\r\n  color: var(--deep-navy);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.10rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  animation: kliik-glow 3s ease-in-out infinite;\r\n  overflow: hidden;\r\n}\r\n.kliik-hero-cta::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transition: left 0.5s;\r\n}\r\n.kliik-hero-cta:hover::before { left: 100%; }\r\n.kliik-hero-cta:hover {\r\n  transform: translateY(-3px) scale(1.03);\r\n  background-position: right center;\r\n}\r\n.kliik-hero-cta-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 50%;\r\n  background: rgba(26, 16, 53, 0.15);\r\n  transition: transform 0.3s, background 0.3s;\r\n}\r\n.kliik-hero-cta:hover .kliik-hero-cta-arrow {\r\n  transform: translateX(4px);\r\n  background: rgba(26, 16, 53, 0.25);\r\n}\r\n.kliik-hero-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 0.92rem;\r\n  font-weight: 500;\r\n  text-decoration: none;\r\n  transition: color 0.3s;\r\n  padding: 0.5rem 0;\r\n}\r\n.kliik-hero-secondary:hover { color: rgba(255,255,255,0.9); }\r\n.kliik-hero-secondary svg { transition: transform 0.3s; }\r\n.kliik-hero-secondary:hover svg { transform: translateX(3px); }\r\n\r\n\/* Hero Right - Image *\/\r\n.kliik-hero-right {\r\n  position: relative;\r\n  overflow: hidden;\r\n  animation: kliik-slideRight 1.2s ease-out 0.3s both;\r\n}\r\n.kliik-hero-img-frame {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.kliik-hero-img-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center top;\r\n  display: block;\r\n  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n.kliik-hero-img-frame:hover img { transform: scale(1.05); }\r\n.kliik-hero-img-frame::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(90deg, rgba(26, 16, 53, 0.3) 0%, transparent 40%);\r\n  pointer-events: none;\r\n}\r\n\/* Stats *\/\r\n.kliik-hero-stats {\r\n  display: flex;\r\n  gap: 2.5rem;\r\n  margin-top: 3rem;\r\n  padding-top: 2rem;\r\n  border-top: 1px solid rgba(255,255,255,0.08);\r\n  animation: kliik-slideUp 0.8s ease-out 1s both;\r\n}\r\n.kliik-hero-stat h3 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 2rem;\r\n  color: var(--gold-accent);\r\n  font-weight: 700;\r\n}\r\n.kliik-hero-stat span {\r\n  font-size: 0.86rem;\r\n  color: rgba(255,255,255,0.45);\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* ===== SECTIONS ===== *\/\r\n.kliik-section { padding: 6rem 2rem; }\r\n.kliik-container { max-width: 1100px; margin: 0 auto; }\r\n.kliik-label {\r\n  display: inline-block;\r\n  font-size: 0.74rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--accent-purple);\r\n  margin-bottom: 1rem;\r\n}\r\n.kliik-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(1.89rem, 3.68vw, 2.94rem);\r\n  font-weight: 700;\r\n  color: var(--text-dark);\r\n  margin-bottom: 1.5rem;\r\n  line-height: 1.2;\r\n}\r\n.kliik-divider {\r\n  width: 60px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--accent-purple), var(--gold-accent));\r\n  border-radius: 3px;\r\n  margin-bottom: 2rem;\r\n}\r\n.kliik-divider--center { margin-left: auto; margin-right: auto; }\r\n\r\n\/* About *\/\r\n.kliik-about { background: var(--soft-white); }\r\n.kliik-about-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4rem;\r\n  align-items: center;\r\n}\r\n.kliik-about-img-container { position: relative; }\r\n.kliik-about-img {\r\n  width: 100%;\r\n  border-radius: var(--radius-lg);\r\n  box-shadow: var(--shadow-medium);\r\n  aspect-ratio: 4\/3;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n.kliik-about-img-container::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -12px;\r\n  right: -12px;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 2px solid var(--accent-purple);\r\n  border-radius: var(--radius-lg);\r\n  z-index: -1;\r\n  opacity: 0.3;\r\n}\r\n.kliik-about-text p {\r\n  color: var(--text-muted);\r\n  font-size: 1rem;\r\n  line-height: 1.8;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.kliik-about-text strong { color: var(--text-dark); font-weight: 600; }\r\n\r\n\/* Buttons *\/\r\n.kliik-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.85rem 2rem;\r\n  border-radius: var(--radius-sm);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 0.89rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n  border: none;\r\n}\r\n.kliik-btn--primary {\r\n  background: var(--gradient-cta);\r\n  color: #ffffff;\r\n  box-shadow: 0 4px 15px rgba(45, 27, 105, 0.3);\r\n}\r\n.kliik-btn--primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(45, 27, 105, 0.4);\r\n}\r\n.kliik-btn--white {\r\n  background: #ffffff;\r\n  color: var(--rich-purple);\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n}\r\n.kliik-btn--white:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(0,0,0,0.2);\r\n}\r\n.kliik-btn--ghost {\r\n  background: transparent;\r\n  color: #ffffff;\r\n  border: 2px solid rgba(255,255,255,0.4);\r\n}\r\n.kliik-btn--ghost:hover {\r\n  background: rgba(255,255,255,0.1);\r\n  transform: translateY(-2px);\r\n}\r\n.kliik-btn-arrow { transition: transform 0.3s; }\r\n.kliik-btn:hover .kliik-btn-arrow { transform: translateX(4px); }\r\n\r\n\/* History *\/\r\n.kliik-history { background: var(--warm-cream); }\r\n.kliik-history-header { text-align: center; margin-bottom: 3.5rem; }\r\n.kliik-timeline {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2.5rem;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n.kliik-timeline-item { display: flex; gap: 2rem; align-items: flex-start; }\r\n.kliik-timeline-year {\r\n  flex-shrink: 0;\r\n  width: 80px;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.37rem;\r\n  font-weight: 700;\r\n  color: var(--accent-purple);\r\n  padding-top: 0.2rem;\r\n}\r\n.kliik-timeline-dot {\r\n  flex-shrink: 0;\r\n  width: 14px;\r\n  height: 14px;\r\n  border-radius: 50%;\r\n  background: var(--accent-purple);\r\n  margin-top: 0.4rem;\r\n  box-shadow: 0 0 0 4px rgba(108, 63, 160, 0.15);\r\n}\r\n.kliik-timeline-content {\r\n  background: var(--soft-white);\r\n  padding: 1.5rem 2rem;\r\n  border-radius: var(--radius-md);\r\n  box-shadow: var(--shadow-card);\r\n  flex: 1;\r\n}\r\n.kliik-timeline-content h3 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.16rem;\r\n  margin-bottom: 0.5rem;\r\n  color: var(--text-dark);\r\n}\r\n.kliik-timeline-content p {\r\n  color: var(--text-muted);\r\n  font-size: 0.95rem;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Why *\/\r\n.kliik-why { background: var(--soft-white); }\r\n.kliik-why-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4rem;\r\n  align-items: center;\r\n}\r\n.kliik-why-img {\r\n  width: 100%;\r\n  border-radius: var(--radius-lg);\r\n  box-shadow: var(--shadow-medium);\r\n  aspect-ratio: 4\/5;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n.kliik-why-features { display: flex; flex-direction: column; gap: 1.8rem; }\r\n.kliik-why-feature { display: flex; gap: 1.2rem; align-items: flex-start; }\r\n.kliik-why-icon {\r\n  flex-shrink: 0;\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, var(--rich-purple), var(--accent-purple));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  box-shadow: 0 4px 12px rgba(108, 63, 160, 0.25);\r\n}\r\n.kliik-why-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.8; }\r\n.kliik-why-feature h4 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.10rem;\r\n  margin-bottom: 0.3rem;\r\n  color: var(--text-dark);\r\n}\r\n.kliik-why-feature p { color: var(--text-muted); font-size: 0.92rem; line-height: 1.6; }\r\n.kliik-why-intro { color: var(--text-muted); font-size: 0.97rem; line-height: 1.7; margin-bottom: 2rem; }\r\n\r\n\/* ===== TESTIMONIALS CAROUSEL ===== *\/\r\n.kliik-testimonials { background: var(--warm-cream); }\r\n.kliik-testimonials-header { text-align: center; margin-bottom: 1rem; }\r\n.kliik-testimonials-header p {\r\n  color: var(--text-muted);\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n  max-width: 600px;\r\n  margin: 0 auto 3rem;\r\n}\r\n.kliik-carousel-outer {\r\n  position: relative;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 50px;\r\n}\r\n.kliik-carousel-viewport {\r\n  overflow: hidden;\r\n  border-radius: var(--radius-md);\r\n}\r\n.kliik-carousel-track {\r\n  display: grid;\r\n  grid-auto-flow: column;\r\n  grid-auto-columns: calc(33.333% - 1rem);\r\n  gap: 1.5rem;\r\n  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n  will-change: transform;\r\n}\r\n.kliik-tcard {\r\n  background: var(--soft-white);\r\n  padding: 2rem;\r\n  border-radius: var(--radius-md);\r\n  box-shadow: var(--shadow-card);\r\n  transition: transform 0.3s, box-shadow 0.3s;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 280px;\r\n}\r\n.kliik-tcard:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: var(--shadow-medium);\r\n}\r\n.kliik-tcard-quote {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 3.68rem;\r\n  color: var(--accent-purple);\r\n  opacity: 0.2;\r\n  line-height: 1;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.kliik-tcard-stars {\r\n  color: var(--gold-accent);\r\n  font-size: 0.84rem;\r\n  margin-bottom: 0.75rem;\r\n  letter-spacing: 2px;\r\n}\r\n.kliik-tcard-text {\r\n  color: var(--text-muted);\r\n  font-size: 0.92rem;\r\n  line-height: 1.7;\r\n  margin-bottom: 1.5rem;\r\n  font-style: italic;\r\n  flex: 1;\r\n}\r\n.kliik-tcard-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  border-top: 1px solid rgba(108, 63, 160, 0.1);\r\n  padding-top: 1rem;\r\n}\r\n.kliik-tcard-avatar {\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, var(--rich-purple), var(--accent-purple));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  font-size: 0.84rem;\r\n  flex-shrink: 0;\r\n}\r\n.kliik-tcard-name { font-weight: 600; font-size: 0.89rem; color: var(--text-dark); }\r\n.kliik-tcard-role { font-size: 0.79rem; color: var(--text-light); }\r\n\r\n\/* Carousel arrows *\/\r\n.kliik-carousel-arrow {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: var(--soft-white);\r\n  border: 1px solid rgba(108, 63, 160, 0.15);\r\n  box-shadow: 0 4px 15px rgba(26, 16, 53, 0.1);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  z-index: 10;\r\n  transition: all 0.3s ease;\r\n  color: var(--accent-purple);\r\n}\r\n.kliik-carousel-arrow:hover {\r\n  background: var(--accent-purple);\r\n  color: #ffffff;\r\n  box-shadow: 0 6px 20px rgba(108, 63, 160, 0.3);\r\n  transform: translateY(-50%) scale(1.08);\r\n}\r\n.kliik-carousel-arrow svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2.2; }\r\n.kliik-carousel-prev { left: 0; }\r\n.kliik-carousel-next { right: 0; }\r\n\/* Dots *\/\r\n.kliik-carousel-dots {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-top: 2rem;\r\n}\r\n.kliik-carousel-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: rgba(108, 63, 160, 0.15);\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  padding: 0;\r\n}\r\n.kliik-carousel-dot.kliik-dot-active {\r\n  background: var(--accent-purple);\r\n  transform: scale(1.2);\r\n}\r\n\r\n\/* CTA *\/\r\n.kliik-cta {\r\n  position: relative;\r\n  padding: 8rem 2rem;\r\n  background: var(--gradient-hero);\r\n  overflow: hidden;\r\n}\r\n.kliik-cta::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 80% 50% at 50% 120%, rgba(108, 63, 160, 0.4), transparent),\r\n    radial-gradient(ellipse 40% 30% at 10% 20%, rgba(201, 169, 110, 0.1), transparent);\r\n  pointer-events: none;\r\n}\r\n.kliik-cta-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  max-width: 650px;\r\n  margin: 0 auto;\r\n}\r\n.kliik-cta-content h2 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(2.1rem, 4.2vw, 3.15rem);\r\n  color: #ffffff;\r\n  margin-bottom: 1rem;\r\n  line-height: 1.2;\r\n}\r\n.kliik-cta-content p {\r\n  color: rgba(255,255,255,0.7);\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  margin-bottom: 2.5rem;\r\n}\r\n.kliik-cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\r\n\r\n\/* Benefits *\/\r\n.kliik-benefits {\r\n  background: var(--soft-white);\r\n  padding: 3rem 2rem;\r\n  border-top: 1px solid rgba(108, 63, 160, 0.08);\r\n}\r\n.kliik-benefits-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 2rem;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n.kliik-benefit { text-align: center; }\r\n.kliik-benefit-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  background: rgba(108, 63, 160, 0.08);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 0.75rem;\r\n}\r\n.kliik-benefit-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  stroke: var(--accent-purple);\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n.kliik-benefit h4 { font-size: 0.89rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.3rem; }\r\n.kliik-benefit p { font-size: 0.79rem; color: var(--text-light); line-height: 1.5; }\r\n\r\n\/* Fade animations *\/\r\n.kliik-fade {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.kliik-fade.kliik-visible { opacity: 1; transform: translateY(0); }\r\n.kliik-fade.kliik-d1 { transition-delay: 0.1s; }\r\n.kliik-fade.kliik-d2 { transition-delay: 0.2s; }\r\n.kliik-fade.kliik-d3 { transition-delay: 0.3s; }\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n  .kliik-hero { min-height: auto; grid-template-columns: 1fr; }\r\n  .kliik-hero-inner { padding: 3rem 1.5rem 2rem; text-align: center; align-items: center; }\r\n  .kliik-hero-right { min-height: 50vh; position: relative; }\r\n  .kliik-hero p { margin-left: auto; margin-right: auto; }\r\n  .kliik-hero-cta-wrap { justify-content: center; }\r\n  .kliik-hero-stats { justify-content: center; }\r\n  .kliik-section { padding: 4rem 1.5rem; }\r\n  .kliik-about-grid, .kliik-why-grid { grid-template-columns: 1fr; gap: 2.5rem; }\r\n  .kliik-about-img-container { order: -1; }\r\n  .kliik-about-img-container::after { display: none; }\r\n  .kliik-carousel-track { grid-auto-columns: 100%; gap: 1rem; }\r\n  .kliik-carousel-outer { padding: 0 40px; }\r\n  .kliik-carousel-prev { left: -5px; }\r\n  .kliik-carousel-next { right: -5px; }\r\n  .kliik-benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }\r\n  .kliik-cta { padding: 5rem 1.5rem; }\r\n  .kliik-timeline-year { width: 55px; font-size: 1.05rem; }\r\n  .kliik-timeline-item { gap: 1rem; }\r\n}\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n  .kliik-carousel-track { grid-auto-columns: calc(50% - 0.75rem); }\r\n}\r\n@media (max-width: 480px) {\r\n  .kliik-hero h1 { font-size: 2.1rem; }\r\n  .kliik-hero p { font-size: 0.95rem; }\r\n  .kliik-section { padding: 3rem 1.25rem; }\r\n  .kliik-benefits-grid { grid-template-columns: 1fr 1fr; }\r\n  .kliik-hero-stats { flex-direction: column; gap: 1rem; align-items: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"kliik-page\">\r\n\r\n  <!-- ===== HERO ===== -->\r\n  <section class=\"kliik-hero\">\r\n    <div class=\"kliik-hero-inner\">\r\n      <div class=\"kliik-hero-badge\">Sobre Nosotros<\/div>\r\n      <h1>Qui\u00e9nes somos en <span class=\"kliik-hero-accent\">Kliik<\/span><\/h1>\r\n      <p>Dise\u00f1amos gafas que combinan estilo, calidad y personalidad. Cada montura cuenta una historia: la tuya.<\/p>\r\n      <div class=\"kliik-hero-cta-wrap\">\r\n        <a href=\"https:\/\/pruebasgoner.com\/kl\/shop\" class=\"kliik-hero-cta\">\r\n          Explorar Colecci\u00f3n\r\n          <span class=\"kliik-hero-cta-arrow\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/pruebasgoner.com\/kl\/shop\" class=\"kliik-hero-secondary\">\r\n          Ver cat\u00e1logo\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"kliik-hero-stats\">\r\n        <div class=\"kliik-hero-stat\">\r\n          <h3>500+<\/h3>\r\n          <span>Modelos \u00fanicos<\/span>\r\n        <\/div>\r\n        <div class=\"kliik-hero-stat\">\r\n          <h3>5 a\u00f1os<\/h3>\r\n          <span>De experiencia<\/span>\r\n        <\/div>\r\n        <div class=\"kliik-hero-stat\">\r\n          <h3>100%<\/h3>\r\n          <span>Calidad garantizada<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"kliik-hero-right\">\r\n      <div class=\"kliik-hero-img-frame\">\r\n        <img decoding=\"async\" src=\"https:\/\/pruebasgoner.com\/kl\/wp-content\/uploads\/2026\/03\/imagen_2026-03-25_220815464.webp\" alt=\"Modelos con gafas Kliik\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== ABOUT ===== -->\r\n  <section class=\"kliik-section kliik-about\">\r\n    <div class=\"kliik-container\">\r\n      <div class=\"kliik-about-grid\">\r\n        <div class=\"kliik-about-img-container kliik-fade\">\r\n          <img decoding=\"async\" class=\"kliik-about-img\" src=\"https:\/\/pruebasgoner.com\/kl\/wp-content\/uploads\/2026\/03\/imagen_2026-03-25_220820818.webp\" alt=\"Equipo Kliik\">\r\n        <\/div>\r\n        <div class=\"kliik-about-text kliik-fade kliik-d1\">\r\n          <span class=\"kliik-label\">Con\u00f3cenos<\/span>\r\n          <h2 class=\"kliik-title\">\u00bfQui\u00e9nes somos?<\/h2>\r\n          <div class=\"kliik-divider\"><\/div>\r\n          <p>En <strong>KLIIK<\/strong>, creemos que las gafas son mucho m\u00e1s que un accesorio: son una declaraci\u00f3n de estilo y un instrumento de bienestar visual. Nos especializamos en ofrecer <strong>gafas de dise\u00f1o<\/strong> elaboradas con materiales de alta calidad, que combinan innovaci\u00f3n, moda y funcionalidad.<\/p>\r\n          <p>Cada modelo de KLIIK est\u00e1 dise\u00f1ado para adaptarse a diferentes estilos y personalidades, permiti\u00e9ndote expresar tu esencia a trav\u00e9s de tus gafas. Nuestra pasi\u00f3n es brindarte una experiencia \u00fanica donde la calidad, la comodidad y el dise\u00f1o vanguardista se unen en cada par.<\/p>\r\n          <a href=\"https:\/\/pruebasgoner.com\/kl\/shop\" class=\"kliik-btn kliik-btn--primary\">\r\n            Cont\u00e1ctanos <span class=\"kliik-btn-arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== HISTORY ===== -->\r\n  <section class=\"kliik-section kliik-history\">\r\n    <div class=\"kliik-container\">\r\n      <div class=\"kliik-history-header kliik-fade\">\r\n        <span class=\"kliik-label\">Nuestra Trayectoria<\/span>\r\n        <h2 class=\"kliik-title\">Nuestra Historia<\/h2>\r\n        <div class=\"kliik-divider kliik-divider--center\"><\/div>\r\n      <\/div>\r\n      <div class=\"kliik-timeline\">\r\n        <div class=\"kliik-timeline-item kliik-fade\">\r\n          <div class=\"kliik-timeline-year\">2021<\/div>\r\n          <div class=\"kliik-timeline-dot\"><\/div>\r\n          <div class=\"kliik-timeline-content\">\r\n            <h3>Los primeros pasos<\/h3>\r\n            <p>Desde 2021, en KLIIK fusionamos la artesan\u00eda \u00f3ptica tradicional con las \u00faltimas tendencias en gafas de dise\u00f1o. Nacimos como un peque\u00f1o taller en Madrid, con una gran visi\u00f3n: crear monturas \u00fanicas, pensadas para personas \u00fanicas.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kliik-timeline-item kliik-fade kliik-d1\">\r\n          <div class=\"kliik-timeline-year\">2022<\/div>\r\n          <div class=\"kliik-timeline-dot\"><\/div>\r\n          <div class=\"kliik-timeline-content\">\r\n            <h3>El proceso creativo<\/h3>\r\n            <p>Cada modelo que dise\u00f1amos es el resultado de un proceso colaborativo entre dise\u00f1adores de moda, \u00f3pticos y expertos en ergonom\u00eda visual, garantizando no solo estilo, sino tambi\u00e9n comodidad, resistencia y personalidad.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kliik-timeline-item kliik-fade kliik-d2\">\r\n          <div class=\"kliik-timeline-year\">2023<\/div>\r\n          <div class=\"kliik-timeline-dot\"><\/div>\r\n          <div class=\"kliik-timeline-content\">\r\n            <h3>M\u00e1s all\u00e1 de las gafas<\/h3>\r\n            <p>Hoy, nuestras gafas no son solo un estado de moda, sino tambi\u00e9n identidades. Con presencia en toda Espa\u00f1a, seguimos dise\u00f1ando desde la convicci\u00f3n de que cada par de gafas KLIIK debe contar una historia: la tuya.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== WHY ===== -->\r\n  <section class=\"kliik-section kliik-why\">\r\n    <div class=\"kliik-container\">\r\n      <div class=\"kliik-why-grid\">\r\n        <div class=\"kliik-fade\">\r\n          <img decoding=\"async\" class=\"kliik-why-img\" src=\"https:\/\/pruebasgoner.com\/kl\/wp-content\/uploads\/2026\/03\/imagen_2026-03-25_220827210.webp\" alt=\"Modelo con gafas Kliik\">\r\n        <\/div>\r\n        <div class=\"kliik-fade kliik-d1\">\r\n          <span class=\"kliik-label\">Nuestro compromiso<\/span>\r\n          <h2 class=\"kliik-title\">\u00bfPor qu\u00e9 vendemos gafas?<\/h2>\r\n          <div class=\"kliik-divider\"><\/div>\r\n          <p class=\"kliik-why-intro\">Porque sabemos que unas buenas gafas deben cumplir con tres aspectos esenciales:<\/p>\r\n          <div class=\"kliik-why-features\">\r\n            <div class=\"kliik-why-feature\">\r\n              <div class=\"kliik-why-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4>Expresi\u00f3n de estilo<\/h4>\r\n                <p>Dise\u00f1amos gafas que te permiten destacar y mostrar tu personalidad.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"kliik-why-feature\">\r\n              <div class=\"kliik-why-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4>Calidad superior<\/h4>\r\n                <p>Utilizamos materiales como acetato de celulosa, titanio y lentes de alto rendimiento para garantizar durabilidad y confort.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"kliik-why-feature\">\r\n              <div class=\"kliik-why-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4>Protecci\u00f3n para tus ojos<\/h4>\r\n                <p>Incorporamos tecnolog\u00eda de protecci\u00f3n UV y filtro de luz azul, asegurando el bienestar de tu visi\u00f3n.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"kliik-why-feature\">\r\n              <div class=\"kliik-why-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><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              <div>\r\n                <h4>Dise\u00f1o ergon\u00f3mico<\/h4>\r\n                <p>Cada par de gafas est\u00e1 dise\u00f1ado para ofrecer un ajuste c\u00f3modo y seguro, sin comprometer el estilo.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== TESTIMONIALS CAROUSEL ===== -->\r\n  <section class=\"kliik-section kliik-testimonials\">\r\n    <div class=\"kliik-container\">\r\n      <div class=\"kliik-testimonials-header kliik-fade\">\r\n        <span class=\"kliik-label\">Lo que dicen de nosotros<\/span>\r\n        <h2 class=\"kliik-title\">Testimonios de clientes<\/h2>\r\n        <div class=\"kliik-divider kliik-divider--center\"><\/div>\r\n        <p>En KLIIK, las voces de nuestros clientes inspiran cada nuevo par que dise\u00f1amos. Creemos que cada par de gafas de nuestra colecci\u00f3n tiene un reflejo de estilo, comodidad y calidad.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"kliik-carousel-outer kliik-fade kliik-d1\">\r\n        <button class=\"kliik-carousel-arrow kliik-carousel-prev\" id=\"kliikPrev\" aria-label=\"Anterior\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"kliik-carousel-arrow kliik-carousel-next\" id=\"kliikNext\" aria-label=\"Siguiente\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"kliik-carousel-viewport\">\r\n          <div class=\"kliik-carousel-track\" id=\"kliikTrack\">\r\n            <!-- 1 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Aprecio la sofisticaci\u00f3n y calidad que KLIIK aporta a las gafas de sol. Ofrecen una combinaci\u00f3n excepcional de estilo y durabilidad que no he encontrado en otras marcas.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">LD<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Luc\u00eda Delgado<\/div><div class=\"kliik-tcard-role\">Cliente<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 2 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Las gafas KLIIK me han transformado por completo: materiales de primera, c\u00f3modas y con una calidad simplemente impecable. Las llevo todo el d\u00eda sin molestias.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">JV<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Javier Vidal<\/div><div class=\"kliik-tcard-role\">Cliente<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 3 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">El estilo impecable y la devoci\u00f3n al detalle en cada montura hacen que las gafas KLIIK me resulten irresistibles. Combinan moda y funcionalidad a la perfecci\u00f3n.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">PJ<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Paula Jim\u00e9nez<\/div><div class=\"kliik-tcard-role\">Cliente<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 4 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Compr\u00e9 mis primeras KLIIK hace un a\u00f1o y desde entonces no he vuelto a usar otras gafas. La comodidad es inigualable y siempre recibo cumplidos por el dise\u00f1o.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">MR<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Marco Ruiz<\/div><div class=\"kliik-tcard-role\">Cliente<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 5 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Como dise\u00f1adora, valoro mucho la est\u00e9tica. Las gafas KLIIK tienen ese equilibrio perfecto entre elegancia contempor\u00e1nea y funcionalidad para el d\u00eda a d\u00eda.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">AS<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Ana Serrano<\/div><div class=\"kliik-tcard-role\">Dise\u00f1adora<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 6 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Mis gafas KLIIK son ligeras, resistentes y con un estilo que me encanta. El filtro de luz azul ha mejorado notablemente mi descanso visual al trabajar con pantallas.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">DM<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Daniel Molina<\/div><div class=\"kliik-tcard-role\">Programador<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 7 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Recomiendo KLIIK a todos mis pacientes. La calidad \u00f3ptica de sus lentes y la ergonom\u00eda de las monturas est\u00e1n a la altura de las mejores marcas europeas.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">CN<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Carmen Navarro<\/div><div class=\"kliik-tcard-role\">Optometrista<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 8 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Lo que m\u00e1s me gusta de KLIIK es que cada modelo tiene personalidad propia. Tengo tres pares y cada uno complementa un estilo diferente. Son absolutamente vers\u00e1tiles.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">RL<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Roberto L\u00f3pez<\/div><div class=\"kliik-tcard-role\">Cliente<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 9 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">Busqu\u00e9 durante meses unas gafas c\u00f3modas para todo el d\u00eda. Las KLIIK superaron mis expectativas tanto en confort como en dise\u00f1o. Las uso incluso para hacer deporte.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">IG<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Isabel Garc\u00eda<\/div><div class=\"kliik-tcard-role\">Profesora<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <!-- 10 -->\r\n            <div class=\"kliik-tcard\">\r\n              <div class=\"kliik-tcard-quote\">&ldquo;<\/div>\r\n              <div class=\"kliik-tcard-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n              <p class=\"kliik-tcard-text\">La atenci\u00f3n al cliente de KLIIK es excepcional. Me ayudaron a elegir la montura perfecta para mi rostro y el resultado es espectacular. Sin duda repetir\u00e9.<\/p>\r\n              <div class=\"kliik-tcard-author\">\r\n                <div class=\"kliik-tcard-avatar\">FT<\/div>\r\n                <div><div class=\"kliik-tcard-name\">Fernando Torres<\/div><div class=\"kliik-tcard-role\">Empresario<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kliik-carousel-dots\" id=\"kliikDots\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== CTA ===== -->\r\n  <section class=\"kliik-cta\">\r\n    <div class=\"kliik-cta-content kliik-fade\">\r\n      <h2>\u00a1Encuentra tus gafas perfectas hoy!<\/h2>\r\n      <p>Explora nuestra amplia colecci\u00f3n de gafas dise\u00f1adas para adaptarse a cualquier forma de rostro, personalidad y estilo de vida. Con la opci\u00f3n de elegantes armazones y materiales de alta calidad, encontrar las gafas perfectas nunca fue tan f\u00e1cil.<\/p>\r\n      <div class=\"kliik-cta-buttons\">\r\n        <a href=\"https:\/\/pruebasgoner.com\/kl\/shop\" class=\"kliik-btn kliik-btn--white\">\r\n          Comprar Ahora <span class=\"kliik-btn-arrow\">\u2192<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/pruebasgoner.com\/kl\/shop\" class=\"kliik-btn kliik-btn--ghost\">\r\n          Ver Colecci\u00f3n\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== BENEFITS ===== -->\r\n  <section class=\"kliik-benefits\">\r\n    <div class=\"kliik-benefits-grid\">\r\n      <div class=\"kliik-benefit kliik-fade\">\r\n        <div class=\"kliik-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8l5 3-5 3V8z\"\/><path d=\"M1 20h22\"\/><\/svg>\r\n        <\/div>\r\n        <h4>Env\u00edo r\u00e1pido<\/h4>\r\n        <p>Recibe tus pedidos de forma r\u00e1pida y segura a tu domicilio.<\/p>\r\n      <\/div>\r\n      <div class=\"kliik-benefit kliik-fade kliik-d1\">\r\n        <div class=\"kliik-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n        <\/div>\r\n        <h4>Soporte 24\/7<\/h4>\r\n        <p>Nuestro equipo est\u00e1 siempre disponible para ayudarte.<\/p>\r\n      <\/div>\r\n      <div class=\"kliik-benefit kliik-fade kliik-d2\">\r\n        <div class=\"kliik-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\r\n        <\/div>\r\n        <h4>Devoluci\u00f3n f\u00e1cil<\/h4>\r\n        <p>Devoluciones f\u00e1ciles y r\u00e1pidas dentro de los 30 d\u00edas.<\/p>\r\n      <\/div>\r\n      <div class=\"kliik-benefit kliik-fade kliik-d3\">\r\n        <div class=\"kliik-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <h4>Pago seguro<\/h4>\r\n        <p>Paga de forma segura con todas las tarjetas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/* Fade observer *\/\r\n  var obs = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('kliik-visible'); });\r\n  }, {threshold: 0.1, rootMargin: '0px 0px -50px 0px'});\r\n  document.querySelectorAll('.kliik-fade').forEach(function(el){ obs.observe(el); });\r\n\r\n  \/* Carousel *\/\r\n  var track = document.getElementById('kliikTrack');\r\n  var dotsWrap = document.getElementById('kliikDots');\r\n  var prevBtn = document.getElementById('kliikPrev');\r\n  var nextBtn = document.getElementById('kliikNext');\r\n  if(!track) return;\r\n\r\n  var cards = track.children;\r\n  var total = cards.length; \/* 10 *\/\r\n  var page = 0;\r\n  var timer;\r\n\r\n  function perView(){\r\n    var w = window.innerWidth;\r\n    if(w <= 768) return 1;\r\n    if(w <= 1024) return 2;\r\n    return 3;\r\n  }\r\n\r\n  function totalPages(){ return Math.ceil(total \/ perView()); }\r\n  function maxPage(){ return totalPages() - 1; }\r\n\r\n  function getGap(){\r\n    var s = getComputedStyle(track);\r\n    return parseFloat(s.columnGap) || parseFloat(s.gap) || 0;\r\n  }\r\n\r\n  function move(){\r\n    var pv = perView();\r\n    var gap = getGap();\r\n    var cardW = cards[0].offsetWidth;\r\n    var step = page * pv;\r\n    \/* Don't scroll past the last card *\/\r\n    var maxStep = total - pv;\r\n    if(step > maxStep) step = maxStep;\r\n    var px = step * (cardW + gap);\r\n    track.style.transform = 'translateX(-' + px + 'px)';\r\n    updateDots();\r\n  }\r\n\r\n  function buildDots(){\r\n    if(!dotsWrap) return;\r\n    dotsWrap.innerHTML = '';\r\n    var tp = totalPages();\r\n    for(var i = 0; i < tp; i++){\r\n      var d = document.createElement('button');\r\n      d.className = 'kliik-carousel-dot';\r\n      d.setAttribute('aria-label', 'P\u00e1gina ' + (i+1));\r\n      d.dataset.p = i;\r\n      d.addEventListener('click', function(){ goTo(parseInt(this.dataset.p)); });\r\n      dotsWrap.appendChild(d);\r\n    }\r\n    updateDots();\r\n  }\r\n\r\n  function updateDots(){\r\n    if(!dotsWrap) return;\r\n    var dots = dotsWrap.children;\r\n    for(var i = 0; i < dots.length; i++){\r\n      dots[i].classList.toggle('kliik-dot-active', i === page);\r\n    }\r\n  }\r\n\r\n  function goTo(p){\r\n    page = Math.max(0, Math.min(p, maxPage()));\r\n    move();\r\n    resetTimer();\r\n  }\r\n\r\n  function next(){ goTo(page >= maxPage() ? 0 : page + 1); }\r\n  function prev(){ goTo(page <= 0 ? maxPage() : page - 1); }\r\n\r\n  function resetTimer(){\r\n    clearInterval(timer);\r\n    timer = setInterval(next, 5000);\r\n  }\r\n\r\n  if(prevBtn) prevBtn.addEventListener('click', prev);\r\n  if(nextBtn) nextBtn.addEventListener('click', next);\r\n\r\n  \/* Touch *\/\r\n  var sx = 0;\r\n  track.addEventListener('touchstart', function(e){ sx = e.touches[0].clientX; }, {passive:true});\r\n  track.addEventListener('touchend', function(e){\r\n    var d = sx - e.changedTouches[0].clientX;\r\n    if(Math.abs(d) > 50){ d > 0 ? next() : prev(); }\r\n  }, {passive:true});\r\n\r\n  \/* Pause on hover *\/\r\n  var outer = document.querySelector('.kliik-carousel-outer');\r\n  if(outer){\r\n    outer.addEventListener('mouseenter', function(){ clearInterval(timer); });\r\n    outer.addEventListener('mouseleave', resetTimer);\r\n  }\r\n\r\n  \/* Init *\/\r\n  buildDots();\r\n  move();\r\n  resetTimer();\r\n  var resizeTimeout;\r\n  window.addEventListener('resize', function(){\r\n    clearTimeout(resizeTimeout);\r\n    resizeTimeout = setTimeout(function(){\r\n      if(page > maxPage()) page = maxPage();\r\n      buildDots();\r\n      move();\r\n    }, 150);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sobre Nosotros Qui\u00e9nes somos en Kliik Dise\u00f1amos gafas que combinan estilo, calidad y personalidad. Cada montura cuenta una historia: la tuya. Explorar Colecci\u00f3n Ver cat\u00e1logo 500+ Modelos \u00fanicos 5 a\u00f1os De experiencia 100% Calidad garantizada Con\u00f3cenos \u00bfQui\u00e9nes somos? En KLIIK, creemos que las gafas son mucho m\u00e1s que un accesorio: son una declaraci\u00f3n de estilo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3733","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/pages\/3733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/comments?post=3733"}],"version-history":[{"count":34,"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/pages\/3733\/revisions"}],"predecessor-version":[{"id":4357,"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/pages\/3733\/revisions\/4357"}],"wp:attachment":[{"href":"https:\/\/pruebasgoner.com\/kl\/wp-json\/wp\/v2\/media?parent=3733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}