{"id":13,"date":"2026-06-25T04:14:07","date_gmt":"2026-06-25T04:14:07","guid":{"rendered":"https:\/\/alexbarberclub.cl\/?page_id=13"},"modified":"2026-08-17T01:10:15","modified_gmt":"2026-08-17T01:10:15","slug":"home","status":"publish","type":"page","link":"https:\/\/alexbarberclub.cl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29ba269 e-con e-atomic-element e-flexbox-base e-9673ff7 \" data-id=\"29ba269\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"29ba269\" data-e-type=\"e-flexbox\" data-id=\"29ba269\">\n    \t\t<div class=\"elementor-element elementor-element-03d5b49 elementor-widget elementor-widget-html\" data-id=\"03d5b49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n    ALEX BARBER CLUB &#8212; Hero\n    Elementor: pegar en widget HTML | ID de secci&#243;n: inicio\n    ============================================================ -->\n<style>\n\/* \u2500\u2500 Neutralizar Elementor: padding, margin, border, outline \u2500\u2500 *\/\n.elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 1 !important;\n}\n.elementor-widget-html {\n  margin-bottom: 0 !important;\n}\n.elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n.elementor-column-gap-default .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n.elementor-section.elementor-top-section,\n.elementor-section.elementor-inner-section,\n.e-con, .e-container {\n  border: none !important;\n  outline: none !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n.elementor-section > .elementor-container,\n.elementor-section > .elementor-container > .elementor-row {\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@100..900&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --gold:        #B8860B;\n  --gold-light:  #D4A017;\n  --gold-glow:   #E8B84B;\n  --black:       #0D0D0D;\n  --white:       #FFFFFF;\n  --font:        'Outfit', system-ui, sans-serif;\n  --fw-thin:     100;\n  --fw-light:    300;\n  --fw-medium:   500;\n  --fw-semibold: 600;\n  --fw-bold:     700;\n  --fw-extra:    800;\n}\n\n.abc-hero *, .abc-hero *::before, .abc-hero *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.abc-hero {\n  background: var(--black);\n  padding: 64px 24px 56px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  font-family: var(--font);\n}\n\n.abc-hero::before {\n  content: '';\n  position: absolute;\n  top: -80px; left: 50%;\n  transform: translateX(-50%);\n  width: 360px; height: 360px;\n  background: radial-gradient(circle, rgba(184,134,11,0.2) 0%, transparent 65%);\n  pointer-events: none;\n}\n\n.abc-hero::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 10%; right: 10%;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, var(--gold-light), transparent);\n  opacity: 0.35;\n}\n\n.abc-hero-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 10px;\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--gold-glow);\n  margin-bottom: 28px;\n  opacity: 0.9;\n}\n\n.abc-hero-eyebrow span {\n  display: inline-block;\n  width: 20px; height: 1px;\n  background: var(--gold-glow);\n  opacity: 0.5;\n}\n\n.abc-hero h1 {\n  font-family: var(--font);\n  font-weight: var(--fw-extra);\n  font-size: clamp(40px, 11vw, 64px);\n  line-height: 1.0;\n  color: var(--white);\n  letter-spacing: -0.03em;\n  margin-bottom: 6px;\n}\n\n.abc-hero h1 .accent {\n  color: var(--gold-glow);\n  font-weight: var(--fw-thin);\n  font-style: italic;\n}\n\n.abc-hero-tagline {\n  font-weight: var(--fw-light);\n  font-size: 12px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n  margin-bottom: 28px;\n}\n\n.abc-hero-sub {\n  font-weight: var(--fw-light);\n  font-size: 15px;\n  color: rgba(255,255,255,0.48);\n  line-height: 1.7;\n  max-width: 300px;\n  margin: 0 auto 36px;\n}\n\n.abc-hero-actions {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  max-width: 310px;\n  margin: 0 auto;\n}\n\n\/* -- GOLD SHIMMER KEYFRAMES -- *\/\n@keyframes abcShimmer {\n  0%   { background-position: 200% center; }\n  100% { background-position: -200% center; }\n}\n@keyframes abcGlowPulse {\n  0%, 100% { box-shadow: 0 6px 24px rgba(184,134,11,0.45); }\n  50%       { box-shadow: 0 8px 36px rgba(184,134,11,0.80), 0 0 0 5px rgba(232,184,75,0.15); }\n}\n\n\/* -- BOT\u00d3N RESERVAR -- *\/\n.abc-lp-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  background: linear-gradient(105deg, #9a6e00 0%, #D4A017 28%, #F5D060 50%, #D4A017 72%, #9a6e00 100%);\n  background-size: 250% auto;\n  color: #0D0D0D;\n  font-family: var(--font);\n  font-weight: var(--fw-extra);\n  font-size: 13px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  padding: 17px 32px;\n  border-radius: 100px;\n  text-decoration: none;\n  border: none;\n  cursor: pointer;\n  animation: abcShimmer 3s linear infinite, abcGlowPulse 2.5s ease-in-out infinite;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Ocultar el <a> del shortcode y usar nuestro dise\u00f1o *\/\n.abc-lp-btn .latepoint-open-popup-link,\n.abc-lp-btn a {\n  position: absolute !important;\n  inset: 0 !important;\n  opacity: 0 !important;\n  z-index: 2 !important;\n  cursor: pointer !important;\n  display: block !important;\n}\n\n@media (min-width: 640px) {\n  .abc-lp-btn { width: auto; }\n}\n\n.abc-hero-ghost {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-family: var(--font);\n  font-size: 13px;\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.05em;\n  color: rgba(255,255,255,0.5);\n  padding: 15px 28px;\n  border-radius: 100px;\n  border: 1px solid rgba(255,255,255,0.1);\n  text-decoration: none;\n  transition: border-color 0.2s, color 0.2s;\n}\n\n.abc-hero-ghost:hover { border-color: var(--gold-light); color: var(--gold-glow); }\n\n\/* Stats *\/\n.abc-hero-stats {\n  display: flex;\n  justify-content: center;\n  margin-top: 48px;\n  padding-top: 32px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.abc-stat {\n  flex: 1;\n  text-align: center;\n  padding: 0 8px;\n  position: relative;\n}\n\n.abc-stat + .abc-stat::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 6px; bottom: 6px;\n  width: 1px;\n  background: rgba(255,255,255,0.07);\n}\n\n.abc-stat-n {\n  font-weight: var(--fw-bold);\n  font-size: 24px;\n  letter-spacing: -0.02em;\n  color: var(--gold-glow);\n  line-height: 1;\n}\n\n.abc-stat-l {\n  font-weight: var(--fw-light);\n  font-size: 10px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.28);\n  margin-top: 5px;\n}\n\n\/* Animations *\/\n@keyframes abcFadeUp {\n  from { opacity: 0; transform: translateY(16px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.abc-hero > * { animation: abcFadeUp 0.55s cubic-bezier(0.22,1,0.36,1) both; }\n.abc-hero > *:nth-child(1) { animation-delay: 0.05s; }\n.abc-hero > *:nth-child(2) { animation-delay: 0.12s; }\n.abc-hero > *:nth-child(3) { animation-delay: 0.18s; }\n.abc-hero > *:nth-child(4) { animation-delay: 0.24s; }\n.abc-hero > *:nth-child(5) { animation-delay: 0.32s; }\n.abc-hero > *:nth-child(6) { animation-delay: 0.40s; }\n\n@media (min-width: 640px) {\n  .abc-hero { padding: 88px 48px 80px; }\n  .abc-hero-actions { flex-direction: row; justify-content: center; max-width: none; }\n  .abc-hero-ghost { width: auto; }\n}\n<\/style>\n\n<section class=\"abc-hero\" id=\"inicio\">\n  <p class=\"abc-hero-eyebrow\"><span><\/span>Club de cuidado personal<span><\/span><\/p>\n  <h1>Alex<br\/><span class=\"accent\">Barber<\/span><br\/>Club<\/h1>\n  <p class=\"abc-hero-tagline\">San Fernando &#183; Chile<\/p>\n  <p class=\"abc-hero-sub\">Un espacio premium, donde el cuidado personal es un ritual, para ellos y para ellas. <\/p>\n  <div class=\"abc-hero-actions\">\n    <div class=\"abc-lp-btn\">\n      Reservar\n      <div class=\"latepoint-book-button-wrapper wp-block-button\"><a href=\"#\" class=\"latepoint-book-button os_trigger_booking wp-block-button__link\" >Reservar<\/a><\/div>\n    <\/div>\n    <a href=\"#servicios\" class=\"abc-hero-ghost\">Explorar servicios<\/a>\n  <\/div>\n  <div class=\"abc-hero-stats\">\n    <div class=\"abc-stat\">\n      <div class=\"abc-stat-n\">8+<\/div>\n      <div class=\"abc-stat-l\">A&#241;os<\/div>\n    <\/div>\n    <div class=\"abc-stat\">\n      <div class=\"abc-stat-n\">4.9&#9733;<\/div>\n      <div class=\"abc-stat-l\">Valoraci&#243;n<\/div>\n    <\/div>\n    <div class=\"abc-stat\">\n      <div class=\"abc-stat-n\">2K+<\/div>\n      <div class=\"abc-stat-l\">Miembros<\/div>\n    <\/div>\n    <div class=\"abc-stat\">\n      <div class=\"abc-stat-n\">100%<\/div>\n      <div class=\"abc-stat-l\">Premium<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3e566c1 e-con e-atomic-element e-flexbox-base e-339c95c \" data-id=\"3e566c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3e566c1\" data-e-type=\"e-flexbox\" data-id=\"3e566c1\">\n    \t\t<div class=\"elementor-element elementor-element-020f528 elementor-widget elementor-widget-html\" data-id=\"020f528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n    ALEX BARBER CLUB \u2014 Servicios\n    Elementor: pegar en widget HTML | ID de secci\u00f3n: servicios\n    3 servicios \u2014 Desktop \/ Tablet \/ Mobile responsive\n    ============================================================ -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@100..900&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --gold:        #B8860B;\n  --gold-light:  #D4A017;\n  --gold-glow:   #E8B84B;\n  --gold-pale:   #FAF3E0;\n  --black:       #0D0D0D;\n  --dark:        #1A1A1A;\n  --white:       #FFFFFF;\n  --gray:        #6E6E6E;\n  --surface:     #F8F7F5;\n  --border:      rgba(0,0,0,0.06);\n  --border-gold: rgba(184,134,11,0.3);\n  --font:        'Outfit', system-ui, sans-serif;\n  --fw-light:    300;\n  --fw-medium:   500;\n  --fw-semibold: 600;\n  --fw-extra:    800;\n  --radius:      16px;\n}\n\n\/* Reset interno *\/\n.abc-srv *,\n.abc-srv *::before,\n.abc-srv *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Secci\u00f3n *\/\n.abc-srv {\n  background: var(--white);\n  padding: 60px 22px 64px;\n  font-family: var(--font);\n}\n\n.abc-srv-inner {\n  max-width: 980px;\n  margin: 0 auto;\n}\n\n\/* Encabezado *\/\n.abc-srv-label {\n  font-size: 10px;\n  font-weight: var(--fw-semibold);\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--gold-light);\n  margin-bottom: 10px;\n}\n\n.abc-srv-title {\n  font-size: clamp(26px, 6vw, 38px);\n  font-weight: var(--fw-extra);\n  letter-spacing: -0.025em;\n  color: var(--black);\n  line-height: 1.1;\n  margin-bottom: 10px;\n}\n\n.abc-srv-sub {\n  font-size: 14px;\n  font-weight: var(--fw-light);\n  color: var(--gray);\n  line-height: 1.65;\n  margin-bottom: 36px;\n  max-width: 480px;\n}\n\n\/* ============================================================\n   GRID\n   Mobile: 1 columna\n   Desktop: 3 columnas\n   ============================================================ *\/\n\n.abc-srv-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 12px;\n}\n\n\/* Tarjetas *\/\n.abc-srv-card {\n  background: var(--white);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  padding: 22px 18px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  flex-direction: column;\n  min-height: 210px;\n\n  transition:\n    background 0.25s,\n    border-color 0.25s,\n    box-shadow 0.25s,\n    transform 0.18s;\n}\n\n\/* Ornamentos esquinas *\/\n.abc-srv-card::before,\n.abc-srv-card::after {\n  content: '';\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  border-color: var(--gold);\n  border-style: solid;\n  opacity: 0.4;\n  transition: opacity 0.25s, border-color 0.25s;\n}\n\n.abc-srv-card::before {\n  top: 9px;\n  left: 9px;\n  border-width: 1px 0 0 1px;\n}\n\n.abc-srv-card::after {\n  bottom: 9px;\n  right: 9px;\n  border-width: 0 1px 1px 0;\n}\n\n\/* Hover *\/\n.abc-srv-card:hover,\n.abc-srv-card:active {\n  background: var(--dark);\n  border-color: var(--gold-light);\n  box-shadow: 0 10px 32px rgba(184,134,11,0.18);\n  transform: translateY(-2px);\n}\n\n.abc-srv-card:active {\n  transform: scale(0.98);\n}\n\n.abc-srv-card:hover::before,\n.abc-srv-card:hover::after,\n.abc-srv-card:active::before,\n.abc-srv-card:active::after {\n  opacity: 1;\n  border-color: var(--gold-glow);\n}\n\n\/* Iconos *\/\n.abc-srv-ico {\n  width: 44px;\n  height: 44px;\n  background: var(--gold-pale);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 14px;\n  flex-shrink: 0;\n  transition: background 0.25s;\n}\n\n.abc-srv-ico svg {\n  width: 21px;\n  height: 21px;\n  stroke: var(--gold-light);\n  fill: none;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: stroke 0.25s;\n}\n\n.abc-srv-card:hover .abc-srv-ico,\n.abc-srv-card:active .abc-srv-ico {\n  background: rgba(184,134,11,0.18);\n}\n\n.abc-srv-card:hover .abc-srv-ico svg,\n.abc-srv-card:active .abc-srv-ico svg {\n  stroke: var(--gold-glow);\n}\n\n\/* Nombre *\/\n.abc-srv-name {\n  font-size: 14px;\n  font-weight: var(--fw-semibold);\n  color: var(--black);\n  letter-spacing: -0.01em;\n  margin-bottom: 6px;\n  line-height: 1.25;\n  transition: color 0.25s;\n}\n\n.abc-srv-card:hover .abc-srv-name,\n.abc-srv-card:active .abc-srv-name {\n  color: var(--white);\n}\n\n\/* Descripci\u00f3n *\/\n.abc-srv-desc {\n  font-size: 12px;\n  font-weight: var(--fw-light);\n  color: var(--gray);\n  line-height: 1.55;\n  transition: color 0.25s;\n}\n\n.abc-srv-card:hover .abc-srv-desc,\n.abc-srv-card:active .abc-srv-desc {\n  color: rgba(255,255,255,0.45);\n}\n\n\/* Pill *\/\n.abc-srv-pill {\n  display: inline-block;\n  align-self: flex-start;\n  margin-top: auto;\n  padding-top: 0;\n\n  background: var(--gold-pale);\n  color: var(--gold);\n\n  font-size: 9.5px;\n  font-weight: var(--fw-semibold);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n\n  padding: 4px 10px;\n  border-radius: 100px;\n\n  transition:\n    background 0.25s,\n    color 0.25s;\n}\n\n.abc-srv-card:hover .abc-srv-pill,\n.abc-srv-card:active .abc-srv-pill {\n  background: rgba(184,134,11,0.2);\n  color: var(--gold-glow);\n}\n\n\/* ============================================================\n   TABLET \/ DESKTOP\n   ============================================================ *\/\n\n@media (min-width: 640px) {\n\n  .abc-srv {\n    padding: 80px 48px;\n  }\n\n  .abc-srv-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .abc-srv-card {\n    min-height: 225px;\n    padding: 24px 20px;\n  }\n}\n\n\/* Desktop grande *\/\n@media (min-width: 1024px) {\n\n  .abc-srv-grid {\n    gap: 16px;\n  }\n\n  .abc-srv-card {\n    padding: 26px 22px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 639px) {\n\n  .abc-srv-card {\n    min-height: auto;\n    padding: 20px 18px;\n  }\n\n  .abc-srv-pill {\n    margin-top: 14px;\n  }\n}\n<\/style>\n\n\n<section class=\"abc-srv\" id=\"servicios\">\n\n  <div class=\"abc-srv-inner\">\n\n    <p class=\"abc-srv-label\">\n      Nuestros servicios\n    <\/p>\n\n    <h2 class=\"abc-srv-title\">\n      Servicios\n    <\/h2>\n\n    <p class=\"abc-srv-sub\">\n      Profesionales especializados para hombres y mujeres que entienden el valor del cuidado personal.\n    <\/p>\n\n\n    <div class=\"abc-srv-grid\">\n\n      <!-- BARBER\u00cdA -->\n      <a href=\"#contacto\" class=\"abc-srv-card\">\n\n        <div class=\"abc-srv-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M6 3v9m0 3v6M18 3v18M9 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/>\n            <line x1=\"18\" y1=\"9\" x2=\"21\" y2=\"9\"\/>\n            <line x1=\"18\" y1=\"15\" x2=\"21\" y2=\"15\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"abc-srv-name\">\n          Barber\u00eda\n        <\/div>\n\n        <div class=\"abc-srv-desc\">\n          Cortes modernos y cl\u00e1sicos, perfilado y cuidado profesional.\n        <\/div>\n\n        <span class=\"abc-srv-pill\">\n          Popular\n        <\/span>\n\n      <\/a>\n\n\n      <!-- PELUQUER\u00cdA ESTUDIO -->\n      <a href=\"#contacto\" class=\"abc-srv-card\">\n\n        <div class=\"abc-srv-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"6\" cy=\"6\" r=\"3\"\/>\n            <circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n            <line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\"\/>\n            <line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\"\/>\n            <line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"abc-srv-name\">\n          Peluquer\u00eda Estudio\n        <\/div>\n\n        <div class=\"abc-srv-desc\">\n          Color, estilo y tendencias adaptadas a tu personalidad.\n        <\/div>\n\n        <span class=\"abc-srv-pill\">\n          Nuevo\n        <\/span>\n\n      <\/a>\n\n\n      <!-- U\u00d1AS -->\n      <a href=\"#contacto\" class=\"abc-srv-card\">\n\n        <div class=\"abc-srv-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/>\n            <path d=\"M9 12h.01M12 9v.01M15 12h.01M12 15v.01\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"abc-srv-name\">\n          U\u00f1as\n        <\/div>\n\n        <div class=\"abc-srv-desc\">\n          Manicure profesional con acabados duraderos y elegantes.\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3ccd9d5 e-con e-atomic-element e-flexbox-base e-6318586 \" data-id=\"3ccd9d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3ccd9d5\" data-e-type=\"e-flexbox\" data-id=\"3ccd9d5\">\n    \t\t<div class=\"elementor-element elementor-element-572f8be elementor-widget elementor-widget-html\" data-id=\"572f8be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n    ALEX BARBER CLUB &#8212; Somos Alex Barber Club\n    Elementor: pegar en widget HTML | ID de secci&#243;n: somos\n    ============================================================ -->\n<style>\n\/* \u2500\u2500 Neutralizar Elementor: padding, margin, border, outline \u2500\u2500 *\/\n.elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 1 !important;\n}\n.elementor-widget-html {\n  margin-bottom: 0 !important;\n}\n.elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n.elementor-column-gap-default .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n.elementor-section.elementor-top-section,\n.elementor-section.elementor-inner-section,\n.e-con, .e-container {\n  border: none !important;\n  outline: none !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n.elementor-section > .elementor-container,\n.elementor-section > .elementor-container > .elementor-row {\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@100..900&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --gold:        #B8860B;\n  --gold-light:  #D4A017;\n  --gold-glow:   #E8B84B;\n  --gold-pale:   #FAF3E0;\n  --black:       #0D0D0D;\n  --dark:        #1A1A1A;\n  --white:       #FFFFFF;\n  --gray:        #6E6E6E;\n  --surface:     #F8F7F5;\n  --border:      rgba(0,0,0,0.06);\n  --font:        'Outfit', system-ui, sans-serif;\n  --fw-light:    300;\n  --fw-regular:  400;\n  --fw-medium:   500;\n  --fw-semibold: 600;\n  --fw-bold:     700;\n  --fw-extra:    800;\n  --radius-lg:   24px;\n}\n\n.abc-about *, .abc-about *::before, .abc-about *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.abc-about {\n  background: var(--surface);\n  padding: 64px 22px;\n  font-family: var(--font);\n}\n\n.abc-about-inner {\n  max-width: 1040px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n  align-items: center;\n}\n\n\/* -- IMAGE BLOCK -- *\/\n.abc-about-visual {\n  position: relative;\n}\n\n.abc-about-img-wrap {\n  position: relative;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  aspect-ratio: 4\/5;\n  background: var(--dark);\n}\n\n.abc-about-img-wrap img,\n.abc-about-img-wrap video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n\/* Gold frame ornament *\/\n.abc-about-img-wrap::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: var(--radius-lg);\n  border: 1px solid rgba(184,134,11,0.25);\n  pointer-events: none;\n}\n\n\/* Gold corner accents *\/\n.abc-about-img-wrap::before {\n  content: '';\n  position: absolute;\n  top: 14px; left: 14px;\n  width: 28px; height: 28px;\n  border-top: 2px solid var(--gold-glow);\n  border-left: 2px solid var(--gold-glow);\n  border-radius: 3px 0 0 0;\n  z-index: 2;\n  pointer-events: none;\n}\n\n\/* Floating badge *\/\n.abc-about-badge {\n  position: absolute;\n  bottom: -16px;\n  right: -10px;\n  background: var(--black);\n  border: 1px solid rgba(184,134,11,0.3);\n  border-radius: 18px;\n  padding: 13px 18px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  box-shadow: 0 10px 32px rgba(0,0,0,0.22);\n  z-index: 3;\n  min-width: 160px;\n}\n\n.abc-about-badge-icon {\n  width: 36px; height: 36px;\n  background: rgba(184,134,11,0.15);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.abc-about-badge-icon svg {\n  width: 18px; height: 18px;\n  stroke: var(--gold-glow);\n  fill: none;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.abc-about-badge-txt .n {\n  font-weight: var(--fw-bold);\n  font-size: 18px;\n  letter-spacing: -0.02em;\n  color: var(--gold-glow);\n  line-height: 1;\n}\n\n.abc-about-badge-txt .l {\n  font-size: 10px;\n  font-weight: var(--fw-light);\n  letter-spacing: 0.06em;\n  color: rgba(255,255,255,0.4);\n  margin-top: 2px;\n}\n\n\/* Corner bottom-right on image *\/\n.abc-about-corner {\n  position: absolute;\n  bottom: 14px; right: 14px;\n  width: 22px; height: 22px;\n  border-bottom: 2px solid var(--gold-glow);\n  border-right: 2px solid var(--gold-glow);\n  border-radius: 0 0 3px 0;\n  z-index: 2;\n  pointer-events: none;\n  opacity: 0.7;\n}\n\n\/* -- TEXT BLOCK -- *\/\n.abc-about-content {\n  padding-top: 16px;\n}\n\n.abc-about-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 10px;\n  font-weight: var(--fw-semibold);\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--gold-light);\n  margin-bottom: 16px;\n}\n\n.abc-about-label span {\n  display: inline-block;\n  width: 22px; height: 1px;\n  background: var(--gold-light);\n}\n\n.abc-about-title {\n  font-size: clamp(28px, 7vw, 42px);\n  font-weight: var(--fw-extra);\n  letter-spacing: -0.025em;\n  color: var(--black);\n  line-height: 1.08;\n  margin-bottom: 6px;\n}\n\n.abc-about-title em {\n  color: var(--gold);\n  font-style: normal;\n  font-weight: var(--fw-light);\n}\n\n.abc-about-subtitle {\n  font-size: 14px;\n  font-weight: var(--fw-light);\n  color: var(--gray);\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  margin-bottom: 24px;\n}\n\n.abc-about-divider {\n  width: 48px; height: 2px;\n  background: linear-gradient(90deg, var(--gold), var(--gold-glow));\n  border-radius: 2px;\n  margin-bottom: 24px;\n}\n\n.abc-about-text {\n  font-size: 15px;\n  font-weight: var(--fw-light);\n  color: #444;\n  line-height: 1.75;\n  margin-bottom: 16px;\n}\n\n.abc-about-text strong {\n  color: var(--black);\n  font-weight: var(--fw-semibold);\n}\n\n.abc-about-text:last-of-type { margin-bottom: 32px; }\n\n\/* Values pills *\/\n.abc-about-values {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 32px;\n}\n\n.abc-about-val {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--white);\n  border: 1px solid var(--border);\n  border-radius: 100px;\n  padding: 7px 14px;\n  font-size: 12px;\n  font-weight: var(--fw-medium);\n  color: var(--black);\n  letter-spacing: 0.02em;\n}\n\n.abc-about-val .dot {\n  width: 5px; height: 5px;\n  border-radius: 50%;\n  background: var(--gold-light);\n  flex-shrink: 0;\n}\n\n\/* CTA area *\/\n.abc-about-cta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 14px;\n}\n\n\/* -- GOLD SHIMMER KEYFRAMES -- *\/\n@keyframes abcShimmer {\n  0%   { background-position: 200% center; }\n  100% { background-position: -200% center; }\n}\n@keyframes abcGlowPulse {\n  0%, 100% { box-shadow: 0 6px 20px rgba(184,134,11,0.42); }\n  50%       { box-shadow: 0 8px 32px rgba(184,134,11,0.78), 0 0 0 5px rgba(232,184,75,0.12); }\n}\n\n\/* -- BOT\u00d3N RESERVAR -- *\/\n.abc-lp-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(105deg, #9a6e00 0%, #D4A017 28%, #F5D060 50%, #D4A017 72%, #9a6e00 100%);\n  background-size: 250% auto;\n  color: #0D0D0D;\n  font-family: var(--font);\n  font-weight: 800;\n  font-size: 13px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  padding: 15px 28px;\n  border-radius: 100px;\n  border: none;\n  cursor: pointer;\n  white-space: nowrap;\n  animation: abcShimmer 3s linear infinite, abcGlowPulse 2.5s ease-in-out infinite;\n  position: relative;\n  overflow: hidden;\n}\n\n.abc-lp-btn .latepoint-open-popup-link,\n.abc-lp-btn a {\n  position: absolute !important;\n  inset: 0 !important;\n  opacity: 0 !important;\n  z-index: 2 !important;\n  cursor: pointer !important;\n  display: block !important;\n}\n\n.abc-about-link {\n  font-family: var(--font);\n  font-size: 13px;\n  font-weight: var(--fw-medium);\n  color: var(--gray);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  transition: color 0.18s;\n}\n\n.abc-about-link:hover { color: var(--gold); }\n.abc-about-link::after { content: '\\2192'; font-size: 14px; }\n\n\/* -- DESKTOP: side-by-side -- *\/\n@media (min-width: 768px) {\n  .abc-about { padding: 88px 48px; }\n  .abc-about-inner {\n    grid-template-columns: 1fr 1fr;\n    gap: 64px;\n  }\n  .abc-about-img-wrap { aspect-ratio: 3\/4; }\n  .abc-about-badge { right: -22px; bottom: -18px; }\n  .abc-about-content { padding-top: 0; }\n}\n\n@media (min-width: 1024px) {\n  .abc-about-inner { grid-template-columns: 5fr 7fr; gap: 80px; }\n}\n<\/style>\n\n<section class=\"abc-about\" id=\"somos\">\n  <div class=\"abc-about-inner\">\n\n    <!-- Visual -->\n    <div class=\"abc-about-visual\">\n      <div class=\"abc-about-img-wrap\">\n        <video\n          id=\"abcSomosVideo\"\n          src=\"https:\/\/alexbarberclub.cl\/wp-content\/uploads\/2026\/08\/Alex-Barber-Presentacion.mp4\"\n          muted\n          loop\n          playsinline\n          preload=\"none\"\n        ><\/video>\n        <div class=\"abc-about-corner\"><\/div>\n      <\/div>\n\n      <!-- Floating stat badge -->\n      <div class=\"abc-about-badge\">\n        <div class=\"abc-about-badge-icon\">\n          <svg viewBox=\"0 0 24 24\"><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>\n        <\/div>\n        <div class=\"abc-about-badge-txt\">\n          <div class=\"n\">4.9 &#9733;<\/div>\n          <div class=\"l\">+500 rese&#241;as<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Content -->\n    <div class=\"abc-about-content\">\n      <p class=\"abc-about-label\"><span><\/span>Nuestra historia<\/p>\n      <h2 class=\"abc-about-title\">Somos<br\/><em>Alex Barber<\/em><br\/>Club<\/h2>\n      <p class=\"abc-about-subtitle\">San Fernando &#183; Chile<\/p>\n      <div class=\"abc-about-divider\"><\/div>\n\n      <p class=\"abc-about-text\">\n        Somos m&#225;s que una barber&#237;a. Alex Barber Club naci&#243; con la convicci&#243;n de que <strong>el cuidado personal es un acto de bienestar<\/strong>, no solo de est&#233;tica. Un espacio donde cada visita es un momento para ti.\n      <\/p>\n      <p class=\"abc-about-text\">\n        En San Fernando construimos un entorno <strong>premium y cercano<\/strong>, con profesionales apasionados que trabajan con los mejores productos y t&#233;cnicas actuales. Atendemos a hombres y mujeres que exigen calidad, ambiente y detalle.\n      <\/p>\n\n      <div class=\"abc-about-values\">\n        <span class=\"abc-about-val\"><span class=\"dot\"><\/span>Calidad premium<\/span>\n        <span class=\"abc-about-val\"><span class=\"dot\"><\/span>Para ellos y ellas<\/span>\n        <span class=\"abc-about-val\"><span class=\"dot\"><\/span>Ambiente cuidado<\/span>\n        <span class=\"abc-about-val\"><span class=\"dot\"><\/span>Profesionales certificados<\/span>\n      <\/div>\n\n      <div class=\"abc-about-cta\">\n        <div class=\"abc-lp-btn\">\n          Reservar\n          <div class=\"latepoint-book-button-wrapper wp-block-button\"><a href=\"#\" class=\"latepoint-book-button os_trigger_booking wp-block-button__link\" >Reservar<\/a><\/div>\n        <\/div>\n        <a href=\"#contacto\" class=\"abc-about-link\">Encu&#233;ntranos<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var video = document.getElementById('abcSomosVideo');\n  if (!video) return;\n\n  \/\/ Autoplay cuando el video entra en pantalla, pausa cuando sale\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          video.play().catch(function(){});\n        } else {\n          video.pause();\n        }\n      });\n    }, { threshold: 0.25 });\n    observer.observe(video);\n  } else {\n    \/\/ Fallback: autoplay directo si el navegador no soporta IO\n    video.play().catch(function(){});\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-68533fe e-con e-atomic-element e-flexbox-base e-251df95 \" data-id=\"68533fe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"68533fe\" data-e-type=\"e-flexbox\" data-id=\"68533fe\">\n    \t\t<div class=\"elementor-element elementor-element-58bd0b2 elementor-widget elementor-widget-html\" data-id=\"58bd0b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n    ALEX BARBER CLUB &#8212; Membres&#237;a\n    Elementor: pegar en widget HTML | ID de secci&#243;n: membresia\n    ============================================================ -->\n<style>\n\/* \u2500\u2500 Neutralizar Elementor: padding, margin, border, outline \u2500\u2500 *\/\n.elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 1 !important;\n}\n.elementor-widget-html {\n  margin-bottom: 0 !important;\n}\n.elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n.elementor-column-gap-default .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n.elementor-section.elementor-top-section,\n.elementor-section.elementor-inner-section,\n.e-con, .e-container {\n  border: none !important;\n  outline: none !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n.elementor-section > .elementor-container,\n.elementor-section > .elementor-container > .elementor-row {\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@100..900&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --gold:        #B8860B;\n  --gold-light:  #D4A017;\n  --gold-glow:   #E8B84B;\n  --black:       #0D0D0D;\n  --dark:        #1A1A1A;\n  --dark-card:   #1C1C1C;\n  --dark-border: #2A2A2A;\n  --white:       #FFFFFF;\n  --surface:     #F8F7F5;\n  --font:        'Outfit', system-ui, sans-serif;\n  --fw-light:    300;\n  --fw-medium:   500;\n  --fw-semibold: 600;\n  --fw-bold:     700;\n  --fw-extra:    800;\n  --radius-lg:   24px;\n}\n\n.abc-mem *, .abc-mem *::before, .abc-mem *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.abc-mem {\n  background: var(--surface);\n  padding: 32px 22px 48px;\n  font-family: var(--font);\n}\n\n.abc-mem-inner {\n  max-width: 540px;\n  margin: 0 auto;\n}\n\n.abc-mem-card {\n  background: var(--black);\n  border-radius: var(--radius-lg);\n  border: 1px solid rgba(184,134,11,0.18);\n  box-shadow: 0 20px 60px rgba(0,0,0,0.22), 0 0 0 1px rgba(184,134,11,0.06) inset;\n  overflow: hidden;\n  position: relative;\n}\n\n\/* Gold top bar *\/\n.abc-mem-topbar {\n  height: 3px;\n  background: linear-gradient(90deg, var(--gold), var(--gold-glow), var(--gold));\n}\n\n\/* Ambient glow *\/\n.abc-mem-card::before {\n  content: '';\n  position: absolute;\n  top: -60px; left: 50%;\n  transform: translateX(-50%);\n  width: 280px; height: 220px;\n  background: radial-gradient(ellipse, rgba(184,134,11,0.12) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.abc-mem-body {\n  padding: 32px 28px 36px;\n  position: relative;\n}\n\n\/* Eyebrow pill *\/\n.abc-mem-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(184,134,11,0.12);\n  border: 1px solid rgba(184,134,11,0.25);\n  border-radius: 100px;\n  padding: 5px 13px;\n  font-size: 9px;\n  font-weight: var(--fw-semibold);\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--gold-glow);\n  margin-bottom: 20px;\n}\n\n.abc-mem-title {\n  font-weight: var(--fw-extra);\n  font-size: clamp(30px, 8vw, 42px);\n  letter-spacing: -0.03em;\n  color: var(--white);\n  line-height: 1.05;\n  margin-bottom: 8px;\n}\n\n.abc-mem-title em {\n  color: var(--gold-glow);\n  font-style: italic;\n  font-weight: var(--fw-light);\n}\n\n.abc-mem-sub {\n  font-size: 13px;\n  font-weight: var(--fw-light);\n  color: rgba(255,255,255,0.4);\n  letter-spacing: 0.02em;\n  margin-bottom: 24px;\n}\n\n.abc-mem-divider {\n  height: 1px;\n  background: linear-gradient(90deg, rgba(184,134,11,0.35), transparent);\n  margin-bottom: 24px;\n}\n\n\/* Perks *\/\n.abc-mem-perks {\n  list-style: none;\n  margin-bottom: 28px;\n}\n\n.abc-mem-perks li {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 14px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.05);\n  font-size: 14px;\n  font-weight: var(--fw-regular, 400);\n  color: rgba(255,255,255,0.75);\n  line-height: 1.45;\n}\n\n.abc-mem-perks li:last-child { border-bottom: none; }\n\n.abc-perk-check {\n  width: 22px; height: 22px;\n  border-radius: 50%;\n  background: rgba(184,134,11,0.14);\n  border: 1px solid rgba(184,134,11,0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.abc-perk-check svg {\n  width: 11px; height: 11px;\n  stroke: var(--gold-glow);\n  fill: none;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* -- GOLD SHIMMER KEYFRAMES -- *\/\n@keyframes abcShimmer {\n  0%   { background-position: 200% center; }\n  100% { background-position: -200% center; }\n}\n@keyframes abcGlowPulse {\n  0%, 100% { box-shadow: 0 6px 24px rgba(184,134,11,0.5); }\n  50%       { box-shadow: 0 10px 40px rgba(184,134,11,0.85), 0 0 0 6px rgba(232,184,75,0.15); }\n}\n\n\/* -- BOT\u00d3N RESERVAR -- *\/\n.abc-lp-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  background: linear-gradient(105deg, #9a6e00 0%, #D4A017 28%, #F5D060 50%, #D4A017 72%, #9a6e00 100%);\n  background-size: 250% auto;\n  color: #0D0D0D;\n  font-family: var(--font);\n  font-weight: 800;\n  font-size: 13px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  padding: 17px 28px;\n  border-radius: 100px;\n  border: none;\n  cursor: pointer;\n  animation: abcShimmer 3s linear infinite, abcGlowPulse 2.5s ease-in-out infinite;\n  position: relative;\n  overflow: hidden;\n}\n\n.abc-lp-btn .latepoint-open-popup-link,\n.abc-lp-btn a {\n  position: absolute !important;\n  inset: 0 !important;\n  opacity: 0 !important;\n  z-index: 2 !important;\n  cursor: pointer !important;\n  display: block !important;\n}\n\n\/* Note below CTA *\/\n.abc-mem-note {\n  text-align: center;\n  font-size: 11px;\n  font-weight: var(--fw-light);\n  color: rgba(255,255,255,0.22);\n  margin-top: 12px;\n  letter-spacing: 0.03em;\n}\n\n@media (min-width: 640px) {\n  .abc-mem { padding: 56px 48px 72px; }\n  .abc-mem-body { padding: 36px 36px 40px; }\n}\n<\/style>\n\n<section class=\"abc-mem\" id=\"membresia\">\n  <div class=\"abc-mem-inner\">\n    <div class=\"abc-mem-card\">\n      <div class=\"abc-mem-topbar\"><\/div>\n      <div class=\"abc-mem-body\">\n\n        <span class=\"abc-mem-eyebrow\">&#10022; Club Membership<\/span>\n\n        <h2 class=\"abc-mem-title\">&#218;nete al<br\/><em>Club Alex<\/em><\/h2>\n        <p class=\"abc-mem-sub\">Cuidado personal sin l&#237;mites, cada mes.<\/p>\n\n        <div class=\"abc-mem-divider\"><\/div>\n\n        <ul class=\"abc-mem-perks\">\n          <li>\n            <span class=\"abc-perk-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>\n            Cortes mensuales ilimitados con tu profesional de confianza\n          <\/li>\n          <li>\n            <span class=\"abc-perk-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>\n            Descuentos exclusivos en servicios adicionales y productos\n          <\/li>\n          <li>\n            <span class=\"abc-perk-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>\n            Prioridad en reservas y acceso a horarios premium\n          <\/li>\n          <li>\n            <span class=\"abc-perk-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>\n            Acceso a novedades, eventos y lanzamientos del Club\n          <\/li>\n        <\/ul>\n\n        <div class=\"abc-lp-btn\">\n          Reservar\n          <div class=\"latepoint-book-button-wrapper wp-block-button\"><a href=\"#\" class=\"latepoint-book-button os_trigger_booking wp-block-button__link\" >Reservar<\/a><\/div>\n        <\/div>\n\n        <p class=\"abc-mem-note\">Sin permanencia &#183; Cancela cuando quieras<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-684a2ff e-con e-atomic-element e-flexbox-base e-9c5e461 \" data-id=\"684a2ff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"684a2ff\" data-e-type=\"e-flexbox\" data-id=\"684a2ff\">\n    \t\t<div class=\"elementor-element elementor-element-c519d9a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c519d9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n    ALEX BARBER CLUB &#8212; Rese&#241;as (carousel)\n    Elementor: pegar en widget HTML | ID de secci&#243;n: resenas\n    ============================================================ -->\n<style>\n\/* \u2500\u2500 Neutralizar padding\/margin del contenedor Elementor \u2500\u2500 *\/\n.elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 1 !important;\n}\n.elementor-widget-html {\n  margin-bottom: 0 !important;\n}\n\/* Eliminar gap entre widgets contiguos *\/\n.elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n.elementor-column-gap-default .elementor-column > .elementor-widget-wrap {\n  padding: 0 !important;\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@100..900&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --gold:        #B8860B;\n  --gold-light:  #D4A017;\n  --gold-glow:   #E8B84B;\n  --black:       #0D0D0D;\n  --dark:        #1A1A1A;\n  --dark-card:   #222222;\n  --dark-border: #2E2E2E;\n  --white:       #FFFFFF;\n  --font:        'Outfit', system-ui, sans-serif;\n  --fw-light:    300;\n  --fw-medium:   500;\n  --fw-semibold: 600;\n  --fw-bold:     700;\n  --fw-extra:    800;\n}\n\n.bw-sec *, .bw-sec *::before, .bw-sec *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.bw-sec {\n  background: var(--dark);\n  padding: 64px 22px 56px;\n  font-family: var(--font);\n}\n\n.bw-sec-inner { max-width: 940px; margin: 0 auto; }\n\n.bw-label {\n  font-size: 10px;\n  font-weight: var(--fw-semibold);\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--gold-glow);\n  margin-bottom: 10px;\n}\n\n.bw-title {\n  font-size: clamp(26px, 6vw, 38px);\n  font-weight: var(--fw-extra);\n  letter-spacing: -0.025em;\n  color: var(--white);\n  line-height: 1.1;\n  margin-bottom: 8px;\n}\n\n.bw-sub {\n  font-size: 13px;\n  font-weight: var(--fw-light);\n  color: rgba(255,255,255,0.38);\n  margin-bottom: 36px;\n}\n\n.bw-rating-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 32px;\n}\n\n.bw-stars { color: var(--gold-glow); font-size: 15px; letter-spacing: 1px; }\n.bw-rating-n { font-weight: var(--fw-bold); font-size: 15px; color: var(--white); }\n.bw-rating-l { font-size: 12px; font-weight: var(--fw-light); color: rgba(255,255,255,0.3); }\n\n.bw-carousel { overflow: hidden; }\n.bw-track { display: flex; gap: 12px; transition: transform 0.38s cubic-bezier(0.22,1,0.36,1); }\n\n.bw-card {\n  background: var(--dark-card);\n  border: 1px solid var(--dark-border);\n  border-radius: 18px;\n  padding: 20px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-height: 180px;\n}\n\n.bw-card-stars { color: var(--gold-glow); font-size: 13px; letter-spacing: 1px; }\n\n.bw-card-text {\n  font-size: 13px;\n  font-weight: var(--fw-light);\n  color: rgba(255,255,255,0.68);\n  line-height: 1.65;\n  flex: 1;\n}\n\n.bw-card-author {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-top: 10px;\n  border-top: 1px solid rgba(255,255,255,0.05);\n}\n\n.bw-card-avatar {\n  width: 32px; height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: var(--fw-semibold);\n  color: var(--gold-glow);\n  background: rgba(184,134,11,0.14);\n  border: 1px solid rgba(184,134,11,0.25);\n  flex-shrink: 0;\n}\n\n.bw-card-name {\n  font-size: 12px;\n  font-weight: var(--fw-semibold);\n  color: rgba(255,255,255,0.8);\n}\n\n.bw-card-date {\n  font-size: 10px;\n  font-weight: var(--fw-light);\n  color: rgba(255,255,255,0.25);\n  margin-top: 1px;\n}\n\n.bw-dots {\n  display: flex;\n  justify-content: center;\n  gap: 6px;\n  margin-top: 24px;\n}\n\n.bw-dot {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.15);\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: background 0.2s, transform 0.2s;\n}\n\n.bw-dot.active { background: var(--gold-glow); transform: scale(1.3); }\n\n@media (min-width: 640px) { .bw-sec { padding: 80px 48px; } }\n<\/style>\n\n<section class=\"bw-sec\" id=\"resenas\">\n  <div class=\"bw-sec-inner\">\n    <p class=\"bw-label\">Rese&#241;as de clientes<\/p>\n    <h2 class=\"bw-title\">Nuestro trabajo<br\/>habla por nosotros<\/h2>\n    <p class=\"bw-sub\">Lo que dicen quienes ya son parte del Club<\/p>\n    <div class=\"bw-rating-row\">\n      <span class=\"bw-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/span>\n      <span class=\"bw-rating-n\">4.9<\/span>\n      <span class=\"bw-rating-l\">Basado en +500 rese&#241;as<\/span>\n    <\/div>\n    <div class=\"bw-carousel\" id=\"bwCarousel\">\n      <div class=\"bw-track\" id=\"bwTrack\"><\/div>\n    <\/div>\n    <div class=\"bw-dots\" id=\"bwDots\"><\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var reviews = [\n    { name:'Camila R.',    text:'El ambiente es incre\\u00edble y el servicio de primer nivel. Mi mejor experiencia de peluquer\\u00eda en San Fernando.', date:'Jun 2026' },\n    { name:'Rodrigo M.',   text:'Vine por el corte y volv\\u00ed por la experiencia completa. Los chicos son unos maestros, muy profesionales.', date:'Jun 2026' },\n    { name:'Valentina S.', text:'Por fin un lugar premium en San Fernando que atiende a mujeres con la misma dedicaci\\u00f3n. Manicure impecable.', date:'May 2026' },\n    { name:'Felipe O.',    text:'La membres\\u00eda vale totalmente la pena. Corte mensual garantizado y siempre perfecto.', date:'May 2026' },\n    { name:'Daniela P.',   text:'El ambiente me encant\\u00f3 desde que entr\\u00e9. Atenci\\u00f3n personalizada y resultado muy natural.', date:'May 2026' },\n    { name:'Basti\\u00e1n L.',   text:'Llevo 2 a\\u00f1os viniendo y siempre salen el corte y la barba perfectos. Recomendado 100%.', date:'Abr 2026' },\n    { name:'Antonia V.',   text:'El retiro de u\\u00f1as fue r\\u00e1pido y sin dolor. Personal muy amable y espacio super limpio.', date:'Abr 2026' },\n    { name:'Mat\\u00edas F.',    text:'Servicio impecable. Reserva f\\u00e1cil por app y siempre puntual. Un lujo en San Fernando.', date:'Abr 2026' },\n    { name:'Carolina N.',  text:'Me hicieron el color exactamente como quer\\u00eda. Son detallistas y escuchan lo que pides.', date:'Mar 2026' },\n    { name:'Ignacio C.',   text:'El local tiene un estilo \\u00fanico, moderno y c\\u00f3modo. El corte qued\\u00f3 perfecto desde la primera vez.', date:'Mar 2026' },\n    { name:'Javiera T.',   text:'Fui embarazada y me trataron con mucho cuidado. Los productos que usan son de excelente calidad.', date:'Mar 2026' },\n    { name:'Diego B.',     text:'Sin duda el mejor barber de la zona. Los precios son acordes a la calidad que ofrecen.', date:'Feb 2026' },\n    { name:'Francisca A.', text:'El manicure dur\\u00f3 semanas en perfecto estado. Volv\\u00ed tres veces y siempre el mismo nivel.', date:'Feb 2026' },\n    { name:'Tom\\u00e1s E.',     text:'Ped\\u00ed turno por el sistema online y fue s\\u00faper f\\u00e1cil. El corte cl\\u00e1sico qued\\u00f3 impecable.', date:'Feb 2026' },\n    { name:'Pamela G.',    text:'Me encant\\u00f3 el espacio, tiene buena m\\u00fasica y un ambiente relajante. El servicio excelente.', date:'Ene 2026' },\n    { name:'Crist\\u00f3bal H.', text:'Vine por primera vez y ya soy miembro. La membres\\u00eda mensual vale cada peso.', date:'Ene 2026' },\n    { name:'Andrea M.',    text:'Muy atentos desde que llegu\\u00e9 hasta que sal\\u00ed. Definitivamente mi nuevo lugar de confianza.', date:'Ene 2026' },\n    { name:'Pablo Q.',     text:'El perfilado de barba es otro nivel. Sal\\u00ed con look completamente renovado.', date:'Dic 2025' },\n    { name:'Sof\\u00eda R.',     text:'Me hicieron el cambio de color sin da\\u00f1ar mi cabello. Qued\\u00e9 encantada con el resultado.', date:'Dic 2025' },\n    { name:'Andr\\u00e9s K.',    text:'Llevo meses viniendo y cada vez mejor. El equipo es profesional y muy amigable.', date:'Dic 2025' },\n    { name:'Luc\\u00eda F.',     text:'Las u\\u00f1as me duraron m\\u00e1s de 3 semanas. Servicio de primera calidad y lugar muy cuidado.', date:'Nov 2025' },\n    { name:'Mauricio D.',  text:'Ambiente premium con precios justos. El corte con navaja fue una experiencia excelente.', date:'Nov 2025' },\n    { name:'Isidora C.',   text:'Vine con mi pareja y a los dos nos atendieron de maravilla. Seguiremos viniendo.', date:'Oct 2025' },\n    { name:'Sebasti\\u00e1n P.', text:'Puntualidad total, servicio de lujo y resultado perfecto. Ya reserv\\u00e9 mi pr\\u00f3ximo turno.', date:'Oct 2025' },\n    { name:'Marcela J.',   text:'Un espacio pensado hasta el \\u00faltimo detalle. El personal tiene pasi\\u00f3n por lo que hace.', date:'Sep 2025' }\n  ];\n\n  var MOBILE_PER  = 2;\n  var DESKTOP_PER = 4;\n  var current     = 0;\n  var track       = document.getElementById('bwTrack');\n  var dotsEl      = document.getElementById('bwDots');\n  var carousel    = document.getElementById('bwCarousel');\n\n  function getPer() { return window.innerWidth >= 640 ? DESKTOP_PER : MOBILE_PER; }\n\n  function initials(name) {\n    return name.split(' ').slice(0,2).map(function(w){ return w[0]; }).join('');\n  }\n\n  function buildPages() {\n    var per   = getPer();\n    var pages = Math.ceil(reviews.length \/ per);\n    if (current >= pages) current = 0;\n\n    var pct     = (100 \/ per).toFixed(4);\n    var gap     = Math.round(12 * (per - 1) \/ per);\n    var cardCss = 'calc(' + pct + '% - ' + gap + 'px)';\n\n    track.innerHTML = '';\n    reviews.forEach(function(r) {\n      var d   = document.createElement('div');\n      d.className   = 'bw-card';\n      d.style.width = cardCss;\n      d.innerHTML   =\n        '<div class=\"bw-card-stars\">\\u2605\\u2605\\u2605\\u2605\\u2605<\/div>' +\n        '<p class=\"bw-card-text\">\"' + r.text + '\"<\/p>' +\n        '<div class=\"bw-card-author\">' +\n          '<div class=\"bw-card-avatar\">' + initials(r.name) + '<\/div>' +\n          '<div><div class=\"bw-card-name\">' + r.name + '<\/div>' +\n               '<div class=\"bw-card-date\">' + r.date + '<\/div><\/div>' +\n        '<\/div>';\n      track.appendChild(d);\n    });\n\n    dotsEl.innerHTML = '';\n    for (var i = 0; i < pages; i++) {\n      (function(idx) {\n        var btn = document.createElement('button');\n        btn.className = 'bw-dot' + (idx === current ? ' active' : '');\n        btn.setAttribute('aria-label', 'P\\u00e1gina ' + (idx + 1));\n        btn.addEventListener('click', function(){ goTo(idx); });\n        dotsEl.appendChild(btn);\n      })(i);\n    }\n\n    applyTransform(per);\n  }\n\n  function applyTransform(per) {\n    if (!per) per = getPer();\n    track.style.transform = 'translateX(calc(' + current + ' * -' + per + ' * ((100% + 12px) \/ ' + per + ')))';\n  }\n\n  function goTo(idx) {\n    var per   = getPer();\n    var pages = Math.ceil(reviews.length \/ per);\n    current   = Math.max(0, Math.min(idx, pages - 1));\n    dotsEl.querySelectorAll('.bw-dot').forEach(function(d, i){ d.classList.toggle('active', i === current); });\n    applyTransform(per);\n  }\n\n  \/* Touch swipe *\/\n  var startX = 0;\n  carousel.addEventListener('touchstart', function(e){ startX = e.touches[0].clientX; }, {passive:true});\n  carousel.addEventListener('touchend', function(e){\n    var dx    = e.changedTouches[0].clientX - startX;\n    var pages = Math.ceil(reviews.length \/ getPer());\n    if (dx < -40) goTo(current + 1);\n    else if (dx > 40) goTo(current - 1);\n  }, {passive:true});\n\n  \/* Resize *\/\n  var rTimer;\n  window.addEventListener('resize', function(){\n    clearTimeout(rTimer);\n    rTimer = setTimeout(buildPages, 200);\n  }, {passive:true});\n\n  buildPages();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-81a971b e-con e-atomic-element e-flexbox-base e-288f0cf \" data-id=\"81a971b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"81a971b\" data-e-type=\"e-flexbox\" data-id=\"81a971b\">\n    \t\t<div class=\"elementor-element elementor-element-1748a87 elementor-widget elementor-widget-shortcode\" data-id=\"1748a87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"trustindex-feed-container-instagram-946a8b8c2b665d9\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f7946a7 e-flex e-con-boxed e-con e-parent\" data-id=\"f7946a7\" 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-02f5535 elementor-widget elementor-widget-menu-anchor\" data-id=\"02f5535\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"contacto\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Club de cuidado personal AlexBarberClub San Fernando &#183; Chile Un espacio premium, donde el cuidado personal es un ritual, para ellos y para ellas. Reservar Explorar servicios 8+ A&#241;os 4.9&#9733; Valoraci&#243;n 2K+ Miembros 100% Premium Nuestros servicios Servicios Profesionales especializados para hombres y mujeres que entienden el valor del cuidado personal. Barber\u00eda Cortes modernos y [&hellip;]<\/p>\n","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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":46,"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/alexbarberclub.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}