Zibadental<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baskervville:ital@0;1&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html, body {\r\n height: 100%;\r\n background: #fff;\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n .zb-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n min-height: 560px;\r\n }\r\n\r\n .zb-hero {\r\n position: relative;\r\n flex: 0 0 72%;\r\n overflow: hidden;\r\n background: #0a0a0a;\r\n }\r\n\r\n .zb-slide {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center 30%;\r\n opacity: 0;\r\n will-change: opacity, transform;\r\n }\r\n\r\n .zb-slide.zb-active {\r\n opacity: 1;\r\n z-index: 1;\r\n animation: zb-ken 7s ease-out forwards;\r\n }\r\n\r\n @keyframes zb-ken {\r\n from { transform: scale(1.06); }\r\n to { transform: scale(1); }\r\n }\r\n\r\n .zb-slide.zb-fade-in {\r\n animation: zb-fadeIn 1.6s ease forwards, zb-ken 7s ease-out forwards;\r\n z-index: 2;\r\n }\r\n\r\n .zb-slide.zb-fade-out {\r\n animation: zb-fadeOut 1.6s ease forwards;\r\n z-index: 1;\r\n opacity: 1;\r\n }\r\n\r\n @keyframes zb-fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes zb-fadeOut { from { opacity: 1; } to { opacity: 0; } }\r\n\r\n .zb-slide:nth-child(1) {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=1800&q=80');\r\n }\r\n .zb-slide:nth-child(2) {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=1800&q=80');\r\n background-position: center 20%;\r\n }\r\n .zb-slide:nth-child(3) {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?w=1800&q=80');\r\n background-position: center 25%;\r\n }\r\n\r\n .zb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.20) 100%);\r\n z-index: 3;\r\n }\r\n\r\n .zb-dots {\r\n position: absolute;\r\n bottom: 16px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 5;\r\n display: flex;\r\n gap: 6px;\r\n align-items: center;\r\n }\r\n\r\n .zb-dot {\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.35);\r\n border: none;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background 0.4s, transform 0.4s;\r\n }\r\n\r\n .zb-dot.zb-active {\r\n background: #ada67e;\r\n transform: scale(1.4);\r\n }\r\n\r\n .zb-line {\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n height: 2px;\r\n background: #ada67e;\r\n width: 0;\r\n z-index: 6;\r\n animation: zb-grow 1.4s cubic-bezier(0.16,1,0.3,1) forwards 0.3s;\r\n }\r\n\r\n @keyframes zb-grow { to { width: 100%; } }\r\n\r\n \/* \u2500\u2500 BLOQUE TEXTO \u2500\u2500 *\/\r\n .zb-text {\r\n flex: 1 1 auto;\r\n background: #fff;\r\n padding: 0 64px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n border-top: 1px solid #f0ede6;\r\n opacity: 0;\r\n animation: zb-up 0.9s ease forwards 0.7s;\r\n }\r\n\r\n @keyframes zb-up { to { opacity: 1; } }\r\n\r\n .zb-text-left { flex: 0 0 auto; }\r\n\r\n .zb-eyebrow {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: #ada67e;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .zb-title {\r\n font-family: 'Baskervville', serif;\r\n font-size: clamp(26px, 2.8vw, 40px);\r\n font-weight: 400;\r\n line-height: 1.1;\r\n color: #111;\r\n }\r\n\r\n .zb-title em { font-style: italic; color: #ada67e; }\r\n\r\n .zb-sep-v {\r\n width: 1px;\r\n height: 48px;\r\n background: #e8e4da;\r\n flex-shrink: 0;\r\n }\r\n\r\n .zb-text-right { flex: 0 1 400px; }\r\n\r\n .zb-desc {\r\n font-size: 13px;\r\n font-weight: 300;\r\n line-height: 1.85;\r\n color: #444;\r\n }\r\n\r\n .zb-desc strong { font-weight: 500; color: #111; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET (\u2264 1024px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 1024px) {\r\n .zb-text { padding: 0 48px; gap: 32px; }\r\n .zb-title { font-size: clamp(24px, 3.2vw, 34px); }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET (\u2264 768px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 768px) {\r\n .zb-wrap { min-height: 100svh; }\r\n .zb-hero { flex: 0 0 70%; }\r\n\r\n .zb-text { padding: 0 32px; gap: 20px; }\r\n .zb-sep-v { height: 32px; }\r\n .zb-eyebrow { font-size: 9px; letter-spacing: 0.2em; margin-bottom: 7px; }\r\n .zb-title { font-size: clamp(20px, 4vw, 28px); }\r\n .zb-desc { font-size: 12px; line-height: 1.75; }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n M\u00d3VIL (\u2264 480px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 480px) {\r\n .zb-wrap { min-height: 100svh; }\r\n .zb-hero { flex: 0 0 67%; }\r\n\r\n .zb-text {\r\n padding: 0 20px;\r\n gap: 14px;\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n \/* Eyebrow se oculta \u2014 no hay espacio *\/\r\n .zb-eyebrow { display: none; }\r\n\r\n .zb-sep-v {\r\n display: block;\r\n width: 1px;\r\n height: 28px;\r\n }\r\n\r\n .zb-title {\r\n font-size: clamp(15px, 4.5vw, 20px);\r\n white-space: nowrap;\r\n }\r\n\r\n .zb-text-right { flex: 1 1 auto; min-width: 0; }\r\n\r\n .zb-desc {\r\n font-size: 11px;\r\n line-height: 1.6;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n M\u00d3VIL PEQUE\u00d1O (\u2264 360px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 360px) {\r\n .zb-hero { flex: 0 0 65%; }\r\n .zb-text { padding: 0 16px; gap: 10px; }\r\n .zb-sep-v { display: none; }\r\n .zb-title { font-size: 15px; white-space: normal; }\r\n .zb-text-right { display: none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"zb-wrap\">\r\n\r\n <section class=\"zb-hero\" id=\"zbHero\">\r\n <div class=\"zb-slide zb-active\"><\/div>\r\n <div class=\"zb-slide\"><\/div>\r\n <div class=\"zb-slide\"><\/div>\r\n\r\n <div class=\"zb-overlay\"><\/div>\r\n\r\n <div class=\"zb-dots\">\r\n <button class=\"zb-dot zb-active\" data-i=\"0\"><\/button>\r\n <button class=\"zb-dot\" data-i=\"1\"><\/button>\r\n <button class=\"zb-dot\" data-i=\"2\"><\/button>\r\n <\/div>\r\n\r\n <div class=\"zb-line\"><\/div>\r\n <\/section>\r\n\r\n <div class=\"zb-text\">\r\n <div class=\"zb-text-left\">\r\n <p class=\"zb-eyebrow\">Cl\u00ednica Dental \u00b7 Zibadental<\/p>\r\n <h1 class=\"zb-title\">Tu sonrisa,<br><em>nuestra precisi\u00f3n<\/em><\/h1>\r\n <\/div>\r\n\r\n <div class=\"zb-sep-v\"><\/div>\r\n\r\n <div class=\"zb-text-right\">\r\n <p class=\"zb-desc\">\r\n Tecnolog\u00eda avanzada y <strong>trato personalizado<\/strong> para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu <strong>bienestar<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const slides = document.querySelectorAll('.zb-slide');\r\n const dots = document.querySelectorAll('.zb-dot');\r\n let current = 0;\r\n let timer;\r\n\r\n function goTo(n) {\r\n const next = (n + slides.length) % slides.length;\r\n if (next === current) return;\r\n const prev = current;\r\n current = next;\r\n\r\n slides[prev].classList.remove('zb-active', 'zb-fade-in');\r\n slides[prev].classList.add('zb-fade-out');\r\n\r\n slides[next].classList.remove('zb-fade-out');\r\n slides[next].classList.add('zb-active', 'zb-fade-in');\r\n\r\n dots.forEach(d => d.classList.remove('zb-active'));\r\n dots[next].classList.add('zb-active');\r\n\r\n setTimeout(() => slides[prev].classList.remove('zb-fade-out', 'zb-active'), 1600);\r\n }\r\n\r\n function startTimer() {\r\n clearInterval(timer);\r\n timer = setInterval(() => goTo(current + 1), 5500);\r\n }\r\n\r\n dots.forEach(d => d.addEventListener('click', () => {\r\n goTo(parseInt(d.dataset.i));\r\n startTimer();\r\n }));\r\n\r\n startTimer();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5235043 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"5235043\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<style>\r\n .zb-about {\r\n width: 100%;\r\n background: #ada67e;\r\n padding: 96px 64px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Inter', sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-about *, .zb-about *::before, .zb-about *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .zb-about::before {\r\n content: '';\r\n position: absolute;\r\n width: 600px;\r\n height: 600px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n top: -200px;\r\n right: -150px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about::after {\r\n content: '';\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n bottom: -100px;\r\n left: -80px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about__inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .zb-about__left,\r\n .zb-about__right {\r\n opacity: 0;\r\n transition: opacity 0.9s ease, transform 0.9s ease;\r\n }\r\n\r\n .zb-about__left { transform: translateX(-24px); }\r\n .zb-about__right { transform: translateX(24px); transition-delay: 0.2s; }\r\n\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .zb-about__eyebrow {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.65);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .zb-about__eyebrow::before {\r\n content: '';\r\n width: 28px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.5);\r\n flex-shrink: 0;\r\n }\r\n\r\n .zb-about__title {\r\n font-family: 'Baskervville', serif;\r\n font-size: clamp(34px, 3.8vw, 54px);\r\n font-weight: 400;\r\n line-height: 1.08;\r\n color: #fff;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__title em {\r\n font-style: italic;\r\n color: rgba(255,255,255,0.75);\r\n }\r\n\r\n .zb-about__sep {\r\n width: 40px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.45);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__lead {\r\n font-size: 16px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__lead strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__body {\r\n font-size: 14px;\r\n font-weight: 300;\r\n line-height: 1.9;\r\n color: rgba(255,255,255,0.85);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__body strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__stat {\r\n background: rgba(255,255,255,0.06);\r\n padding: 20px 16px;\r\n text-align: center;\r\n transition: background 0.3s;\r\n }\r\n\r\n .zb-about__stat:hover { background: rgba(255,255,255,0.12); }\r\n\r\n .zb-about__stat-num {\r\n font-family: 'Baskervville', serif;\r\n font-size: 30px;\r\n font-weight: 400;\r\n color: #fff;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .zb-about__stat-label {\r\n font-size: 10px;\r\n font-weight: 400;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n\r\n .zb-about__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,0.45);\r\n padding: 14px 28px;\r\n background: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n position: relative;\r\n overflow: hidden;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .zb-about__btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255,255,255,0.12);\r\n transform: translateX(-100%);\r\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\r\n }\r\n\r\n .zb-about__btn:hover::before { transform: translateX(0); }\r\n .zb-about__btn:hover { border-color: rgba(255,255,255,0.8); color: #fff; }\r\n\r\n .zb-about__btn span,\r\n .zb-about__btn-arrow { position: relative; z-index: 1; color: #fff; }\r\n\r\n .zb-about__btn-arrow { transition: transform 0.3s; }\r\n .zb-about__btn:hover .zb-about__btn-arrow { transform: translateX(4px); }\r\n .zb-about__btn:hover span,\r\n .zb-about__btn:hover .zb-about__btn-arrow { color: #fff; }\r\n\r\n \/* \u2500\u2500 TABLET \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .zb-about { padding: 72px 40px; }\r\n .zb-about__inner { grid-template-columns: 1fr; gap: 40px; }\r\n .zb-about__left { transform: translateY(20px); }\r\n .zb-about__right { transform: translateY(20px); transition-delay: 0.15s; }\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis { transform: translateY(0); }\r\n .zb-about__title { font-size: clamp(30px, 5vw, 44px); }\r\n .zb-about__lead { font-size: 15px; }\r\n }\r\n\r\n \/* \u2500\u2500 M\u00d3VIL \u2500\u2500 *\/\r\n @media (max-width: 540px) {\r\n .zb-about { padding: 52px 24px; }\r\n .zb-about__inner { gap: 32px; }\r\n .zb-about__title { font-size: clamp(28px, 8vw, 36px); }\r\n .zb-about__lead { font-size: 14px; }\r\n .zb-about__body { font-size: 13px; margin-bottom: 28px; }\r\n .zb-about__stats { margin-bottom: 28px; }\r\n .zb-about__stat { padding: 16px 10px; }\r\n .zb-about__stat-num { font-size: 24px; }\r\n .zb-about__stat-label { font-size: 9px; letter-spacing: 0.1em; }\r\n .zb-about__btn { width: 100%; justify-content: center; padding: 16px 20px; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"zb-about\">\r\n <div class=\"zb-about__inner\">\r\n\r\n <div class=\"zb-about__left\" id=\"zbAboutLeft\">\r\n <p class=\"zb-about__eyebrow\">Qui\u00e9nes somos<\/p>\r\n <h2 class=\"zb-about__title\">M\u00e1s de 15 a\u00f1os<br>cuidando <em>tu sonrisa<\/em><\/h2>\r\n <div class=\"zb-about__sep\"><\/div>\r\n <p class=\"zb-about__lead\">\r\n En Zibadental somos un equipo de <strong>especialistas comprometidos<\/strong> con la salud bucodental. Nuestro enfoque combina la m\u00e1s alta tecnolog\u00eda con un trato <strong>humano y cercano<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"zb-about__right\" id=\"zbAboutRight\">\r\n <p class=\"zb-about__body\">\r\n Fundada con la vocaci\u00f3n de ofrecer <strong>odontolog\u00eda de referencia<\/strong>, nuestra cl\u00ednica ha crecido hasta convertirse en un espacio donde cada paciente recibe una atenci\u00f3n <strong>personalizada y de calidad<\/strong>. Creemos que una boca sana es la base de un bienestar integral, y trabajamos cada d\u00eda para que as\u00ed sea.\r\n <\/p>\r\n\r\n <div class=\"zb-about__stats\">\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">15+<\/div>\r\n <div class=\"zb-about__stat-label\">A\u00f1os de experiencia<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">3K<\/div>\r\n <div class=\"zb-about__stat-label\">Pacientes atendidos<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">98%<\/div>\r\n <div class=\"zb-about__stat-label\">Satisfacci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#equipo\" class=\"zb-about__btn\">\r\n <span>Conoce al equipo<\/span>\r\n <span class=\"zb-about__btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"zb-carousel\" id=\"zbCarousel\">\r\n <div class=\"zb-carousel__track\" id=\"zbTrack\">\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1609840114035-3c981b782dfe?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581595219315-a187dd40c322?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n \r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .zb-carousel {\r\n width: 100%;\r\n overflow: hidden;\r\n background: #fff;\r\n padding: 48px 0;\r\n border-top: 1px solid #f0ede6;\r\n border-bottom: 1px solid #f0ede6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-carousel__track {\r\n display: flex;\r\n gap: 16px;\r\n will-change: transform;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n padding: 0 32px;\r\n }\r\n\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(33.333% - 11px);\r\n min-width: 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .zb-carousel__slide img {\r\n width: 100%;\r\n height: 240px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n filter: saturate(0.9);\r\n }\r\n\r\n .zb-carousel__slide:hover img {\r\n transform: scale(1.04);\r\n filter: saturate(1);\r\n }\r\n\r\n \/* L\u00ednea dorada al hover *\/\r\n .zb-carousel__slide::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: #ada67e;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .zb-carousel__slide:hover::after { transform: scaleX(1); }\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 900px) {\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(50% - 8px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n\r\n \/* M\u00f3vil *\/\r\n @media (max-width: 540px) {\r\n .zb-carousel {\r\n padding: 36px 0;\r\n }\r\n .zb-carousel__track { gap: 12px; padding: 0 20px; }\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(85% - 6px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n var left = document.getElementById('zbAboutLeft');\r\n var right = document.getElementById('zbAboutRight');\r\n\r\n var obs = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (!entry.isIntersecting) return;\r\n entry.target.classList.add('zb-vis');\r\n obs.unobserve(entry.target);\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n if (left) obs.observe(left);\r\n if (right) obs.observe(right);\r\n\r\n \/\/ \u2500\u2500 CARRUSEL AUTOM\u00c1TICO \u2500\u2500\r\n var track = document.getElementById('zbTrack');\r\n var slides = track ? track.querySelectorAll('.zb-carousel__slide:not(.zb-clone)') : [];\r\n var total = slides.length;\r\n var current = 0;\r\n var slideW = 0;\r\n var gap = 16;\r\n var paused = false;\r\n\r\n function getSlideWidth() {\r\n var first = track.querySelector('.zb-carousel__slide');\r\n return first ? first.offsetWidth : 0;\r\n }\r\n\r\n function moveTo(index, instant) {\r\n slideW = getSlideWidth();\r\n var offset = index * (slideW + gap);\r\n if (instant) {\r\n track.style.transition = 'none';\r\n } else {\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.4, 0, 0.2, 1)';\r\n }\r\n track.style.transform = 'translateX(-' + offset + 'px)';\r\n }\r\n\r\n function next() {\r\n if (!track) return;\r\n current++;\r\n\r\n \/\/ Si llegamos al final de los reales, hacemos un salto silencioso al inicio\r\n if (current >= total) {\r\n \/\/ Avanza hasta el clon con transici\u00f3n\r\n moveTo(current, false);\r\n setTimeout(function() {\r\n current = 0;\r\n moveTo(0, true);\r\n \/\/ Fuerza repaint antes de restaurar transici\u00f3n\r\n track.offsetHeight;\r\n }, 720);\r\n } else {\r\n moveTo(current, false);\r\n }\r\n }\r\n\r\n var timer = setInterval(function() {\r\n if (!paused) next();\r\n }, 2800);\r\n\r\n \/\/ Pausa en hover\r\n if (track) {\r\n track.addEventListener('mouseenter', function() { paused = true; });\r\n track.addEventListener('mouseleave', function() { paused = false; });\r\n \/\/ Touch swipe\r\n var touchStartX = 0;\r\n track.addEventListener('touchstart', function(e) {\r\n touchStartX = e.touches[0].clientX;\r\n paused = true;\r\n }, { passive: true });\r\n track.addEventListener('touchend', function(e) {\r\n var diff = touchStartX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n if (diff > 0) next();\r\n else { current = Math.max(0, current - 1); moveTo(current, false); }\r\n }\r\n paused = false;\r\n }, { passive: true });\r\n }\r\n\r\n window.addEventListener('resize', function() { moveTo(current, true); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5082704 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"5082704\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<style>\r\n .zb-about {\r\n width: 100%;\r\n background: #ada67e;\r\n padding: 96px 64px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Inter', sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-about *, .zb-about *::before, .zb-about *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .zb-about::before {\r\n content: '';\r\n position: absolute;\r\n width: 600px;\r\n height: 600px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n top: -200px;\r\n right: -150px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about::after {\r\n content: '';\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n bottom: -100px;\r\n left: -80px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about__inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .zb-about__left,\r\n .zb-about__right {\r\n opacity: 0;\r\n transition: opacity 0.9s ease, transform 0.9s ease;\r\n }\r\n\r\n .zb-about__left { transform: translateX(-24px); }\r\n .zb-about__right { transform: translateX(24px); transition-delay: 0.2s; }\r\n\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .zb-about__eyebrow {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.65);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .zb-about__eyebrow::before {\r\n content: '';\r\n width: 28px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.5);\r\n flex-shrink: 0;\r\n }\r\n\r\n .zb-about__title {\r\n font-family: 'Baskervville', serif;\r\n font-size: clamp(34px, 3.8vw, 54px);\r\n font-weight: 400;\r\n line-height: 1.08;\r\n color: #fff;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__title em {\r\n font-style: italic;\r\n color: rgba(255,255,255,0.75);\r\n }\r\n\r\n .zb-about__sep {\r\n width: 40px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.45);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__lead {\r\n font-size: 16px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__lead strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__body {\r\n font-size: 14px;\r\n font-weight: 300;\r\n line-height: 1.9;\r\n color: rgba(255,255,255,0.85);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__body strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__stat {\r\n background: rgba(255,255,255,0.06);\r\n padding: 20px 16px;\r\n text-align: center;\r\n transition: background 0.3s;\r\n }\r\n\r\n .zb-about__stat:hover { background: rgba(255,255,255,0.12); }\r\n\r\n .zb-about__stat-num {\r\n font-family: 'Baskervville', serif;\r\n font-size: 30px;\r\n font-weight: 400;\r\n color: #fff;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .zb-about__stat-label {\r\n font-size: 10px;\r\n font-weight: 400;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n\r\n .zb-about__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,0.45);\r\n padding: 14px 28px;\r\n background: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n position: relative;\r\n overflow: hidden;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .zb-about__btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255,255,255,0.12);\r\n transform: translateX(-100%);\r\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\r\n }\r\n\r\n .zb-about__btn:hover::before { transform: translateX(0); }\r\n .zb-about__btn:hover { border-color: rgba(255,255,255,0.8); color: #fff; }\r\n\r\n .zb-about__btn span,\r\n .zb-about__btn-arrow { position: relative; z-index: 1; color: #fff; }\r\n\r\n .zb-about__btn-arrow { transition: transform 0.3s; }\r\n .zb-about__btn:hover .zb-about__btn-arrow { transform: translateX(4px); }\r\n .zb-about__btn:hover span,\r\n .zb-about__btn:hover .zb-about__btn-arrow { color: #fff; }\r\n\r\n \/* \u2500\u2500 TABLET \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .zb-about { padding: 72px 40px; }\r\n .zb-about__inner { grid-template-columns: 1fr; gap: 40px; }\r\n .zb-about__left { transform: translateY(20px); }\r\n .zb-about__right { transform: translateY(20px); transition-delay: 0.15s; }\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis { transform: translateY(0); }\r\n .zb-about__title { font-size: clamp(30px, 5vw, 44px); }\r\n .zb-about__lead { font-size: 15px; }\r\n }\r\n\r\n \/* \u2500\u2500 M\u00d3VIL \u2500\u2500 *\/\r\n @media (max-width: 540px) {\r\n .zb-about { padding: 52px 24px; }\r\n .zb-about__inner { gap: 32px; }\r\n .zb-about__title { font-size: clamp(28px, 8vw, 36px); }\r\n .zb-about__lead { font-size: 14px; }\r\n .zb-about__body { font-size: 13px; margin-bottom: 28px; }\r\n .zb-about__stats { margin-bottom: 28px; }\r\n .zb-about__stat { padding: 16px 10px; }\r\n .zb-about__stat-num { font-size: 24px; }\r\n .zb-about__stat-label { font-size: 9px; letter-spacing: 0.1em; }\r\n .zb-about__btn { width: 100%; justify-content: center; padding: 16px 20px; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"zb-about\">\r\n <div class=\"zb-about__inner\">\r\n\r\n <div class=\"zb-about__left\" id=\"zbAboutLeft\">\r\n <p class=\"zb-about__eyebrow\">Qui\u00e9nes somos<\/p>\r\n <h2 class=\"zb-about__title\">M\u00e1s de 15 a\u00f1os<br>cuidando <em>tu sonrisa<\/em><\/h2>\r\n <div class=\"zb-about__sep\"><\/div>\r\n <p class=\"zb-about__lead\">\r\n En Zibadental somos un equipo de <strong>especialistas comprometidos<\/strong> con la salud bucodental. Nuestro enfoque combina la m\u00e1s alta tecnolog\u00eda con un trato <strong>humano y cercano<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"zb-about__right\" id=\"zbAboutRight\">\r\n <p class=\"zb-about__body\">\r\n Fundada con la vocaci\u00f3n de ofrecer <strong>odontolog\u00eda de referencia<\/strong>, nuestra cl\u00ednica ha crecido hasta convertirse en un espacio donde cada paciente recibe una atenci\u00f3n <strong>personalizada y de calidad<\/strong>. Creemos que una boca sana es la base de un bienestar integral, y trabajamos cada d\u00eda para que as\u00ed sea.\r\n <\/p>\r\n\r\n <div class=\"zb-about__stats\">\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">15+<\/div>\r\n <div class=\"zb-about__stat-label\">A\u00f1os de experiencia<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">3K<\/div>\r\n <div class=\"zb-about__stat-label\">Pacientes atendidos<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">98%<\/div>\r\n <div class=\"zb-about__stat-label\">Satisfacci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#equipo\" class=\"zb-about__btn\">\r\n <span>Conoce al equipo<\/span>\r\n <span class=\"zb-about__btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"zb-carousel\" id=\"zbCarousel\">\r\n <div class=\"zb-carousel__track\" id=\"zbTrack\">\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1609840114035-3c981b782dfe?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581595219315-a187dd40c322?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n \r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .zb-carousel {\r\n width: 100%;\r\n overflow: hidden;\r\n background: #fff;\r\n padding: 48px 0;\r\n border-top: 1px solid #f0ede6;\r\n border-bottom: 1px solid #f0ede6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-carousel__track {\r\n display: flex;\r\n gap: 16px;\r\n will-change: transform;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n padding: 0 32px;\r\n }\r\n\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(33.333% - 11px);\r\n min-width: 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .zb-carousel__slide img {\r\n width: 100%;\r\n height: 240px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n filter: saturate(0.9);\r\n }\r\n\r\n .zb-carousel__slide:hover img {\r\n transform: scale(1.04);\r\n filter: saturate(1);\r\n }\r\n\r\n \/* L\u00ednea dorada al hover *\/\r\n .zb-carousel__slide::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: #ada67e;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .zb-carousel__slide:hover::after { transform: scaleX(1); }\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 900px) {\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(50% - 8px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n\r\n \/* M\u00f3vil *\/\r\n @media (max-width: 540px) {\r\n .zb-carousel {\r\n padding: 36px 0;\r\n }\r\n .zb-carousel__track { gap: 12px; padding: 0 20px; }\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(85% - 6px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n var left = document.getElementById('zbAboutLeft');\r\n var right = document.getElementById('zbAboutRight');\r\n\r\n var obs = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (!entry.isIntersecting) return;\r\n entry.target.classList.add('zb-vis');\r\n obs.unobserve(entry.target);\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n if (left) obs.observe(left);\r\n if (right) obs.observe(right);\r\n\r\n \/\/ \u2500\u2500 CARRUSEL AUTOM\u00c1TICO \u2500\u2500\r\n var track = document.getElementById('zbTrack');\r\n var slides = track ? track.querySelectorAll('.zb-carousel__slide:not(.zb-clone)') : [];\r\n var total = slides.length;\r\n var current = 0;\r\n var slideW = 0;\r\n var gap = 16;\r\n var paused = false;\r\n\r\n function getSlideWidth() {\r\n var first = track.querySelector('.zb-carousel__slide');\r\n return first ? first.offsetWidth : 0;\r\n }\r\n\r\n function moveTo(index, instant) {\r\n slideW = getSlideWidth();\r\n var offset = index * (slideW + gap);\r\n if (instant) {\r\n track.style.transition = 'none';\r\n } else {\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.4, 0, 0.2, 1)';\r\n }\r\n track.style.transform = 'translateX(-' + offset + 'px)';\r\n }\r\n\r\n function next() {\r\n if (!track) return;\r\n current++;\r\n\r\n \/\/ Si llegamos al final de los reales, hacemos un salto silencioso al inicio\r\n if (current >= total) {\r\n \/\/ Avanza hasta el clon con transici\u00f3n\r\n moveTo(current, false);\r\n setTimeout(function() {\r\n current = 0;\r\n moveTo(0, true);\r\n \/\/ Fuerza repaint antes de restaurar transici\u00f3n\r\n track.offsetHeight;\r\n }, 720);\r\n } else {\r\n moveTo(current, false);\r\n }\r\n }\r\n\r\n var timer = setInterval(function() {\r\n if (!paused) next();\r\n }, 2800);\r\n\r\n \/\/ Pausa en hover\r\n if (track) {\r\n track.addEventListener('mouseenter', function() { paused = true; });\r\n track.addEventListener('mouseleave', function() { paused = false; });\r\n \/\/ Touch swipe\r\n var touchStartX = 0;\r\n track.addEventListener('touchstart', function(e) {\r\n touchStartX = e.touches[0].clientX;\r\n paused = true;\r\n }, { passive: true });\r\n track.addEventListener('touchend', function(e) {\r\n var diff = touchStartX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n if (diff > 0) next();\r\n else { current = Math.max(0, current - 1); moveTo(current, false); }\r\n }\r\n paused = false;\r\n }, { passive: true });\r\n }\r\n\r\n window.addEventListener('resize', function() { moveTo(current, true); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>Zibadental Cl\u00ednica Dental \u00b7 Zibadental Tu sonrisa,nuestra precisi\u00f3n Tecnolog\u00eda avanzada y trato personalizado para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu bienestar. Qui\u00e9nes…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-24814","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>inicio nueva web - Zibadental<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zibadental.es\/en\/inicio-nueva-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"inicio nueva web - Zibadental\" \/>\n<meta property=\"og:description\" content=\"Zibadental Cl\u00ednica Dental \u00b7 Zibadental Tu sonrisa,nuestra precisi\u00f3n Tecnolog\u00eda avanzada y trato personalizado para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu bienestar. Qui\u00e9nes…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zibadental.es\/en\/inicio-nueva-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Zibadental\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/p\/ZIBA-DENTAL-100076455400852\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-30T09:15:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/\",\"url\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/\",\"name\":\"inicio nueva web - Zibadental\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1606811841689-23dfddce3e95?w=800&q=80\",\"datePublished\":\"2026-03-18T20:25:47+00:00\",\"dateModified\":\"2026-06-30T09:15:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1606811841689-23dfddce3e95?w=800&q=80\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1606811841689-23dfddce3e95?w=800&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/zibadental.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"inicio nueva web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/#website\",\"url\":\"https:\\\/\\\/zibadental.es\\\/\",\"name\":\"Zibadental\",\"description\":\"Nos encargamos de proporcionarte una sonrisa perfecta\",\"publisher\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/zibadental.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/#organization\",\"name\":\"Zibadental\",\"url\":\"https:\\\/\\\/zibadental.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/zibadental.es\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-Logotipo-Zibadental.jpg\",\"contentUrl\":\"https:\\\/\\\/zibadental.es\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-Logotipo-Zibadental.jpg\",\"width\":1200,\"height\":288,\"caption\":\"Zibadental\"},\"image\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/p\\\/ZIBA-DENTAL-100076455400852\\\/\",\"https:\\\/\\\/www.instagram.com\\\/zibadental_zenia\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"inicio nueva web - Zibadental","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zibadental.es\/en\/inicio-nueva-web\/","og_locale":"en_GB","og_type":"article","og_title":"inicio nueva web - Zibadental","og_description":"Zibadental Cl\u00ednica Dental \u00b7 Zibadental Tu sonrisa,nuestra precisi\u00f3n Tecnolog\u00eda avanzada y trato personalizado para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu bienestar. Qui\u00e9nes…","og_url":"https:\/\/zibadental.es\/en\/inicio-nueva-web\/","og_site_name":"Zibadental","article_publisher":"https:\/\/www.facebook.com\/p\/ZIBA-DENTAL-100076455400852\/","article_modified_time":"2026-06-30T09:15:20+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zibadental.es\/inicio-nueva-web\/","url":"https:\/\/zibadental.es\/inicio-nueva-web\/","name":"inicio nueva web - Zibadental","isPartOf":{"@id":"https:\/\/zibadental.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#primaryimage"},"image":{"@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80","datePublished":"2026-03-18T20:25:47+00:00","dateModified":"2026-06-30T09:15:20+00:00","breadcrumb":{"@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zibadental.es\/inicio-nueva-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/zibadental.es\/"},{"@type":"ListItem","position":2,"name":"inicio nueva web"}]},{"@type":"WebSite","@id":"https:\/\/zibadental.es\/#website","url":"https:\/\/zibadental.es\/","name":"Zibadental","description":"Nos encargamos de proporcionarte una sonrisa perfecta","publisher":{"@id":"https:\/\/zibadental.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zibadental.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/zibadental.es\/#organization","name":"Zibadental","url":"https:\/\/zibadental.es\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/zibadental.es\/#\/schema\/logo\/image\/","url":"https:\/\/zibadental.es\/wp-content\/uploads\/2022\/06\/cropped-Logotipo-Zibadental.jpg","contentUrl":"https:\/\/zibadental.es\/wp-content\/uploads\/2022\/06\/cropped-Logotipo-Zibadental.jpg","width":1200,"height":288,"caption":"Zibadental"},"image":{"@id":"https:\/\/zibadental.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/p\/ZIBA-DENTAL-100076455400852\/","https:\/\/www.instagram.com\/zibadental_zenia\/"]}]}},"_links":{"self":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages\/24814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/comments?post=24814"}],"version-history":[{"count":4,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages\/24814\/revisions"}],"predecessor-version":[{"id":24825,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages\/24814\/revisions\/24825"}],"wp:attachment":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/media?parent=24814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nZibadental<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baskervville:ital@0;1&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html, body {\r\n height: 100%;\r\n background: #fff;\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n .zb-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n min-height: 560px;\r\n }\r\n\r\n .zb-hero {\r\n position: relative;\r\n flex: 0 0 72%;\r\n overflow: hidden;\r\n background: #0a0a0a;\r\n }\r\n\r\n .zb-slide {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center 30%;\r\n opacity: 0;\r\n will-change: opacity, transform;\r\n }\r\n\r\n .zb-slide.zb-active {\r\n opacity: 1;\r\n z-index: 1;\r\n animation: zb-ken 7s ease-out forwards;\r\n }\r\n\r\n @keyframes zb-ken {\r\n from { transform: scale(1.06); }\r\n to { transform: scale(1); }\r\n }\r\n\r\n .zb-slide.zb-fade-in {\r\n animation: zb-fadeIn 1.6s ease forwards, zb-ken 7s ease-out forwards;\r\n z-index: 2;\r\n }\r\n\r\n .zb-slide.zb-fade-out {\r\n animation: zb-fadeOut 1.6s ease forwards;\r\n z-index: 1;\r\n opacity: 1;\r\n }\r\n\r\n @keyframes zb-fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes zb-fadeOut { from { opacity: 1; } to { opacity: 0; } }\r\n\r\n .zb-slide:nth-child(1) {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=1800&q=80');\r\n }\r\n .zb-slide:nth-child(2) {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=1800&q=80');\r\n background-position: center 20%;\r\n }\r\n .zb-slide:nth-child(3) {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?w=1800&q=80');\r\n background-position: center 25%;\r\n }\r\n\r\n .zb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.20) 100%);\r\n z-index: 3;\r\n }\r\n\r\n .zb-dots {\r\n position: absolute;\r\n bottom: 16px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 5;\r\n display: flex;\r\n gap: 6px;\r\n align-items: center;\r\n }\r\n\r\n .zb-dot {\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.35);\r\n border: none;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background 0.4s, transform 0.4s;\r\n }\r\n\r\n .zb-dot.zb-active {\r\n background: #ada67e;\r\n transform: scale(1.4);\r\n }\r\n\r\n .zb-line {\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n height: 2px;\r\n background: #ada67e;\r\n width: 0;\r\n z-index: 6;\r\n animation: zb-grow 1.4s cubic-bezier(0.16,1,0.3,1) forwards 0.3s;\r\n }\r\n\r\n @keyframes zb-grow { to { width: 100%; } }\r\n\r\n \/* \u2500\u2500 BLOQUE TEXTO \u2500\u2500 *\/\r\n .zb-text {\r\n flex: 1 1 auto;\r\n background: #fff;\r\n padding: 0 64px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n border-top: 1px solid #f0ede6;\r\n opacity: 0;\r\n animation: zb-up 0.9s ease forwards 0.7s;\r\n }\r\n\r\n @keyframes zb-up { to { opacity: 1; } }\r\n\r\n .zb-text-left { flex: 0 0 auto; }\r\n\r\n .zb-eyebrow {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: #ada67e;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .zb-title {\r\n font-family: 'Baskervville', serif;\r\n font-size: clamp(26px, 2.8vw, 40px);\r\n font-weight: 400;\r\n line-height: 1.1;\r\n color: #111;\r\n }\r\n\r\n .zb-title em { font-style: italic; color: #ada67e; }\r\n\r\n .zb-sep-v {\r\n width: 1px;\r\n height: 48px;\r\n background: #e8e4da;\r\n flex-shrink: 0;\r\n }\r\n\r\n .zb-text-right { flex: 0 1 400px; }\r\n\r\n .zb-desc {\r\n font-size: 13px;\r\n font-weight: 300;\r\n line-height: 1.85;\r\n color: #444;\r\n }\r\n\r\n .zb-desc strong { font-weight: 500; color: #111; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET (\u2264 1024px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 1024px) {\r\n .zb-text { padding: 0 48px; gap: 32px; }\r\n .zb-title { font-size: clamp(24px, 3.2vw, 34px); }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET (\u2264 768px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 768px) {\r\n .zb-wrap { min-height: 100svh; }\r\n .zb-hero { flex: 0 0 70%; }\r\n\r\n .zb-text { padding: 0 32px; gap: 20px; }\r\n .zb-sep-v { height: 32px; }\r\n .zb-eyebrow { font-size: 9px; letter-spacing: 0.2em; margin-bottom: 7px; }\r\n .zb-title { font-size: clamp(20px, 4vw, 28px); }\r\n .zb-desc { font-size: 12px; line-height: 1.75; }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n M\u00d3VIL (\u2264 480px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 480px) {\r\n .zb-wrap { min-height: 100svh; }\r\n .zb-hero { flex: 0 0 67%; }\r\n\r\n .zb-text {\r\n padding: 0 20px;\r\n gap: 14px;\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n \/* Eyebrow se oculta \u2014 no hay espacio *\/\r\n .zb-eyebrow { display: none; }\r\n\r\n .zb-sep-v {\r\n display: block;\r\n width: 1px;\r\n height: 28px;\r\n }\r\n\r\n .zb-title {\r\n font-size: clamp(15px, 4.5vw, 20px);\r\n white-space: nowrap;\r\n }\r\n\r\n .zb-text-right { flex: 1 1 auto; min-width: 0; }\r\n\r\n .zb-desc {\r\n font-size: 11px;\r\n line-height: 1.6;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n M\u00d3VIL PEQUE\u00d1O (\u2264 360px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 360px) {\r\n .zb-hero { flex: 0 0 65%; }\r\n .zb-text { padding: 0 16px; gap: 10px; }\r\n .zb-sep-v { display: none; }\r\n .zb-title { font-size: 15px; white-space: normal; }\r\n .zb-text-right { display: none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"zb-wrap\">\r\n\r\n <section class=\"zb-hero\" id=\"zbHero\">\r\n <div class=\"zb-slide zb-active\"><\/div>\r\n <div class=\"zb-slide\"><\/div>\r\n <div class=\"zb-slide\"><\/div>\r\n\r\n <div class=\"zb-overlay\"><\/div>\r\n\r\n <div class=\"zb-dots\">\r\n <button class=\"zb-dot zb-active\" data-i=\"0\"><\/button>\r\n <button class=\"zb-dot\" data-i=\"1\"><\/button>\r\n <button class=\"zb-dot\" data-i=\"2\"><\/button>\r\n <\/div>\r\n\r\n <div class=\"zb-line\"><\/div>\r\n <\/section>\r\n\r\n <div class=\"zb-text\">\r\n <div class=\"zb-text-left\">\r\n <p class=\"zb-eyebrow\">Cl\u00ednica Dental \u00b7 Zibadental<\/p>\r\n <h1 class=\"zb-title\">Tu sonrisa,<br><em>nuestra precisi\u00f3n<\/em><\/h1>\r\n <\/div>\r\n\r\n <div class=\"zb-sep-v\"><\/div>\r\n\r\n <div class=\"zb-text-right\">\r\n <p class=\"zb-desc\">\r\n Tecnolog\u00eda avanzada y <strong>trato personalizado<\/strong> para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu <strong>bienestar<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const slides = document.querySelectorAll('.zb-slide');\r\n const dots = document.querySelectorAll('.zb-dot');\r\n let current = 0;\r\n let timer;\r\n\r\n function goTo(n) {\r\n const next = (n + slides.length) % slides.length;\r\n if (next === current) return;\r\n const prev = current;\r\n current = next;\r\n\r\n slides[prev].classList.remove('zb-active', 'zb-fade-in');\r\n slides[prev].classList.add('zb-fade-out');\r\n\r\n slides[next].classList.remove('zb-fade-out');\r\n slides[next].classList.add('zb-active', 'zb-fade-in');\r\n\r\n dots.forEach(d => d.classList.remove('zb-active'));\r\n dots[next].classList.add('zb-active');\r\n\r\n setTimeout(() => slides[prev].classList.remove('zb-fade-out', 'zb-active'), 1600);\r\n }\r\n\r\n function startTimer() {\r\n clearInterval(timer);\r\n timer = setInterval(() => goTo(current + 1), 5500);\r\n }\r\n\r\n dots.forEach(d => d.addEventListener('click', () => {\r\n goTo(parseInt(d.dataset.i));\r\n startTimer();\r\n }));\r\n\r\n startTimer();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5235043 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"5235043\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<style>\r\n .zb-about {\r\n width: 100%;\r\n background: #ada67e;\r\n padding: 96px 64px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Inter', sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-about *, .zb-about *::before, .zb-about *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .zb-about::before {\r\n content: '';\r\n position: absolute;\r\n width: 600px;\r\n height: 600px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n top: -200px;\r\n right: -150px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about::after {\r\n content: '';\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n bottom: -100px;\r\n left: -80px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about__inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .zb-about__left,\r\n .zb-about__right {\r\n opacity: 0;\r\n transition: opacity 0.9s ease, transform 0.9s ease;\r\n }\r\n\r\n .zb-about__left { transform: translateX(-24px); }\r\n .zb-about__right { transform: translateX(24px); transition-delay: 0.2s; }\r\n\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .zb-about__eyebrow {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.65);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .zb-about__eyebrow::before {\r\n content: '';\r\n width: 28px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.5);\r\n flex-shrink: 0;\r\n }\r\n\r\n .zb-about__title {\r\n font-family: 'Baskervville', serif;\r\n font-size: clamp(34px, 3.8vw, 54px);\r\n font-weight: 400;\r\n line-height: 1.08;\r\n color: #fff;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__title em {\r\n font-style: italic;\r\n color: rgba(255,255,255,0.75);\r\n }\r\n\r\n .zb-about__sep {\r\n width: 40px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.45);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__lead {\r\n font-size: 16px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__lead strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__body {\r\n font-size: 14px;\r\n font-weight: 300;\r\n line-height: 1.9;\r\n color: rgba(255,255,255,0.85);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__body strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__stat {\r\n background: rgba(255,255,255,0.06);\r\n padding: 20px 16px;\r\n text-align: center;\r\n transition: background 0.3s;\r\n }\r\n\r\n .zb-about__stat:hover { background: rgba(255,255,255,0.12); }\r\n\r\n .zb-about__stat-num {\r\n font-family: 'Baskervville', serif;\r\n font-size: 30px;\r\n font-weight: 400;\r\n color: #fff;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .zb-about__stat-label {\r\n font-size: 10px;\r\n font-weight: 400;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n\r\n .zb-about__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,0.45);\r\n padding: 14px 28px;\r\n background: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n position: relative;\r\n overflow: hidden;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .zb-about__btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255,255,255,0.12);\r\n transform: translateX(-100%);\r\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\r\n }\r\n\r\n .zb-about__btn:hover::before { transform: translateX(0); }\r\n .zb-about__btn:hover { border-color: rgba(255,255,255,0.8); color: #fff; }\r\n\r\n .zb-about__btn span,\r\n .zb-about__btn-arrow { position: relative; z-index: 1; color: #fff; }\r\n\r\n .zb-about__btn-arrow { transition: transform 0.3s; }\r\n .zb-about__btn:hover .zb-about__btn-arrow { transform: translateX(4px); }\r\n .zb-about__btn:hover span,\r\n .zb-about__btn:hover .zb-about__btn-arrow { color: #fff; }\r\n\r\n \/* \u2500\u2500 TABLET \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .zb-about { padding: 72px 40px; }\r\n .zb-about__inner { grid-template-columns: 1fr; gap: 40px; }\r\n .zb-about__left { transform: translateY(20px); }\r\n .zb-about__right { transform: translateY(20px); transition-delay: 0.15s; }\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis { transform: translateY(0); }\r\n .zb-about__title { font-size: clamp(30px, 5vw, 44px); }\r\n .zb-about__lead { font-size: 15px; }\r\n }\r\n\r\n \/* \u2500\u2500 M\u00d3VIL \u2500\u2500 *\/\r\n @media (max-width: 540px) {\r\n .zb-about { padding: 52px 24px; }\r\n .zb-about__inner { gap: 32px; }\r\n .zb-about__title { font-size: clamp(28px, 8vw, 36px); }\r\n .zb-about__lead { font-size: 14px; }\r\n .zb-about__body { font-size: 13px; margin-bottom: 28px; }\r\n .zb-about__stats { margin-bottom: 28px; }\r\n .zb-about__stat { padding: 16px 10px; }\r\n .zb-about__stat-num { font-size: 24px; }\r\n .zb-about__stat-label { font-size: 9px; letter-spacing: 0.1em; }\r\n .zb-about__btn { width: 100%; justify-content: center; padding: 16px 20px; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"zb-about\">\r\n <div class=\"zb-about__inner\">\r\n\r\n <div class=\"zb-about__left\" id=\"zbAboutLeft\">\r\n <p class=\"zb-about__eyebrow\">Qui\u00e9nes somos<\/p>\r\n <h2 class=\"zb-about__title\">M\u00e1s de 15 a\u00f1os<br>cuidando <em>tu sonrisa<\/em><\/h2>\r\n <div class=\"zb-about__sep\"><\/div>\r\n <p class=\"zb-about__lead\">\r\n En Zibadental somos un equipo de <strong>especialistas comprometidos<\/strong> con la salud bucodental. Nuestro enfoque combina la m\u00e1s alta tecnolog\u00eda con un trato <strong>humano y cercano<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"zb-about__right\" id=\"zbAboutRight\">\r\n <p class=\"zb-about__body\">\r\n Fundada con la vocaci\u00f3n de ofrecer <strong>odontolog\u00eda de referencia<\/strong>, nuestra cl\u00ednica ha crecido hasta convertirse en un espacio donde cada paciente recibe una atenci\u00f3n <strong>personalizada y de calidad<\/strong>. Creemos que una boca sana es la base de un bienestar integral, y trabajamos cada d\u00eda para que as\u00ed sea.\r\n <\/p>\r\n\r\n <div class=\"zb-about__stats\">\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">15+<\/div>\r\n <div class=\"zb-about__stat-label\">A\u00f1os de experiencia<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">3K<\/div>\r\n <div class=\"zb-about__stat-label\">Pacientes atendidos<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">98%<\/div>\r\n <div class=\"zb-about__stat-label\">Satisfacci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#equipo\" class=\"zb-about__btn\">\r\n <span>Conoce al equipo<\/span>\r\n <span class=\"zb-about__btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"zb-carousel\" id=\"zbCarousel\">\r\n <div class=\"zb-carousel__track\" id=\"zbTrack\">\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1609840114035-3c981b782dfe?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581595219315-a187dd40c322?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n \r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .zb-carousel {\r\n width: 100%;\r\n overflow: hidden;\r\n background: #fff;\r\n padding: 48px 0;\r\n border-top: 1px solid #f0ede6;\r\n border-bottom: 1px solid #f0ede6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-carousel__track {\r\n display: flex;\r\n gap: 16px;\r\n will-change: transform;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n padding: 0 32px;\r\n }\r\n\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(33.333% - 11px);\r\n min-width: 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .zb-carousel__slide img {\r\n width: 100%;\r\n height: 240px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n filter: saturate(0.9);\r\n }\r\n\r\n .zb-carousel__slide:hover img {\r\n transform: scale(1.04);\r\n filter: saturate(1);\r\n }\r\n\r\n \/* L\u00ednea dorada al hover *\/\r\n .zb-carousel__slide::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: #ada67e;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .zb-carousel__slide:hover::after { transform: scaleX(1); }\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 900px) {\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(50% - 8px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n\r\n \/* M\u00f3vil *\/\r\n @media (max-width: 540px) {\r\n .zb-carousel {\r\n padding: 36px 0;\r\n }\r\n .zb-carousel__track { gap: 12px; padding: 0 20px; }\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(85% - 6px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n var left = document.getElementById('zbAboutLeft');\r\n var right = document.getElementById('zbAboutRight');\r\n\r\n var obs = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (!entry.isIntersecting) return;\r\n entry.target.classList.add('zb-vis');\r\n obs.unobserve(entry.target);\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n if (left) obs.observe(left);\r\n if (right) obs.observe(right);\r\n\r\n \/\/ \u2500\u2500 CARRUSEL AUTOM\u00c1TICO \u2500\u2500\r\n var track = document.getElementById('zbTrack');\r\n var slides = track ? track.querySelectorAll('.zb-carousel__slide:not(.zb-clone)') : [];\r\n var total = slides.length;\r\n var current = 0;\r\n var slideW = 0;\r\n var gap = 16;\r\n var paused = false;\r\n\r\n function getSlideWidth() {\r\n var first = track.querySelector('.zb-carousel__slide');\r\n return first ? first.offsetWidth : 0;\r\n }\r\n\r\n function moveTo(index, instant) {\r\n slideW = getSlideWidth();\r\n var offset = index * (slideW + gap);\r\n if (instant) {\r\n track.style.transition = 'none';\r\n } else {\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.4, 0, 0.2, 1)';\r\n }\r\n track.style.transform = 'translateX(-' + offset + 'px)';\r\n }\r\n\r\n function next() {\r\n if (!track) return;\r\n current++;\r\n\r\n \/\/ Si llegamos al final de los reales, hacemos un salto silencioso al inicio\r\n if (current >= total) {\r\n \/\/ Avanza hasta el clon con transici\u00f3n\r\n moveTo(current, false);\r\n setTimeout(function() {\r\n current = 0;\r\n moveTo(0, true);\r\n \/\/ Fuerza repaint antes de restaurar transici\u00f3n\r\n track.offsetHeight;\r\n }, 720);\r\n } else {\r\n moveTo(current, false);\r\n }\r\n }\r\n\r\n var timer = setInterval(function() {\r\n if (!paused) next();\r\n }, 2800);\r\n\r\n \/\/ Pausa en hover\r\n if (track) {\r\n track.addEventListener('mouseenter', function() { paused = true; });\r\n track.addEventListener('mouseleave', function() { paused = false; });\r\n \/\/ Touch swipe\r\n var touchStartX = 0;\r\n track.addEventListener('touchstart', function(e) {\r\n touchStartX = e.touches[0].clientX;\r\n paused = true;\r\n }, { passive: true });\r\n track.addEventListener('touchend', function(e) {\r\n var diff = touchStartX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n if (diff > 0) next();\r\n else { current = Math.max(0, current - 1); moveTo(current, false); }\r\n }\r\n paused = false;\r\n }, { passive: true });\r\n }\r\n\r\n window.addEventListener('resize', function() { moveTo(current, true); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5082704 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"5082704\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<style>\r\n .zb-about {\r\n width: 100%;\r\n background: #ada67e;\r\n padding: 96px 64px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Inter', sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-about *, .zb-about *::before, .zb-about *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .zb-about::before {\r\n content: '';\r\n position: absolute;\r\n width: 600px;\r\n height: 600px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n top: -200px;\r\n right: -150px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about::after {\r\n content: '';\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n bottom: -100px;\r\n left: -80px;\r\n pointer-events: none;\r\n }\r\n\r\n .zb-about__inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .zb-about__left,\r\n .zb-about__right {\r\n opacity: 0;\r\n transition: opacity 0.9s ease, transform 0.9s ease;\r\n }\r\n\r\n .zb-about__left { transform: translateX(-24px); }\r\n .zb-about__right { transform: translateX(24px); transition-delay: 0.2s; }\r\n\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .zb-about__eyebrow {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.65);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .zb-about__eyebrow::before {\r\n content: '';\r\n width: 28px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.5);\r\n flex-shrink: 0;\r\n }\r\n\r\n .zb-about__title {\r\n font-family: 'Baskervville', serif;\r\n font-size: clamp(34px, 3.8vw, 54px);\r\n font-weight: 400;\r\n line-height: 1.08;\r\n color: #fff;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__title em {\r\n font-style: italic;\r\n color: rgba(255,255,255,0.75);\r\n }\r\n\r\n .zb-about__sep {\r\n width: 40px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.45);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .zb-about__lead {\r\n font-size: 16px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__lead strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__body {\r\n font-size: 14px;\r\n font-weight: 300;\r\n line-height: 1.9;\r\n color: rgba(255,255,255,0.85);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__body strong {\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .zb-about__stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .zb-about__stat {\r\n background: rgba(255,255,255,0.06);\r\n padding: 20px 16px;\r\n text-align: center;\r\n transition: background 0.3s;\r\n }\r\n\r\n .zb-about__stat:hover { background: rgba(255,255,255,0.12); }\r\n\r\n .zb-about__stat-num {\r\n font-family: 'Baskervville', serif;\r\n font-size: 30px;\r\n font-weight: 400;\r\n color: #fff;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .zb-about__stat-label {\r\n font-size: 10px;\r\n font-weight: 400;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n\r\n .zb-about__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,0.45);\r\n padding: 14px 28px;\r\n background: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n position: relative;\r\n overflow: hidden;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .zb-about__btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255,255,255,0.12);\r\n transform: translateX(-100%);\r\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\r\n }\r\n\r\n .zb-about__btn:hover::before { transform: translateX(0); }\r\n .zb-about__btn:hover { border-color: rgba(255,255,255,0.8); color: #fff; }\r\n\r\n .zb-about__btn span,\r\n .zb-about__btn-arrow { position: relative; z-index: 1; color: #fff; }\r\n\r\n .zb-about__btn-arrow { transition: transform 0.3s; }\r\n .zb-about__btn:hover .zb-about__btn-arrow { transform: translateX(4px); }\r\n .zb-about__btn:hover span,\r\n .zb-about__btn:hover .zb-about__btn-arrow { color: #fff; }\r\n\r\n \/* \u2500\u2500 TABLET \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .zb-about { padding: 72px 40px; }\r\n .zb-about__inner { grid-template-columns: 1fr; gap: 40px; }\r\n .zb-about__left { transform: translateY(20px); }\r\n .zb-about__right { transform: translateY(20px); transition-delay: 0.15s; }\r\n .zb-about__left.zb-vis,\r\n .zb-about__right.zb-vis { transform: translateY(0); }\r\n .zb-about__title { font-size: clamp(30px, 5vw, 44px); }\r\n .zb-about__lead { font-size: 15px; }\r\n }\r\n\r\n \/* \u2500\u2500 M\u00d3VIL \u2500\u2500 *\/\r\n @media (max-width: 540px) {\r\n .zb-about { padding: 52px 24px; }\r\n .zb-about__inner { gap: 32px; }\r\n .zb-about__title { font-size: clamp(28px, 8vw, 36px); }\r\n .zb-about__lead { font-size: 14px; }\r\n .zb-about__body { font-size: 13px; margin-bottom: 28px; }\r\n .zb-about__stats { margin-bottom: 28px; }\r\n .zb-about__stat { padding: 16px 10px; }\r\n .zb-about__stat-num { font-size: 24px; }\r\n .zb-about__stat-label { font-size: 9px; letter-spacing: 0.1em; }\r\n .zb-about__btn { width: 100%; justify-content: center; padding: 16px 20px; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"zb-about\">\r\n <div class=\"zb-about__inner\">\r\n\r\n <div class=\"zb-about__left\" id=\"zbAboutLeft\">\r\n <p class=\"zb-about__eyebrow\">Qui\u00e9nes somos<\/p>\r\n <h2 class=\"zb-about__title\">M\u00e1s de 15 a\u00f1os<br>cuidando <em>tu sonrisa<\/em><\/h2>\r\n <div class=\"zb-about__sep\"><\/div>\r\n <p class=\"zb-about__lead\">\r\n En Zibadental somos un equipo de <strong>especialistas comprometidos<\/strong> con la salud bucodental. Nuestro enfoque combina la m\u00e1s alta tecnolog\u00eda con un trato <strong>humano y cercano<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"zb-about__right\" id=\"zbAboutRight\">\r\n <p class=\"zb-about__body\">\r\n Fundada con la vocaci\u00f3n de ofrecer <strong>odontolog\u00eda de referencia<\/strong>, nuestra cl\u00ednica ha crecido hasta convertirse en un espacio donde cada paciente recibe una atenci\u00f3n <strong>personalizada y de calidad<\/strong>. Creemos que una boca sana es la base de un bienestar integral, y trabajamos cada d\u00eda para que as\u00ed sea.\r\n <\/p>\r\n\r\n <div class=\"zb-about__stats\">\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">15+<\/div>\r\n <div class=\"zb-about__stat-label\">A\u00f1os de experiencia<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">3K<\/div>\r\n <div class=\"zb-about__stat-label\">Pacientes atendidos<\/div>\r\n <\/div>\r\n <div class=\"zb-about__stat\">\r\n <div class=\"zb-about__stat-num\">98%<\/div>\r\n <div class=\"zb-about__stat-label\">Satisfacci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#equipo\" class=\"zb-about__btn\">\r\n <span>Conoce al equipo<\/span>\r\n <span class=\"zb-about__btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"zb-carousel\" id=\"zbCarousel\">\r\n <div class=\"zb-carousel__track\" id=\"zbTrack\">\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1609840114035-3c981b782dfe?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581595219315-a187dd40c322?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n \r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <div class=\"zb-carousel__slide zb-clone\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffbb172ca20?w=800&q=80\" alt=\"Cl\u00ednica Zibadental\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .zb-carousel {\r\n width: 100%;\r\n overflow: hidden;\r\n background: #fff;\r\n padding: 48px 0;\r\n border-top: 1px solid #f0ede6;\r\n border-bottom: 1px solid #f0ede6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zb-carousel__track {\r\n display: flex;\r\n gap: 16px;\r\n will-change: transform;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n padding: 0 32px;\r\n }\r\n\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(33.333% - 11px);\r\n min-width: 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .zb-carousel__slide img {\r\n width: 100%;\r\n height: 240px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n filter: saturate(0.9);\r\n }\r\n\r\n .zb-carousel__slide:hover img {\r\n transform: scale(1.04);\r\n filter: saturate(1);\r\n }\r\n\r\n \/* L\u00ednea dorada al hover *\/\r\n .zb-carousel__slide::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: #ada67e;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .zb-carousel__slide:hover::after { transform: scaleX(1); }\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 900px) {\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(50% - 8px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n\r\n \/* M\u00f3vil *\/\r\n @media (max-width: 540px) {\r\n .zb-carousel {\r\n padding: 36px 0;\r\n }\r\n .zb-carousel__track { gap: 12px; padding: 0 20px; }\r\n .zb-carousel__slide {\r\n flex: 0 0 calc(85% - 6px);\r\n }\r\n .zb-carousel__slide img { height: 200px; }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n var left = document.getElementById('zbAboutLeft');\r\n var right = document.getElementById('zbAboutRight');\r\n\r\n var obs = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (!entry.isIntersecting) return;\r\n entry.target.classList.add('zb-vis');\r\n obs.unobserve(entry.target);\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n if (left) obs.observe(left);\r\n if (right) obs.observe(right);\r\n\r\n \/\/ \u2500\u2500 CARRUSEL AUTOM\u00c1TICO \u2500\u2500\r\n var track = document.getElementById('zbTrack');\r\n var slides = track ? track.querySelectorAll('.zb-carousel__slide:not(.zb-clone)') : [];\r\n var total = slides.length;\r\n var current = 0;\r\n var slideW = 0;\r\n var gap = 16;\r\n var paused = false;\r\n\r\n function getSlideWidth() {\r\n var first = track.querySelector('.zb-carousel__slide');\r\n return first ? first.offsetWidth : 0;\r\n }\r\n\r\n function moveTo(index, instant) {\r\n slideW = getSlideWidth();\r\n var offset = index * (slideW + gap);\r\n if (instant) {\r\n track.style.transition = 'none';\r\n } else {\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.4, 0, 0.2, 1)';\r\n }\r\n track.style.transform = 'translateX(-' + offset + 'px)';\r\n }\r\n\r\n function next() {\r\n if (!track) return;\r\n current++;\r\n\r\n \/\/ Si llegamos al final de los reales, hacemos un salto silencioso al inicio\r\n if (current >= total) {\r\n \/\/ Avanza hasta el clon con transici\u00f3n\r\n moveTo(current, false);\r\n setTimeout(function() {\r\n current = 0;\r\n moveTo(0, true);\r\n \/\/ Fuerza repaint antes de restaurar transici\u00f3n\r\n track.offsetHeight;\r\n }, 720);\r\n } else {\r\n moveTo(current, false);\r\n }\r\n }\r\n\r\n var timer = setInterval(function() {\r\n if (!paused) next();\r\n }, 2800);\r\n\r\n \/\/ Pausa en hover\r\n if (track) {\r\n track.addEventListener('mouseenter', function() { paused = true; });\r\n track.addEventListener('mouseleave', function() { paused = false; });\r\n \/\/ Touch swipe\r\n var touchStartX = 0;\r\n track.addEventListener('touchstart', function(e) {\r\n touchStartX = e.touches[0].clientX;\r\n paused = true;\r\n }, { passive: true });\r\n track.addEventListener('touchend', function(e) {\r\n var diff = touchStartX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n if (diff > 0) next();\r\n else { current = Math.max(0, current - 1); moveTo(current, false); }\r\n }\r\n paused = false;\r\n }, { passive: true });\r\n }\r\n\r\n window.addEventListener('resize', function() { moveTo(current, true); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>Zibadental Cl\u00ednica Dental \u00b7 Zibadental Tu sonrisa,nuestra precisi\u00f3n Tecnolog\u00eda avanzada y trato personalizado para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu bienestar. Qui\u00e9nes…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-24814","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>inicio nueva web - Zibadental<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zibadental.es\/en\/inicio-nueva-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"inicio nueva web - Zibadental\" \/>\n<meta property=\"og:description\" content=\"Zibadental Cl\u00ednica Dental \u00b7 Zibadental Tu sonrisa,nuestra precisi\u00f3n Tecnolog\u00eda avanzada y trato personalizado para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu bienestar. Qui\u00e9nes…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zibadental.es\/en\/inicio-nueva-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Zibadental\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/p\/ZIBA-DENTAL-100076455400852\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-30T09:15:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/\",\"url\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/\",\"name\":\"inicio nueva web - Zibadental\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1606811841689-23dfddce3e95?w=800&q=80\",\"datePublished\":\"2026-03-18T20:25:47+00:00\",\"dateModified\":\"2026-06-30T09:15:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1606811841689-23dfddce3e95?w=800&q=80\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1606811841689-23dfddce3e95?w=800&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/inicio-nueva-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/zibadental.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"inicio nueva web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/#website\",\"url\":\"https:\\\/\\\/zibadental.es\\\/\",\"name\":\"Zibadental\",\"description\":\"Nos encargamos de proporcionarte una sonrisa perfecta\",\"publisher\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/zibadental.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/#organization\",\"name\":\"Zibadental\",\"url\":\"https:\\\/\\\/zibadental.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/zibadental.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/zibadental.es\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-Logotipo-Zibadental.jpg\",\"contentUrl\":\"https:\\\/\\\/zibadental.es\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-Logotipo-Zibadental.jpg\",\"width\":1200,\"height\":288,\"caption\":\"Zibadental\"},\"image\":{\"@id\":\"https:\\\/\\\/zibadental.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/p\\\/ZIBA-DENTAL-100076455400852\\\/\",\"https:\\\/\\\/www.instagram.com\\\/zibadental_zenia\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"inicio nueva web - Zibadental","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zibadental.es\/en\/inicio-nueva-web\/","og_locale":"en_GB","og_type":"article","og_title":"inicio nueva web - Zibadental","og_description":"Zibadental Cl\u00ednica Dental \u00b7 Zibadental Tu sonrisa,nuestra precisi\u00f3n Tecnolog\u00eda avanzada y trato personalizado para cuidar tu salud bucal. Porque una sonrisa sana es el mejor reflejo de tu bienestar. Qui\u00e9nes…","og_url":"https:\/\/zibadental.es\/en\/inicio-nueva-web\/","og_site_name":"Zibadental","article_publisher":"https:\/\/www.facebook.com\/p\/ZIBA-DENTAL-100076455400852\/","article_modified_time":"2026-06-30T09:15:20+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zibadental.es\/inicio-nueva-web\/","url":"https:\/\/zibadental.es\/inicio-nueva-web\/","name":"inicio nueva web - Zibadental","isPartOf":{"@id":"https:\/\/zibadental.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#primaryimage"},"image":{"@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80","datePublished":"2026-03-18T20:25:47+00:00","dateModified":"2026-06-30T09:15:20+00:00","breadcrumb":{"@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zibadental.es\/inicio-nueva-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?w=800&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/zibadental.es\/inicio-nueva-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/zibadental.es\/"},{"@type":"ListItem","position":2,"name":"inicio nueva web"}]},{"@type":"WebSite","@id":"https:\/\/zibadental.es\/#website","url":"https:\/\/zibadental.es\/","name":"Zibadental","description":"Nos encargamos de proporcionarte una sonrisa perfecta","publisher":{"@id":"https:\/\/zibadental.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zibadental.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/zibadental.es\/#organization","name":"Zibadental","url":"https:\/\/zibadental.es\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/zibadental.es\/#\/schema\/logo\/image\/","url":"https:\/\/zibadental.es\/wp-content\/uploads\/2022\/06\/cropped-Logotipo-Zibadental.jpg","contentUrl":"https:\/\/zibadental.es\/wp-content\/uploads\/2022\/06\/cropped-Logotipo-Zibadental.jpg","width":1200,"height":288,"caption":"Zibadental"},"image":{"@id":"https:\/\/zibadental.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/p\/ZIBA-DENTAL-100076455400852\/","https:\/\/www.instagram.com\/zibadental_zenia\/"]}]}},"_links":{"self":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages\/24814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/comments?post=24814"}],"version-history":[{"count":4,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages\/24814\/revisions"}],"predecessor-version":[{"id":24825,"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/pages\/24814\/revisions\/24825"}],"wp:attachment":[{"href":"https:\/\/zibadental.es\/en\/wp-json\/wp\/v2\/media?parent=24814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}