{"id":46,"date":"2026-01-22T05:32:34","date_gmt":"2026-01-22T05:32:34","guid":{"rendered":"https:\/\/sillasparaoficina.disycom.com.mx\/?page_id=46"},"modified":"2026-01-22T05:32:34","modified_gmt":"2026-01-22T05:32:34","slug":"prueba","status":"publish","type":"page","link":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/prueba\/","title":{"rendered":"prueba"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"utf-8\"\/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>Disycom &#8211; Mantenimiento de Sillas de Oficina<\/title>\n\n  <!-- Tailwind + Plugins -->\n  <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography,container-queries\"><\/script>\n\n  <!-- Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\"\/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&#038;display=swap\" rel=\"stylesheet\"\/>\n\n  <!-- Tailwind config -->\n  <script>\n    tailwind.config = {\n      darkMode: \"class\",\n      theme: {\n        extend: {\n          colors: {\n            primary: \"#1E40AF\",\n            secondary: \"#3B82F6\",\n            \"background-light\": \"#F8FAFC\",\n            \"background-dark\": \"#0F172A\",\n          },\n          fontFamily: {\n            display: [\"Inter\", \"sans-serif\"],\n          },\n          borderRadius: {\n            DEFAULT: \"0.75rem\",\n          },\n        },\n      },\n    };\n  <\/script>\n\n  <style type=\"text\/tailwindcss\">\n    .material-symbols-outlined {\n      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n    }\n    body { font-family: 'Inter', sans-serif; min-height: max(884px, 100dvh); }\n  <\/style>\n\n  <style>\n    body { min-height: max(884px, 100dvh); }\n  <\/style>\n<\/head>\n\n<body class=\"bg-background-light dark:bg-background-dark text-slate-900 dark:text-slate-100 antialiased overflow-x-hidden\">\n\n  <!-- HEADER -->\n  <header class=\"sticky top-0 z-50 bg-white\/80 dark:bg-slate-900\/80 backdrop-blur-md border-b border-slate-200 dark:border-slate-800\">\n    <nav class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-24 flex items-center justify-between\">\n      <div class=\"flex items-center gap-3\">\n        <img decoding=\"async\" src=\"logo-disycom.jpg\" alt=\"Disycom\" class=\"h-16 md:h-20 w-auto object-cover\" \/>\n      <\/div>\n\n      <div class=\"hidden md:flex space-x-8 text-sm font-medium\">\n        <a class=\"hover:text-primary transition-colors\" href=\"#servicios\">Servicios<\/a>\n        <a class=\"hover:text-primary transition-colors\" href=\"#beneficios\">Beneficios<\/a>\n        <a class=\"hover:text-primary transition-colors\" href=\"#cobertura\">Cobertura<\/a>\n      <\/div>\n\n      <a class=\"bg-primary text-white px-6 py-3 rounded-full font-semibold text-sm hover:bg-blue-700 transition-all flex items-center gap-2 shadow-lg shadow-primary\/20\"\n         href=\"https:\/\/wa.me\/525529388036\">\n        <span class=\"material-symbols-outlined text-lg\">chat<\/span>\n        WhatsApp\n      <\/a>\n    <\/nav>\n  <\/header>\n\n  <main>\n    <!-- HERO -->\n    <section class=\"relative pt-12 pb-20 px-4 overflow-hidden\">\n      <div class=\"max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 items-center\">\n        <div class=\"space-y-8\">\n          <div class=\"inline-flex items-center px-3 py-1 rounded-full bg-blue-100 dark:bg-blue-900\/30 text-blue-700 dark:text-blue-300 text-xs font-bold uppercase tracking-wider\">\n            CDMX \u2022 Naucalpan \u2022 Tlalnepantla\n          <\/div>\n\n          <h1 class=\"text-4xl md:text-6xl font-extrabold text-slate-900 dark:text-white leading-tight\">\n            Mantenimiento de <span class=\"text-primary\">Sillas de Oficina<\/span>\n          <\/h1>\n\n          <p class=\"text-xl text-slate-600 dark:text-slate-400\">\n            Servicio especializado para empresas y corporativos. Recuperamos la ergonom\u00eda y est\u00e9tica de su mobiliario.\n          <\/p>\n\n          <ul class=\"grid grid-cols-2 gap-4\">\n            <li class=\"flex items-center gap-2\">\n              <span class=\"material-symbols-outlined text-green-500\">check_circle<\/span>\n              <span class=\"text-sm font-medium\">Servicio en sitio<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-2\">\n              <span class=\"material-symbols-outlined text-green-500\">check_circle<\/span>\n              <span class=\"text-sm font-medium\">Diagn\u00f3stico sin costo<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-2\">\n              <span class=\"material-symbols-outlined text-green-500\">check_circle<\/span>\n              <span class=\"text-sm font-medium\">Facturaci\u00f3n<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-2\">\n              <span class=\"material-symbols-outlined text-green-500\">check_circle<\/span>\n              <span class=\"text-sm font-medium\">Garant\u00eda por escrito<\/span>\n            <\/li>\n          <\/ul>\n\n          <div class=\"flex flex-col sm:flex-row gap-4\">\n            <a class=\"flex-1 bg-green-600 text-white text-center py-4 rounded-xl font-bold flex items-center justify-center gap-2 hover:bg-green-700 transition-colors\"\n               href=\"https:\/\/wa.me\/525529388036\">\n              <span class=\"material-symbols-outlined\">chat<\/span>\n              Cotizar por WhatsApp\n            <\/a>\n\n            <a class=\"flex-1 bg-slate-900 dark:bg-slate-100 text-white dark:text-slate-900 text-center py-4 rounded-xl font-bold flex items-center justify-center gap-2 hover:opacity-90 transition-opacity\"\n               href=\"tel:5559128099\">\n              <span class=\"material-symbols-outlined\">call<\/span>\n              Llamar ahora\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- FORM -->\n        <div class=\"relative\">\n          <div class=\"absolute -inset-1 bg-gradient-to-r from-primary to-secondary rounded-2xl blur opacity-25\"><\/div>\n\n          <div class=\"relative bg-white dark:bg-slate-800 p-8 rounded-2xl shadow-2xl border border-slate-100 dark:border-slate-700\">\n            <h3 class=\"text-2xl font-bold mb-6\">Solicita un presupuesto<\/h3>\n\n            <form class=\"space-y-4\" action=\"https:\/\/formsubmit.co\/infoventas@disycom.com.mx\" method=\"POST\">\n              <input type=\"hidden\" name=\"_subject\" value=\"Nuevo lead - Mantenimiento de sillas (Landing)\" \/>\n              <input type=\"hidden\" name=\"_captcha\" value=\"false\" \/>\n              <input type=\"hidden\" name=\"_template\" value=\"table\" \/>\n\n              <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"col-span-2\">\n                  <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1\">Nombre Completo<\/label>\n                  <input class=\"w-full bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700 rounded-lg px-4 py-3 focus:ring-primary focus:border-primary\"\n                         placeholder=\"Ej. Juan P\u00e9rez\" type=\"text\" name=\"nombre\" required \/>\n                <\/div>\n\n                <div class=\"col-span-2\">\n                  <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1\">Empresa<\/label>\n                  <input class=\"w-full bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700 rounded-lg px-4 py-3 focus:ring-primary focus:border-primary\"\n                         placeholder=\"Nombre de tu compa\u00f1\u00eda\" type=\"text\" name=\"empresa\" required \/>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1\">Tel\u00e9fono<\/label>\n                  <input class=\"w-full bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700 rounded-lg px-4 py-3 focus:ring-primary focus:border-primary\"\n                         placeholder=\"10 d\u00edgitos\" type=\"tel\" name=\"telefono\" required \/>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1\">Zona<\/label>\n                  <select name=\"zona\" class=\"w-full bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700 rounded-lg px-4 py-3 focus:ring-primary focus:border-primary\">\n                    <option value=\"\">Selecciona<\/option>\n                    <option>CDMX Norte<\/option>\n                    <option>CDMX Sur<\/option>\n                    <option>Naucalpan<\/option>\n                    <option>Tlalnepantla<\/option>\n                  <\/select>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1\">Cantidad Sillas<\/label>\n                  <input class=\"w-full bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700 rounded-lg px-4 py-3 focus:ring-primary focus:border-primary\"\n                         placeholder=\"1-100+\" type=\"number\" name=\"cantidad_sillas\" min=\"1\" required \/>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1\">Tipo Servicio<\/label>\n                  <select name=\"tipo_servicio\" class=\"w-full bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700 rounded-lg px-4 py-3 focus:ring-primary focus:border-primary\">\n                    <option>Correctivo<\/option>\n                    <option>Preventivo<\/option>\n                    <option>Tapicer\u00eda<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n\n              <button class=\"w-full bg-primary text-white py-4 rounded-xl font-bold shadow-lg shadow-primary\/30 hover:bg-blue-700 transition-all mt-4\" type=\"submit\">\n                Enviar Solicitud\n              <\/button>\n            <\/form>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ANTES\/DESPU\u00c9S (PROMO PREMIUM) -->\n    <section class=\"py-16 bg-white dark:bg-slate-900\">\n      <div class=\"max-w-7xl mx-auto px-4\">\n        <div class=\"text-center mb-12\">\n          <h2 class=\"text-3xl font-bold mb-4\">Especialistas en Marcas Premium<\/h2>\n          <p class=\"text-slate-600 dark:text-slate-400\">Expertos en siller\u00eda ergon\u00f3mica de alto desempe\u00f1o<\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-8\">\n          <div class=\"group relative overflow-hidden rounded-3xl bg-slate-100 dark:bg-slate-800\">\n           <img decoding=\"async\" alt=\"Silla de oficina da\u00f1ada\" class=\"w-full h-80 object-cover opacity-80 group-hover:scale-105 transition-transform duration-500\" src=\"antes.jpg\"\/>\n            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 to-transparent flex flex-col justify-end p-8\">\n              <span class=\"text-white font-bold text-xl\">Antes<\/span>\n              <p class=\"text-white\/80 text-sm\">Desgaste extremo en malla, mecanismos, pist\u00f3n y ruedas.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"group relative overflow-hidden rounded-3xl bg-slate-100 dark:bg-slate-800 border-4 border-primary\/20\">\n            <img decoding=\"async\" alt=\"Silla de oficina restaurada\" class=\"w-full h-80 object-cover group-hover:scale-105 transition-transform duration-500\" src=\"despues.jpg\"\/>\n            <div class=\"absolute inset-0 bg-gradient-to-t from-primary\/80 to-transparent flex flex-col justify-end p-8\">\n              <span class=\"text-white font-bold text-xl\">Despu\u00e9s<\/span>\n              <p class=\"text-white\/80 text-sm\">Restauraci\u00f3n total: tapizado, cambio de pist\u00f3n, ruedas y mantenimiento general.<\/p>\n            <\/div>\n            <div class=\"absolute top-4 right-4 bg-primary text-white px-3 py-1 rounded-full text-xs font-bold animate-pulse\">\n              RESTAURADA\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- SERVICIOS -->\n    <section class=\"py-20 bg-slate-50 dark:bg-slate-950\" id=\"servicios\">\n      <div class=\"max-w-7xl mx-auto px-4\">\n        <div class=\"text-center max-w-2xl mx-auto mb-16\">\n          <h2 class=\"text-3xl font-bold mb-4\">Nuestros Servicios<\/h2>\n          <p class=\"text-slate-600 dark:text-slate-400\">Soluciones integrales para prolongar la vida \u00fatil de sus activos.<\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n          <div class=\"bg-white dark:bg-slate-900 p-8 rounded-2xl shadow-sm hover:shadow-xl transition-shadow border border-slate-100 dark:border-slate-800\">\n            <div class=\"w-12 h-12 bg-blue-100 dark:bg-blue-900\/30 rounded-xl flex items-center justify-center text-primary mb-6\">\n              <span class=\"material-symbols-outlined\">settings_suggest<\/span>\n            <\/div>\n            <h4 class=\"text-xl font-bold mb-3\">Preventivo<\/h4>\n            <p class=\"text-slate-600 dark:text-slate-400 text-sm\">Limpieza profunda, lubricaci\u00f3n y ajuste de torniller\u00eda para evitar da\u00f1os futuros.<\/p>\n          <\/div>\n\n          <div class=\"bg-white dark:bg-slate-900 p-8 rounded-2xl shadow-sm hover:shadow-xl transition-shadow border border-slate-100 dark:border-slate-800\">\n            <div class=\"w-12 h-12 bg-green-100 dark:bg-green-900\/30 rounded-xl flex items-center justify-center text-green-600 mb-6\">\n              <span class=\"material-symbols-outlined\">build<\/span>\n            <\/div>\n            <h4 class=\"text-xl font-bold mb-3\">Correctivo<\/h4>\n            <p class=\"text-slate-600 dark:text-slate-400 text-sm\">Reparaci\u00f3n de pistones, bases, rodajas y mecanismos de inclinaci\u00f3n trabados.<\/p>\n          <\/div>\n\n          <div class=\"bg-white dark:bg-slate-900 p-8 rounded-2xl shadow-sm hover:shadow-xl transition-shadow border border-slate-100 dark:border-slate-800\">\n            <div class=\"w-12 h-12 bg-purple-100 dark:bg-purple-900\/30 rounded-xl flex items-center justify-center text-purple-600 mb-6\">\n              <span class=\"material-symbols-outlined\">style<\/span>\n            <\/div>\n            <h4 class=\"text-xl font-bold mb-3\">Tapicer\u00eda<\/h4>\n            <p class=\"text-slate-600 dark:text-slate-400 text-sm\">Renovaci\u00f3n de telas, mallas y espumas con materiales de alta densidad.<\/p>\n          <\/div>\n\n          <div class=\"bg-white dark:bg-slate-900 p-8 rounded-2xl shadow-sm hover:shadow-xl transition-shadow border border-slate-100 dark:border-slate-800\">\n            <div class=\"w-12 h-12 bg-amber-100 dark:bg-amber-900\/30 rounded-xl flex items-center justify-center text-amber-600 mb-6\">\n              <span class=\"material-symbols-outlined\">inventory_2<\/span>\n            <\/div>\n            <h4 class=\"text-xl font-bold mb-3\">Refacciones<\/h4>\n            <p class=\"text-slate-600 dark:text-slate-400 text-sm\">Venta e instalaci\u00f3n de rodajas de gel, pistones neum\u00e1ticos y descansabrazos.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- BENEFICIOS -->\n    <section class=\"py-20 bg-white dark:bg-slate-900\" id=\"beneficios\">\n      <div class=\"max-w-7xl mx-auto px-4 grid md:grid-cols-3 gap-12\">\n        <div class=\"text-center\">\n          <span class=\"material-symbols-outlined text-5xl text-primary mb-4\">savings<\/span>\n          <h5 class=\"text-lg font-bold mb-2\">Ahorro de Costos<\/h5>\n          <p class=\"text-slate-500 text-sm italic\">Reparar cuesta hasta un 70% menos que comprar nuevo.<\/p>\n        <\/div>\n\n        <div class=\"text-center\">\n          <span class=\"material-symbols-outlined text-5xl text-primary mb-4\">eco<\/span>\n          <h5 class=\"text-lg font-bold mb-2\">Sustentabilidad<\/h5>\n          <p class=\"text-slate-500 text-sm italic\">Reduce la huella de carbono de tu empresa reciclando mobiliario.<\/p>\n        <\/div>\n\n        <div class=\"text-center\">\n          <span class=\"material-symbols-outlined text-5xl text-primary mb-4\">health_and_safety<\/span>\n          <h5 class=\"text-lg font-bold mb-2\">Salud Laboral<\/h5>\n          <p class=\"text-slate-500 text-sm italic\">Evita lesiones en tus colaboradores con sillas bien ajustadas.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- CARRUSEL ANTES\/DESPU\u00c9S -->\n    <section class=\"py-16 bg-white dark:bg-slate-900\">\n      <div class=\"max-w-7xl mx-auto px-4\">\n\n        <div class=\"text-center mb-10\">\n          <h2 class=\"text-3xl font-bold mb-3\">Antes y Despu\u00e9s<\/h2>\n          <p class=\"text-slate-600 dark:text-slate-400\">\n            Resultados reales en mantenimiento corporativo (premium y comercial).\n          <\/p>\n        <\/div>\n\n        <div class=\"relative overflow-hidden rounded-3xl border border-slate-200 dark:border-slate-800 bg-slate-50 dark:bg-slate-800 shadow-xl\">\n\n          <div id=\"ab-carousel\" class=\"flex w-full transition-transform duration-500 ease-in-out will-change-transform\">\n            <div class=\"w-full flex-shrink-0 p-6 md:p-10\">\n              <div class=\"rounded-2xl overflow-hidden bg-white dark:bg-slate-900\">\n                <img decoding=\"async\" src=\"antes-despues-silla-malla-whatsapp.jpg\" alt=\"Antes y despu\u00e9s - silla malla (restauraci\u00f3n)\" class=\"w-full h-80 md:h-[420px] object-contain bg-slate-100\"\/>\n              <\/div>\n            <\/div>\n\n            <div class=\"w-full flex-shrink-0 p-6 md:p-10\">\n              <div class=\"rounded-2xl overflow-hidden bg-white dark:bg-slate-900\">\n                <img decoding=\"async\" src=\"antes-despues-silla-ejecutiva.jpg\" alt=\"Antes y despu\u00e9s - silla ejecutiva restaurada\" class=\"w-full h-80 md:h-[420px] object-contain bg-slate-100\"\/>\n              <\/div>\n            <\/div>\n\n            <div class=\"w-full flex-shrink-0 p-6 md:p-10\">\n              <div class=\"rounded-2xl overflow-hidden bg-white dark:bg-slate-900\">\n                <img decoding=\"async\" src=\"antes-despues-brazos.jpg\" alt=\"Antes y despu\u00e9s - descanso de brazos\" class=\"w-full h-80 md:h-[420px] object-contain bg-slate-100\"\/>\n              <\/div>\n            <\/div>\n\n            <div class=\"w-full flex-shrink-0 p-6 md:p-10\">\n              <div class=\"rounded-2xl overflow-hidden bg-white dark:bg-slate-900\">\n                <img decoding=\"async\" src=\"antes-despues-silla-malla-zoomout.jpg\" alt=\"Antes y despu\u00e9s - silla malla (vista general)\" class=\"w-full h-80 md:h-[420px] object-contain bg-slate-100\"\/>\n              <\/div>\n            <\/div>\n\n            <div class=\"w-full flex-shrink-0 p-6 md:p-10\">\n              <div class=\"rounded-2xl overflow-hidden bg-white dark:bg-slate-900\">\n                <img decoding=\"async\" src=\"antes-despues-silla-malla.jpg\" alt=\"Antes y despu\u00e9s - silla malla restaurada\" class=\"w-full h-80 md:h-[420px] object-contain bg-slate-100\"\/>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <button id=\"ab-prev\" class=\"absolute left-3 top-1\/2 -translate-y-1\/2 bg-white\/90 dark:bg-slate-900\/80 hover:bg-white dark:hover:bg-slate-900 text-slate-900 dark:text-white rounded-full p-3 shadow-lg transition\">\u25c0<\/button>\n          <button id=\"ab-next\" class=\"absolute right-3 top-1\/2 -translate-y-1\/2 bg-white\/90 dark:bg-slate-900\/80 hover:bg-white dark:hover:bg-slate-900 text-slate-900 dark:text-white rounded-full p-3 shadow-lg transition\">\u25b6<\/button>\n\n          <div class=\"absolute bottom-4 left-0 right-0 flex justify-center gap-2\">\n            <button class=\"ab-dot w-2.5 h-2.5 rounded-full bg-slate-300 dark:bg-slate-600\" data-slide=\"0\"><\/button>\n            <button class=\"ab-dot w-2.5 h-2.5 rounded-full bg-slate-300 dark:bg-slate-600\" data-slide=\"1\"><\/button>\n            <button class=\"ab-dot w-2.5 h-2.5 rounded-full bg-slate-300 dark:bg-slate-600\" data-slide=\"2\"><\/button>\n            <button class=\"ab-dot w-2.5 h-2.5 rounded-full bg-slate-300 dark:bg-slate-600\" data-slide=\"3\"><\/button>\n            <button class=\"ab-dot w-2.5 h-2.5 rounded-full bg-slate-300 dark:bg-slate-600\" data-slide=\"4\"><\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"mt-8 flex justify-center\">\n          <a href=\"https:\/\/wa.me\/525529388036\" class=\"inline-flex items-center justify-center bg-green-600 hover:bg-green-700 text-white font-bold px-6 py-3 rounded-xl transition-colors\">\n            Cotizar por WhatsApp\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- COBERTURA + MAPA -->\n    <section class=\"py-20 bg-slate-900 text-white\" id=\"cobertura\">\n      <div class=\"max-w-7xl mx-auto px-4 grid lg:grid-cols-2 gap-12 items-center\">\n        <div>\n          <h2 class=\"text-3xl font-bold mb-6\">Cobertura Estrat\u00e9gica<\/h2>\n          <p class=\"text-slate-400 mb-8\">Atendemos de manera inmediata a las zonas corporativas m\u00e1s importantes del Valle de M\u00e9xico.<\/p>\n\n          <div class=\"space-y-4\">\n            <div class=\"flex items-start gap-4\">\n              <span class=\"material-symbols-outlined text-primary mt-1\">location_on<\/span>\n              <div>\n                <p class=\"font-bold\">Sede Operativa<\/p>\n                <p class=\"text-sm text-slate-400\">\u00c1lvaro Obreg\u00f3n, CDMX, CP 01800<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"flex items-start gap-4\">\n              <span class=\"material-symbols-outlined text-primary mt-1\">location_on<\/span>\n              <div>\n                <p class=\"font-bold\">Zonas de Atenci\u00f3n<\/p>\n                <p class=\"text-sm text-slate-400\">Ciudad de M\u00e9xico y env\u00edos a toda la Rep\u00fablica Mexicana.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"flex items-start gap-4\">\n              <span class=\"material-symbols-outlined text-primary mt-1\">schedule<\/span>\n              <div>\n                <p class=\"font-bold\">Horario de Atenci\u00f3n<\/p>\n                <p class=\"text-sm text-slate-400\">Martes a Jueves: 9:00 AM &#8211; 7:00 PM<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"rounded-2xl overflow-hidden border border-slate-800 shadow-2xl bg-slate-800\">\n          <iframe title=\"Mapa de M\u00e9xico\"\n                  class=\"w-full h-[380px] md:h-[450px]\"\n                  src=\"https:\/\/www.google.com\/maps?q=Mexico&#038;z=5&#038;output=embed\"\n                  loading=\"lazy\"\n                  referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- TESTIMONIOS -->\n    <section class=\"py-20 bg-white dark:bg-slate-900\">\n      <div class=\"max-w-7xl mx-auto px-4\">\n        <h3 class=\"text-3xl font-bold text-center mb-16\">Lo que dicen nuestros clientes<\/h3>\n\n        <div class=\"grid md:grid-cols-3 gap-8\">\n          <div class=\"bg-slate-50 dark:bg-slate-800 p-8 rounded-2xl\">\n            <div class=\"flex text-amber-400 mb-4\">\n              <span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span>\n            <\/div>\n            <p class=\"text-slate-600 dark:text-slate-400 italic mb-6\">\u00abExcelente servicio. Restauraron 50 sillas en un fin de semana sin interrumpir nuestra operaci\u00f3n.\u00bb<\/p>\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-bold\">RM<\/div>\n              <div>\n                <p class=\"text-sm font-bold\">Ricardo M.<\/p>\n                <p class=\"text-xs text-slate-500\">Facility Manager, Startup Tech<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"bg-slate-50 dark:bg-slate-800 p-8 rounded-2xl\">\n            <div class=\"flex text-amber-400 mb-4\">\n              <span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span>\n            <\/div>\n            <p class=\"text-slate-600 dark:text-slate-400 italic mb-6\">\u00abEl diagn\u00f3stico fue muy preciso y los costos son competitivos. Las sillas quedaron como nuevas.\u00bb<\/p>\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-10 h-10 rounded-full bg-blue-400 flex items-center justify-center text-white font-bold\">AL<\/div>\n              <div>\n                <p class=\"text-sm font-bold\">Ana L.<\/p>\n                <p class=\"text-xs text-slate-500\">Compras, Despacho Jur\u00eddico<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"bg-slate-50 dark:bg-slate-800 p-8 rounded-2xl\">\n            <div class=\"flex text-amber-400 mb-4\">\n              <span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span><span class=\"material-symbols-outlined\">star<\/span>\n            <\/div>\n            <p class=\"text-slate-600 dark:text-slate-400 italic mb-6\">\u00abMuy profesionales en el trato corporativo. La facturaci\u00f3n fue r\u00e1pida y el servicio impecable.\u00bb<\/p>\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-10 h-10 rounded-full bg-slate-600 flex items-center justify-center text-white font-bold\">JG<\/div>\n              <div>\n                <p class=\"text-sm font-bold\">Jorge G.<\/p>\n                <p class=\"text-xs text-slate-500\">Administrador, Corporativo Tlalne<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- FOOTER -->\n  <footer class=\"bg-slate-950 text-slate-400 py-12 px-4\">\n    <div class=\"max-w-7xl mx-auto grid md:grid-cols-4 gap-8\">\n      <div class=\"col-span-2\">\n        <div class=\"flex items-center gap-2 mb-6\">\n          <span class=\"material-symbols-outlined text-primary text-3xl\">chair_alt<\/span>\n          <span class=\"text-2xl font-bold tracking-tight text-white\">Disycom<\/span>\n        <\/div>\n        <p class=\"text-sm max-w-sm mb-6\">\n          L\u00edderes en mantenimiento preventivo y correctivo de siller\u00eda de oficina premium en la Ciudad de M\u00e9xico y \u00e1rea metropolitana.\n        <\/p>\n      <\/div>\n\n      <div>\n        <h6 class=\"text-white font-bold mb-4 uppercase text-xs tracking-widest\">Servicios<\/h6>\n        <ul class=\"space-y-2 text-sm\">\n          <li><a class=\"hover:text-white transition-colors\" href=\"#servicios\">Preventivo<\/a><\/li>\n          <li><a class=\"hover:text-white transition-colors\" href=\"#servicios\">Correctivo<\/a><\/li>\n          <li><a class=\"hover:text-white transition-colors\" href=\"#servicios\">Tapicer\u00eda<\/a><\/li>\n          <li><a class=\"hover:text-white transition-colors\" href=\"#servicios\">Refacciones<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div>\n        <h6 class=\"text-white font-bold mb-4 uppercase text-xs tracking-widest\">Contacto<\/h6>\n        <ul class=\"space-y-2 text-sm\">\n          <li class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-xs\">call<\/span> 55 5912 8099<\/li>\n          <li class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-xs\">mail<\/span> infoventas@disycom.com.mx<\/li>\n          <li class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-xs\">location_on<\/span> \u00c1lvaro Obreg\u00f3n, CDMX, CP 01800<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"max-w-7xl mx-auto border-t border-slate-900 mt-12 pt-8 flex flex-col md:flex-row items-center justify-between text-xs\">\n      <p>\u00a9 2026 Disycom Mantenimiento. Todos los derechos reservados.<\/p>\n      <div class=\"flex gap-4 mt-4 md:mt-0\">\n        <a class=\"hover:text-white\" href=\"#\">Aviso de Privacidad<\/a>\n        <a class=\"hover:text-white\" href=\"#\">T\u00e9rminos y Condiciones<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- WhatsApp floating (mobile) -->\n  <a class=\"fixed bottom-6 right-6 md:hidden bg-green-500 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-2xl z-50\"\n     href=\"https:\/\/wa.me\/525529388036\">\n    <span class=\"material-symbols-outlined text-3xl\">chat<\/span>\n  <\/a>\n\n  <!-- Carrusel JS (al final, limpio y funcional) -->\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const track = document.getElementById(\"ab-carousel\");\n      const prev = document.getElementById(\"ab-prev\");\n      const next = document.getElementById(\"ab-next\");\n      const dots = document.querySelectorAll(\".ab-dot\");\n\n      if (!track || !prev || !next || dots.length === 0) return;\n\n      let current = 0;\n      const total = dots.length;\n\n      function paintDots() {\n        dots.forEach((dot, i) => {\n          dot.classList.toggle(\"bg-primary\", i === current);\n          dot.classList.toggle(\"dark:bg-primary\", i === current);\n          dot.classList.toggle(\"bg-slate-300\", i !== current);\n          dot.classList.toggle(\"dark:bg-slate-600\", i !== current);\n        });\n      }\n\n      function goTo(index) {\n        current = (index + total) % total;\n        track.style.transform = `translateX(-${current * 100}%)`;\n        paintDots();\n      }\n\n      prev.addEventListener(\"click\", () => goTo(current - 1));\n      next.addEventListener(\"click\", () => goTo(current + 1));\n\n      dots.forEach(dot => {\n        dot.addEventListener(\"click\", () => {\n          const idx = parseInt(dot.getAttribute(\"data-slide\"), 10);\n          goTo(idx);\n        });\n      });\n\n      goTo(0);\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Disycom &#8211; Mantenimiento de Sillas de Oficina Servicios Beneficios Cobertura chat WhatsApp CDMX \u2022 Naucalpan \u2022 Tlalnepantla Mantenimiento de Sillas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":1,"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/sillasparaoficina.disycom.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}