{"id":30,"date":"2026-04-14T16:40:08","date_gmt":"2026-04-14T16:40:08","guid":{"rendered":"https:\/\/dramariajose.agendaaqui.com.mx\/?page_id=30"},"modified":"2026-04-14T22:24:35","modified_gmt":"2026-04-14T22:24:35","slug":"consulta","status":"publish","type":"page","link":"https:\/\/dramariajose.agendaaqui.com.mx\/","title":{"rendered":"Consulta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99dc824 e-con-full e-flex e-con e-parent\" data-id=\"99dc824\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c256cc9 elementor-widget elementor-widget-html\" data-id=\"c256cc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<section class=\"mj-hero-premium-v3\">\n    <div class=\"mj-bg-base\">\n        <div class=\"mj-aura-blob a-1\"><\/div>\n        <div class=\"mj-aura-blob a-2\"><\/div>\n    <\/div>\n\n    <div class=\"hero-main-wrapper\">\n        <div class=\"hero-content-grid\">\n            \n            <div class=\"hero-text-area\">\n                <h1>\n                    Dra. Mar\u00eda Jos\u00e9 Mac\u00edas<br>\n                    <span>Dentista en Benito Ju\u00e1rez, CDMX<\/span><br>\n                    <small>Especialista en odontolog\u00eda est\u00e9tica y ortodoncia<\/small>\n                <\/h1>\n                \n                <p class=\"hero-description\">\n                    En mi consulta realizo una valoraci\u00f3n dental completa, enfocada en est\u00e9tica, funci\u00f3n y salud bucal, para ayudarte a tomar decisiones informadas y seguras.\n                <\/p>\n\n                <div class=\"hero-cta-container\">\n                    <a href=\"https:\/\/wa.link\/55zak3\" target=\"_blank\" class=\"mj-main-btn\">\n                        Agendar una cita <i class=\"fas fa-calendar-alt\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hero-visual-area\">\n                <div class=\"mj-image-layout\">\n                    <div class=\"mj-blob-decorator\"><\/div>\n                    <img decoding=\"async\" src=\"TU_LINK_DE_IMAGEN_AQUI\" alt=\"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"mj-info-bar-container\">\n        <div class=\"mj-info-bar\">\n            <div class=\"bar-grid\">\n                <div class=\"bar-title\">\n                    <h2>\u00bfPor qu\u00e9 atenderte conmigo?<\/h2>\n                <\/div>\n                \n                <div class=\"bar-point\">\n                    <i class=\"fas fa-users\"><\/i>\n                    <p>M\u00e1s de <strong>80 casos cl\u00ednicos<\/strong> atendidos<\/p>\n                <\/div>\n                \n                <div class=\"bar-point\">\n                    <i class=\"fas fa-certificate\"><\/i>\n                    <p>Diplomado en <strong>Odontolog\u00eda Est\u00e9tica<\/strong> por IDNTA<\/p>\n                <\/div>\n                \n                <div class=\"bar-point\">\n                    <i class=\"fas fa-leaf\"><\/i>\n                    <p>Atenci\u00f3n enfocada en <strong>est\u00e9tica, funci\u00f3n y bienestar<\/strong><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&family=Playfair+Display:wght@600;700&display=swap');\n\n\/* --- VARIABLES --- *\/\n:root {\n    --mj-dark: #606e84;\n    --mj-accent: #917d6f;\n    --mj-bg-main: #FAF9F6; \/* Fondo de dise\u00f1o suave *\/\n}\n\n.mj-hero-premium-v3 {\n    position: relative;\n    padding: 100px 5% 220px 5%; \/* M\u00e1s espacio abajo para evitar choque *\/\n    background-color: var(--mj-bg-main);\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    overflow: hidden;\n    min-height: 90vh;\n    display: flex;\n    align-items: center;\n}\n\n\/* --- FONDO ANIMADO AL FONDO (Z-INDEX 1) --- *\/\n.mj-bg-base {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    z-index: 1;\n    pointer-events: none; \/* No interfiere con clics *\/\n}\n\n.mj-aura-blob {\n    position: absolute;\n    width: 600px; height: 600px;\n    filter: blur(120px);\n    border-radius: 50%;\n    opacity: 0.15;\n    animation: floatAnim 20s infinite alternate ease-in-out;\n}\n\n.a-1 { background: var(--mj-accent); top: -10%; right: -5%; }\n.a-2 { background: var(--mj-dark); bottom: 10%; left: -10%; animation-delay: -5s; }\n\n@keyframes floatAnim {\n    0% { transform: translate(0,0) scale(1); }\n    100% { transform: translate(50px, 80px) scale(1.1); }\n}\n\n\/* --- CONTENIDO (Z-INDEX 2) --- *\/\n.hero-main-wrapper {\n    max-width: 1200px;\n    width: 100%;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n.hero-content-grid {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.hero-text-area h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2.5rem, 5vw, 3.5rem);\n    color: var(--mj-dark);\n    line-height: 1.1;\n    margin: 0 0 30px 0;\n}\n\n.hero-text-area h1 span {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-size: 1.5rem;\n    color: var(--mj-accent);\n    display: block;\n    margin-top: 10px;\n}\n\n.hero-text-area h1 small {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-size: 1.1rem;\n    color: #888;\n    font-weight: 400;\n    display: block;\n    margin-top: 5px;\n}\n\n.hero-description {\n    font-size: 1.1rem;\n    color: #555;\n    line-height: 1.8;\n    margin-bottom: 50px;\n    max-width: 550px;\n}\n\n.mj-main-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--mj-dark);\n    color: #fff !important;\n    padding: 22px 50px;\n    border-radius: 60px;\n    text-decoration: none !important;\n    font-weight: 700;\n    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    box-shadow: 0 10px 30px rgba(96, 110, 132, 0.2);\n    position: relative;\n    z-index: 10;\n}\n\n.mj-main-btn:hover {\n    background: var(--mj-accent);\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(145, 125, 111, 0.3);\n}\n\n\/* --- IMAGEN CON MARCO --- *\/\n.hero-visual-area {\n    position: relative;\n    z-index: 2;\n}\n\n.mj-image-layout {\n    position: relative;\n    padding: 15px;\n}\n\n.mj-blob-decorator {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: #fff;\n    border: 1px solid rgba(145, 125, 111, 0.1);\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n    animation: morph 15s infinite alternate ease-in-out;\n    z-index: -1;\n}\n\n.mj-image-layout img {\n    width: 100%;\n    border-radius: 25px;\n    box-shadow: 20px 20px 60px rgba(0,0,0,0.05);\n}\n\n@keyframes morph {\n    0% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\n    100% { border-radius: 60% 40% 30% 70% \/ 50% 60% 40% 60%; }\n}\n\n\/* --- BARRA FLOTANTE (Z-INDEX 3 - AL FRENTE) --- *\/\n.mj-info-bar-container {\n    position: absolute;\n    bottom: 40px; \/* M\u00e1s abajo para evitar choque *\/\n    left: 0; width: 100%;\n    z-index: 30;\n    display: flex;\n    justify-content: center;\n    padding: 0 5%;\n}\n\n.mj-info-bar {\n    width: 100%;\n    max-width: 1100px;\n    background: #fff;\n    padding: 35px 45px;\n    border-radius: 30px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.06);\n    border: 1px solid rgba(0,0,0,0.03);\n}\n\n.bar-grid {\n    display: grid;\n    grid-template-columns: 0.9fr 1fr 1.1fr 1.1fr;\n    gap: 30px;\n    align-items: center;\n}\n\n.bar-title h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.4rem;\n    color: var(--mj-dark);\n    margin: 0;\n    line-height: 1.2;\n}\n\n.bar-point {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    border-left: 1px solid #eee;\n    padding-left: 20px;\n}\n\n.bar-point i { color: var(--mj-accent); font-size: 1.2rem; }\n.bar-point p { font-size: 0.95rem; color: #555; margin: 0; line-height: 1.4; }\n\n\/* --- RESPONSIVO --- *\/\n@media (max-width: 1024px) {\n    .bar-grid { grid-template-columns: 1fr 1fr; gap: 30px; }\n    .bar-point:nth-child(2) { border-left: none; }\n}\n\n@media (max-width: 768px) {\n    .mj-hero-premium-v3 { padding: 80px 5% 50px 5%; height: auto; }\n    .hero-content-grid { grid-template-columns: 1fr; text-align: center; }\n    .hero-visual-area { order: -1; max-width: 380px; margin: 0 auto; }\n    .hero-description { margin: 0 auto 40px; }\n    .mj-info-bar-container { position: relative; bottom: 0; margin-top: 60px; padding: 0; }\n    .bar-grid { grid-template-columns: 1fr; }\n    .bar-point { border-left: none; border-top: 1px solid #eee; padding: 20px 0 0 0; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e74389 e-con-full e-flex e-con e-parent\" data-id=\"0e74389\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31f0ff0 elementor-widget elementor-widget-html\" data-id=\"31f0ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* FUENTES Y VARIABLES *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@500&display=swap');\n\n:root {\n    --mj-dark: #606e84;\n    --mj-accent: #917d6f;\n    --mj-gold-gradient: linear-gradient(135deg, #917d6f 0%, #bbb4aa 100%);\n}\n\n.treatments-section {\n    padding: 100px 5%;\n    background-color: #ffffff;\n    font-family: 'Inter', sans-serif;\n    text-align: center;\n}\n\n.treatments-header {\n    max-width: 800px;\n    margin: 0 auto 60px auto;\n}\n\n.treatments-section h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.8rem;\n    color: var(--mj-dark);\n    margin-bottom: 15px;\n}\n\n.treatments-section .intro-text {\n    font-size: 1.1rem;\n    color: var(--mj-accent);\n    line-height: 1.6;\n}\n\n\/* GRID DE CARDS: 3 columnas desktop, 2 columnas m\u00f3vil *\/\n.treatments-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    max-width: 1100px;\n    margin: 0 auto 50px auto;\n}\n\n\/* CARDS INNOVADORAS *\/\n.treatment-card {\n    background: #ffffff;\n    padding: 45px 25px;\n    border-radius: 15px;\n    border: 1px solid #f1f1f1;\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.treatment-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 15px 35px rgba(96, 110, 132, 0.08);\n    border-color: var(--mj-accent);\n}\n\n\/* ICONOS POR LINK *\/\n.card-icon-img {\n    width: 50px; \/* Ajusta el tama\u00f1o seg\u00fan necesites *\/\n    height: 50px;\n    margin-bottom: 25px;\n    object-fit: contain;\n    transition: transform 0.4s ease;\n}\n\n.treatment-card:hover .card-icon-img {\n    transform: scale(1.15) translateY(-5px);\n}\n\n.treatment-card h3 {\n    font-size: 1rem;\n    color: var(--mj-dark);\n    margin: 0;\n    font-weight: 600;\n    line-height: 1.4;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\/* FOOTER *\/\n.treatments-footer p {\n    font-style: italic;\n    color: var(--mj-dark);\n    margin-bottom: 35px;\n}\n\n\/* BOT\u00d3N LLAMATIVO INNOVADOR *\/\n.btn-premium {\n    display: inline-block;\n    padding: 22px 60px;\n    background: var(--mj-gold-gradient);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    border-radius: 4px; \/* Estilo Lexus\/Zara m\u00e1s recto *\/\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 0.85rem;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 20px rgba(145, 125, 111, 0.3);\n}\n\n\/* Efecto de brillo que pasa por el bot\u00f3n *\/\n.btn-premium::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);\n    transition: all 0.6s;\n}\n\n.btn-premium:hover::before {\n    left: 100%;\n}\n\n.btn-premium:hover {\n    transform: scale(1.03);\n    box-shadow: 0 15px 30px rgba(145, 125, 111, 0.4);\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 768px) {\n    .treatments-grid {\n        grid-template-columns: repeat(2, 1fr); \/* 2 Columnas en Celular *\/\n        gap: 15px;\n    }\n    .treatment-card {\n        padding: 30px 15px;\n    }\n    .treatment-card h3 {\n        font-size: 0.85rem;\n    }\n    .treatments-section h2 {\n        font-size: 2rem;\n    }\n}\n\n@media (max-width: 480px) {\n    \/* Si el celular es muy peque\u00f1o, mantenemos 2 columnas pero reducimos iconos *\/\n    .card-icon-img {\n        width: 40px;\n        height: 40px;\n    }\n}\n<\/style>\n\n<section class=\"treatments-section\">\n    <div class=\"treatments-header\">\n        <h2>Tratamientos que atiendo<\/h2>\n        <p class=\"intro-text\">En la consulta dental de primera vez, realizo una valoraci\u00f3n completa enfocada en salud bucal y est\u00e9tica dental<\/p>\n    <\/div>\n\n    <div class=\"treatments-grid\">\n        <div class=\"treatment-card\">\n            <img decoding=\"async\" src=\"LINK_ICONO_1\" alt=\"Limpieza\" class=\"card-icon-img\">\n            <h3>Limpieza dental<\/h3>\n        <\/div>\n\n        <div class=\"treatment-card\">\n            <img decoding=\"async\" src=\"LINK_ICONO_2\" alt=\"Sarro\" class=\"card-icon-img\">\n            <h3>Eliminaci\u00f3n de sarro<\/h3>\n        <\/div>\n\n        <div class=\"treatment-card\">\n            <img decoding=\"async\" src=\"LINK_ICONO_3\" alt=\"Est\u00e9tica\" class=\"card-icon-img\">\n            <h3>Evaluaci\u00f3n est\u00e9tica<\/h3>\n        <\/div>\n\n        <div class=\"treatment-card\">\n            <img decoding=\"async\" src=\"LINK_ICONO_4\" alt=\"Blanqueamiento\" class=\"card-icon-img\">\n            <h3>Blanqueamiento dental<\/h3>\n        <\/div>\n\n        <div class=\"treatment-card\">\n            <img decoding=\"async\" src=\"LINK_ICONO_5\" alt=\"Resinas\" class=\"card-icon-img\">\n            <h3>Resinas est\u00e9ticas<\/h3>\n        <\/div>\n\n        <div class=\"treatment-card\">\n            <img decoding=\"async\" src=\"LINK_ICONO_6\" alt=\"Sonrisa\" class=\"card-icon-img\">\n            <h3>Dise\u00f1o de sonrisa<\/h3>\n        <\/div>\n    <\/div>\n\n    <div class=\"treatments-footer\">\n        <p>Todo tratamiento inicia con un diagn\u00f3stico bien explicado<\/p>\n        <a href=\"https:\/\/wa.link\/55zak3\" class=\"btn-premium\">Quiero agendar<\/a>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e0d067 e-con-full e-flex e-con e-parent\" data-id=\"1e0d067\" data-element_type=\"container\" data-e-type=\"container\" id=\"Consulta\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17075a3 elementor-widget elementor-widget-html\" data-id=\"17075a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* VARIABLES Y FUENTES *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@500&display=swap');\n\n:root {\n    --mj-dark: #606e84;\n    --mj-accent: #917d6f;\n    --mj-beige: #bbb4aa;\n    --mj-light-bg: #f4f4f6;\n    --mj-white: #ffffff;\n}\n\n\/* ANIMACIONES CORREGIDAS *\/\n.reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n}\n\n.reveal.active {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* --- SECCI\u00d3N 1: CONSULTA DE PRIMERA VEZ --- *\/\n.pricing-section {\n    padding: 100px 5%;\n    background-color: var(--mj-white);\n    font-family: 'Inter', sans-serif;\n}\n\n.promo-container {\n    max-width: 1000px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    background: #fff;\n    border: 1px solid #eee;\n    padding: 60px;\n    border-radius: 8px;\n    align-items: center;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.03);\n}\n\n.promo-info h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    color: var(--mj-dark);\n    margin-bottom: 20px;\n}\n\n.price-tag {\n    font-size: 3rem;\n    font-weight: 300;\n    color: var(--mj-accent);\n    margin-bottom: 20px;\n    font-family: 'Playfair Display', serif;\n}\n\n.promo-list {\n    list-style: none;\n    padding: 0;\n    margin: 25px 0;\n}\n\n.promo-list li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    color: #555;\n    font-size: 0.95rem;\n    display: flex;\n    align-items: center;\n}\n\n.promo-list li::before {\n    content: '\u2713';\n    margin-right: 15px;\n    color: var(--mj-accent);\n    font-weight: bold;\n}\n\n\/* --- SECCI\u00d3N 2: SERVICIOS ADICIONALES --- *\/\n.additional-services {\n    background-color: var(--mj-light-bg);\n    padding: 100px 5%;\n    text-align: center;\n    font-family: 'Inter', sans-serif;\n}\n\n.additional-services h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.5rem;\n    color: var(--mj-dark);\n    margin-bottom: 50px;\n}\n\n.grid-servicios-visual {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n}\n\n.servicio-visual-item {\n    background: #fff;\n    border-radius: 12px;\n    overflow: hidden;\n    transition: all 0.4s ease;\n    border: 1px solid #eee;\n    text-align: left;\n}\n\n.servicio-visual-item:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n}\n\n.img-servicio {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.servicio-visual-item:hover .img-servicio {\n    transform: scale(1.1);\n}\n\n.info-servicio {\n    padding: 25px;\n}\n\n.info-servicio h3 {\n    font-size: 1.1rem;\n    color: var(--mj-dark);\n    margin-bottom: 10px;\n}\n\n.info-servicio .precio-sub {\n    color: var(--mj-accent);\n    font-weight: 600;\n}\n\n\/* --- SECCI\u00d3N 3: M\u00c9TODOS DE PAGO --- *\/\n.pagos-bar {\n    background: var(--mj-dark);\n    padding: 80px 5%;\n    color: white;\n    text-align: center;\n    font-family: 'Inter', sans-serif;\n}\n\n.pagos-container {\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 25px;\n    flex-wrap: wrap;\n    margin-bottom: 50px;\n}\n\n.metodo-pago {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: rgba(255,255,255,0.05);\n    padding: 15px 30px;\n    border-radius: 50px;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.15);\n    transition: all 0.3s ease;\n}\n\n.metodo-pago:hover {\n    background: rgba(255,255,255,0.15);\n    transform: scale(1.05);\n}\n\n.icono-pago {\n    width: 28px;\n    height: 28px;\n    object-fit: contain;\n    filter: brightness(0) invert(1);\n}\n\n\/* BOTONES MEJORADOS *\/\n.btn-cta-mj {\n    display: inline-block;\n    padding: 20px 50px;\n    background-color: var(--mj-dark);\n    color: #fff !important;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n}\n\n.btn-cta-mj:hover {\n    background-color: var(--mj-accent);\n    transform: translateY(-3px);\n}\n\n\/* Bot\u00f3n Final Ghost Style (M\u00e1s elegante) *\/\n.btn-ghost-white {\n    background-color: transparent;\n    color: #ffffff !important;\n    border: 1px solid rgba(255,255,255,0.4);\n}\n\n.btn-ghost-white:hover {\n    background-color: #ffffff;\n    color: var(--mj-dark) !important;\n    border-color: #ffffff;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 850px) {\n    .promo-container { grid-template-columns: 1fr; padding: 30px; }\n    .price-tag { font-size: 2.5rem; }\n}\n<\/style>\n\n<section class=\"pricing-section reveal\">\n    <div class=\"promo-container\">\n        <div class=\"promo-info\">\n            <h2>Consulta de primera vez con profilaxis dental<\/h2>\n            <p>Tu sonrisa puede verse mejor y sentirse saludable, con un diagn\u00f3stico claro desde la primera consulta.<\/p>\n            <div class=\"price-tag\">$1,200<\/div>\n            <a href=\"https:\/\/wa.link\/55zak3\" class=\"btn-cta-mj\">Programar mi cita<\/a>\n        <\/div>\n        <div class=\"promo-details\">\n            <p><strong>Incluye:<\/strong><\/p>\n            <ul class=\"promo-list\">\n                <li>Exploraci\u00f3n intraoral y extraoral<\/li>\n                <li>Diagn\u00f3stico cl\u00ednico<\/li>\n                <li>Eliminaci\u00f3n de c\u00e1lculo con ultrasonido<\/li>\n                <li>Pulido dental<\/li>\n                <li>T\u00e9cnica correcta de cepillado e hilo dental<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"additional-services\">\n    <h2 class=\"reveal\">Servicios adicionales<\/h2>\n    <div class=\"grid-servicios-visual\">\n        <div class=\"servicio-visual-item reveal\">\n            <img decoding=\"async\" src=\"URL_IMAGEN_LIMPIEZA\" class=\"img-servicio\" alt=\"Limpieza\">\n            <div class=\"info-servicio\">\n                <h3>Limpieza dental profesional<\/h3>\n                <span class=\"precio-sub\">Desde: $1,200<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"servicio-visual-item reveal\">\n            <img decoding=\"async\" src=\"URL_IMAGEN_RESINA\" class=\"img-servicio\" alt=\"Resina\">\n            <div class=\"info-servicio\">\n                <h3>Resina est\u00e9tica dental<\/h3>\n                <span class=\"precio-sub\">Desde: $1,100<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"servicio-visual-item reveal\">\n            <img decoding=\"async\" src=\"URL_IMAGEN_BLANQUEAMIENTO\" class=\"img-servicio\" alt=\"Blanqueamiento\">\n            <div class=\"info-servicio\">\n                <h3>Blanqueamiento dental<\/h3>\n                <span class=\"precio-sub\">Desde: $4,800<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"servicio-visual-item reveal\">\n            <img decoding=\"async\" src=\"URL_IMAGEN_CARILLAS\" class=\"img-servicio\" alt=\"Carillas\">\n            <div class=\"info-servicio\">\n                <h3>Carillas de resina directa<\/h3>\n                <span class=\"precio-sub\">Desde: $8,500 c\/u<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"servicio-visual-item reveal\">\n            <img decoding=\"async\" src=\"URL_IMAGEN_EXTRACCION\" class=\"img-servicio\" alt=\"Extracci\u00f3n\">\n            <div class=\"info-servicio\">\n                <h3>Extracci\u00f3n de terceros molares<\/h3>\n                <span class=\"precio-sub\">Desde: $3,500 c\/u<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"pagos-bar\">\n    <p style=\"text-transform: uppercase; letter-spacing: 3px; font-size: 0.75rem; margin-bottom: 40px; opacity: 0.6;\">M\u00e9todos de pago aceptados<\/p>\n    <div class=\"pagos-container reveal\">\n        <div class=\"metodo-pago\">\n            <img decoding=\"async\" src=\"URL_ICONO_EFECTIVO\" class=\"icono-pago\" alt=\"Efectivo\">\n            <span>Efectivo<\/span>\n        <\/div>\n        <div class=\"metodo-pago\">\n            <img decoding=\"async\" src=\"URL_ICONO_TRANSFERENCIA\" class=\"icono-pago\" alt=\"Transferencia\">\n            <span>Transferencia<\/span>\n        <\/div>\n        <div class=\"metodo-pago\">\n            <img decoding=\"async\" src=\"URL_ICONO_TARJETA\" class=\"icono-pago\" alt=\"Tarjetas\">\n            <span>TDD y TDC<\/span>\n        <\/div>\n    <\/div>\n    <a href=\"https:\/\/wa.link\/55zak3\" class=\"btn-cta-mj btn-ghost-white reveal\">Programar mi cita ahora<\/a>\n<\/section>\n\n<script>\n\/* SCRIPT PARA ACTIVAR ANIMACIONES AL HACER SCROLL *\/\nconst observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n            entry.target.classList.add('active');\n        }\n    });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.reveal').forEach((el) => observer.observe(el));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a493376 e-con-full e-flex e-con e-parent\" data-id=\"a493376\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18fb34f elementor-widget elementor-widget-html\" data-id=\"18fb34f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* 1. FUENTES Y VARIABLES (\u00c1MBITO LOCAL) *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@500&display=swap');\n\n.wp-mj-container {\n    --mj-dark: #606e84;\n    --mj-accent: #917d6f;\n    --mj-beige: #bbb4aa;\n    --mj-light-bg: #f4f4f6;\n    --mj-white: #ffffff;\n    \n    width: 100%;\n    overflow: hidden;\n    background: #ffffff;\n}\n\n\/* 2. ANIMACI\u00d3N DE REVELACI\u00d3N *\/\n.reveal-mj {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.9s cubic-bezier(0.17, 0.67, 0.83, 0.67);\n}\n\n.reveal-mj.active-mj {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* 3. DISE\u00d1O DE LA SECCI\u00d3N SONRISA *\/\n.smile-design-section {\n    padding: 100px 5%;\n    display: flex;\n    justify-content: center;\n}\n\n.smile-container {\n    max-width: 1100px;\n    display: grid;\n    grid-template-columns: 1fr 1.1fr; \/* Proporci\u00f3n elegante *\/\n    gap: 60px;\n    align-items: start;\n}\n\n.smile-text h2 {\n    font-family: 'Playfair Display', serif !important;\n    font-size: clamp(2rem, 4vw, 2.8rem) !important;\n    color: var(--mj-dark);\n    line-height: 1.2;\n    margin-bottom: 30px;\n}\n\n.sub-mj {\n    display: block;\n    font-size: 0.9rem;\n    font-family: 'Inter', sans-serif;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    color: var(--mj-accent);\n    margin-bottom: 10px;\n}\n\n.smile-description {\n    font-family: 'Inter', sans-serif;\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: #444;\n    margin-bottom: 25px;\n}\n\n.smile-highlight {\n    border-left: 2px solid var(--mj-beige);\n    padding-left: 25px;\n    font-style: italic;\n    color: var(--mj-dark);\n    margin: 40px 0;\n    font-size: 1.1rem;\n}\n\n\/* 4. TARJETA DE TRATAMIENTOS (LADO DERECHO) *\/\n.smile-treatments-box {\n    background: var(--mj-light-bg);\n    padding: 50px;\n    border-radius: 4px;\n    position: relative;\n}\n\n.smile-treatments-box h3 {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 1.6rem !important;\n    color: var(--mj-dark);\n    margin-bottom: 30px;\n}\n\n.list-mj {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 0 40px 0 !important;\n}\n\n.list-mj li {\n    padding: 15px 0 !important;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n    display: flex;\n    align-items: center;\n    color: var(--mj-dark);\n    font-weight: 500;\n}\n\n.list-mj li::before {\n    content: \"\u2726\";\n    margin-right: 15px;\n    color: var(--mj-accent);\n}\n\n.note-mj {\n    font-size: 0.9rem;\n    color: #777;\n    margin-bottom: 30px;\n}\n\n\/* 5. BOT\u00d3N DISE\u00d1O PREMIUM *\/\n.btn-premium-mj {\n    display: block;\n    width: 100%;\n    padding: 22px;\n    background-color: var(--mj-accent);\n    color: #ffffff !important;\n    text-align: center;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    font-size: 0.85rem;\n    transition: all 0.4s ease;\n    border: none;\n    cursor: pointer;\n}\n\n.btn-premium-mj:hover {\n    background-color: var(--mj-dark);\n    transform: translateY(-3px);\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n}\n\n\/* 6. RESPONSIVE *\/\n@media (max-width: 900px) {\n    .smile-container { grid-template-columns: 1fr; }\n    .smile-treatments-box { padding: 30px; }\n    .smile-text h2 { font-size: 2.2rem !important; }\n}\n<\/style>\n\n<div class=\"wp-mj-container\">\n    <section class=\"smile-design-section\">\n        <div class=\"smile-container\">\n            \n            <div class=\"smile-text reveal-mj\">\n                <h2>\n                    <span class=\"sub-mj\">Filosof\u00eda Est\u00e9tica<\/span>\n                    Dise\u00f1o de sonrisa y limpieza dental en CDMX\n                <\/h2>\n                <p class=\"smile-description\">\n                    <strong>Una sonrisa est\u00e9tica siempre comienza con una boca sana<\/strong>\n                <\/p>\n                <p class=\"smile-description\">\n                    La limpieza dental profesional permite evaluar correctamente dientes y enc\u00edas, detectar problemas a tiempo y preparar la boca para tratamientos como blanqueamiento dental, resinas est\u00e9ticas o dise\u00f1o de sonrisa\n                <\/p>\n                <div class=\"smile-highlight\">\n                    En consulta realizo una evaluaci\u00f3n est\u00e9tica detallada, donde analizo forma, color, proporci\u00f3n dental y mordida para determinar si eres candidato(a) a un tratamiento est\u00e9tico\n                <\/div>\n            <\/div>\n\n            <div class=\"smile-treatments-box reveal-mj\">\n                <h3>\u00bfQu\u00e9 tratamientos pueden formar parte de un dise\u00f1o de sonrisa?<\/h3>\n                <ul class=\"list-mj\">\n                    <li>Resinas est\u00e9ticas<\/li>\n                    <li>Blanqueamiento dental profesional<\/li>\n                    <li>Carillas de resina directa<\/li>\n                    <li>Correcciones m\u00ednimas de forma y color<\/li>\n                <\/ul>\n                \n                <p class=\"note-mj\">\n                    Muchos tratamientos est\u00e9ticos solo pueden realizarse correctamente cuando la boca est\u00e1 sana. Por eso, la prevenci\u00f3n es clave\n                <\/p>\n\n                <a href=\"https:\/\/wa.link\/55zak3\" target=\"_blank\" class=\"btn-premium-mj\">\n                    Agenda tu valoraci\u00f3n para dise\u00f1o de sonrisa\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n\/** * Script de detecci\u00f3n de scroll para WordPress\n * Activa las clases .reveal-mj cuando entran en pantalla\n *\/\n(function() {\n    function mj_reveal() {\n        const reveals = document.querySelectorAll(\".reveal-mj\");\n        for (let i = 0; i < reveals.length; i++) {\n            let windowHeight = window.innerHeight;\n            let elementTop = reveals[i].getBoundingClientRect().top;\n            let elementVisible = 150;\n            if (elementTop < windowHeight - elementVisible) {\n                reveals[i].classList.add(\"active-mj\");\n            }\n        }\n    }\n    window.addEventListener(\"scroll\", mj_reveal);\n    \/\/ Ejecutar una vez al cargar por si el elemento ya est\u00e1 a la vista\n    window.addEventListener(\"load\", mj_reveal);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-832ebb1 e-con-full e-flex e-con e-parent\" data-id=\"832ebb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb70ef9 elementor-widget elementor-widget-html\" data-id=\"fb70ef9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* 1. VARIABLES Y CONTENEDOR *\/\n.mj-installations-wrapper {\n    --mj-dark: #606e84;\n    --mj-accent: #917d6f;\n    --mj-white: #ffffff;\n    padding: 100px 5%;\n    background-color: #fff;\n    font-family: 'Inter', sans-serif;\n}\n\n.mj-installations-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 60px;\n    align-items: center;\n}\n\n\/* 2. TEXTO IZQUIERDA *\/\n.mj-inst-text h2 {\n    font-family: 'Playfair Display', serif !important;\n    font-size: clamp(2.2rem, 4vw, 3rem) !important;\n    color: var(--mj-dark);\n    margin-bottom: 25px;\n    line-height: 1.2;\n}\n\n.mj-inst-text p {\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: #555;\n    margin-bottom: 20px;\n}\n\n.mj-inst-badge {\n    display: inline-block;\n    padding: 8px 15px;\n    background: #f4f4f6;\n    border-radius: 4px;\n    color: var(--mj-accent);\n    font-weight: 600;\n    font-size: 0.85rem;\n    margin-bottom: 15px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n\/* 3. CARRUSEL LLAMATIVO (DERECHA) *\/\n.mj-carousel-viewport {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border-radius: 8px;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.1);\n}\n\n.mj-carousel-track {\n    display: flex;\n    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.mj-slide {\n    min-width: 100%;\n    position: relative;\n}\n\n.mj-slide img {\n    width: 100%;\n    height: 500px; \/* Altura fija para el carrusel *\/\n    object-fit: cover;\n    display: block;\n}\n\n\/* Controles del carrusel *\/\n.mj-nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255, 255, 255, 0.9);\n    border: none;\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.mj-nav-btn:hover {\n    background: var(--mj-accent);\n    color: white;\n}\n\n.mj-prev { left: 20px; }\n.mj-next { right: 20px; }\n\n\/* Indicadores (puntos abajo) *\/\n.mj-dots {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 20px;\n}\n\n.mj-dot {\n    width: 10px;\n    height: 10px;\n    background: #ddd;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background 0.3s;\n}\n\n.mj-dot.active {\n    background: var(--mj-accent);\n    width: 25px;\n    border-radius: 10px;\n}\n\n\/* 4. RESPONSIVE *\/\n@media (max-width: 900px) {\n    .mj-installations-container { grid-template-columns: 1fr; gap: 40px; }\n    .mj-slide img { height: 350px; }\n    .mj-inst-text { text-align: center; }\n}\n<\/style>\n\n<div class=\"mj-installations-wrapper\">\n    <div class=\"mj-installations-container\">\n        \n        <div class=\"mj-inst-text reveal-mj\">\n            <span class=\"mj-inst-badge\">Tu espacio de confianza<\/span>\n            <h2>Instalaciones<\/h2>\n            <p>\n                Cuento con instalaciones c\u00f3modas, seguras y bien ubicadas, ideales si buscas un dentista cerca en <strong>Benito Ju\u00e1rez o Insurgentes Sur<\/strong>.\n            <\/p>\n            <p>\n                Ofrecemos un acceso sencillo y un ambiente tranquilo, dise\u00f1ado espec\u00edficamente para que tu atenci\u00f3n dental sea una experiencia de bienestar desde que entras por la puerta\n            <\/p>\n        <\/div>\n\n        <div class=\"mj-carousel-section reveal-mj\">\n            <div class=\"mj-carousel-viewport\">\n                <div class=\"mj-carousel-track\" id=\"mj-track\">\n                    <div class=\"mj-slide\">\n                        <img decoding=\"async\" src=\"URL_FOTO_CONSULTORIO\" alt=\"Consultorio Dra. Mar\u00eda Jos\u00e9\">\n                    <\/div>\n                    <div class=\"mj-slide\">\n                        <img decoding=\"async\" src=\"URL_FOTO_EQUIPO\" alt=\"Equipo Dental Premium\">\n                    <\/div>\n                    <div class=\"mj-slide\">\n                        <img decoding=\"async\" src=\"URL_FOTO_RECEPCION\" alt=\"Recepci\u00f3n Dentista Benito Ju\u00e1rez\">\n                    <\/div>\n                <\/div>\n\n                <button class=\"mj-nav-btn mj-prev\" onclick=\"moveSlide(-1)\">&#10094;<\/button>\n                <button class=\"mj-nav-btn mj-next\" onclick=\"moveSlide(1)\">&#10095;<\/button>\n            <\/div>\n            \n            <div class=\"mj-dots\" id=\"mj-dots-container\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n\/* L\u00f3gica del Carrusel *\/\nlet currentSlide = 0;\nconst track = document.getElementById('mj-track');\nconst slides = document.querySelectorAll('.mj-slide');\nconst dotsContainer = document.getElementById('mj-dots-container');\n\n\/\/ Crear puntos din\u00e1micamente\nslides.forEach((_, i) => {\n    const dot = document.createElement('div');\n    dot.classList.add('mj-dot');\n    if (i === 0) dot.classList.add('active');\n    dot.addEventListener('click', () => goToSlide(i));\n    dotsContainer.appendChild(dot);\n});\n\nconst dots = document.querySelectorAll('.mj-dot');\n\nfunction updateDots() {\n    dots.forEach((dot, i) => {\n        dot.classList.toggle('active', i === currentSlide);\n    });\n}\n\nfunction goToSlide(n) {\n    currentSlide = n;\n    track.style.transform = `translateX(-${currentSlide * 100}%)`;\n    updateDots();\n}\n\nfunction moveSlide(step) {\n    currentSlide = (currentSlide + step + slides.length) % slides.length;\n    goToSlide(currentSlide);\n}\n\n\/\/ Auto-reproducci\u00f3n cada 5 segundos\nsetInterval(() => moveSlide(1), 5000);\n\n\/* Reutilizando tu animaci\u00f3n reveal *\/\nwindow.addEventListener('scroll', () => {\n    const reveals = document.querySelectorAll(\".reveal-mj\");\n    reveals.forEach(r => {\n        let windowHeight = window.innerHeight;\n        let elementTop = r.getBoundingClientRect().top;\n        if (elementTop < windowHeight - 150) r.classList.add(\"active-mj\");\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d43613 e-con-full e-flex e-con e-parent\" data-id=\"3d43613\" data-element_type=\"container\" data-e-type=\"container\" id=\"Sobremi\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8cf78e elementor-widget elementor-widget-html\" data-id=\"b8cf78e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* 1. VARIABLES Y ESTRUCTURA GENERAL *\/\n.mj-about-wrapper {\n    --mj-dark: #606e84;\n    --mj-accent: #917d6f;\n    --mj-beige: #bbb4aa;\n    --mj-light-bg: #f9f9fb;\n    padding: 100px 5%;\n    background-color: var(--mj-light-bg);\n    font-family: 'Inter', sans-serif;\n}\n\n.mj-about-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: 60px;\n    align-items: start;\n}\n\n\/* 2. FOTO PRINCIPAL DOCTORA *\/\n.mj-about-photo img {\n    width: 100%;\n    height: auto;\n    border-radius: 8px;\n    box-shadow: 15px 15px 0px 0px rgba(145, 125, 111, 0.1);\n    object-fit: cover;\n}\n\n\/* 3. CONTENIDO DE TEXTO *\/\n.mj-about-content h2 {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 2.5rem !important;\n    color: var(--mj-dark);\n    margin-bottom: 5px;\n    line-height: 1.2;\n}\n\n.mj-cedula {\n    display: block;\n    font-size: 0.85rem;\n    color: #888;\n    letter-spacing: 1px;\n    margin-bottom: 30px;\n    text-transform: uppercase;\n}\n\n\/* 4. TRAYECTORIA CON LOGOS INDEPENDIENTES *\/\n.mj-trayectoria-container {\n    margin: 40px 0;\n}\n\n.mj-trayectoria-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    background: #ffffff;\n    padding: 20px;\n    margin-bottom: 15px;\n    border-radius: 6px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    transition: transform 0.3s ease;\n}\n\n.mj-trayectoria-item:hover {\n    transform: translateX(10px);\n}\n\n.mj-logo-estudio {\n    width: 60px; \/* Tama\u00f1o del logo *\/\n    height: 60px;\n    object-fit: contain;\n    flex-shrink: 0;\n}\n\n.mj-texto-estudio {\n    font-size: 0.95rem;\n    color: #555;\n    line-height: 1.4;\n    font-weight: 500;\n}\n\n\/* 5. CITA Y BOT\u00d3N *\/\n.mj-quote {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 1.2rem;\n    color: var(--mj-dark);\n    border-left: 3px solid var(--mj-accent);\n    padding-left: 25px;\n    margin: 35px 0;\n}\n\n.btn-contact-mj {\n    display: inline-block;\n    padding: 20px 50px;\n    background-color: var(--mj-accent);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    font-size: 0.8rem;\n    transition: 0.3s;\n}\n\n\/* 6. RESPONSIVE *\/\n@media (max-width: 950px) {\n    .mj-about-container { grid-template-columns: 1fr; }\n    .mj-trayectoria-item { padding: 15px; }\n    .mj-logo-estudio { width: 50px; height: 50px; }\n}\n<\/style>\n\n<section class=\"mj-about-wrapper\">\n    <div class=\"mj-about-container\">\n        \n        <div class=\"mj-about-photo reveal-mj\">\n            <img decoding=\"async\" src=\"URL_DE_TU_FOTO_DOCTORA\" alt=\"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas\">\n        <\/div>\n\n        <div class=\"mj-about-content reveal-mj\">\n            <h2>Dra. Mar\u00eda Jos\u00e9 Mac\u00edas<\/h2>\n            <span class=\"mj-cedula\">C\u00e9dula Profesional: 14136407<\/span>\n            \n            <p style=\"line-height: 1.8; color: #444; margin-bottom: 25px;\">\n                \u00a1Hola! Soy la <strong>Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Fern\u00e1ndez<\/strong>. Soy cirujana dentista con un enfoque en odontolog\u00eda est\u00e9tica y ortodoncia, convencida de que una buena atenci\u00f3n dental comienza con un diagn\u00f3stico preciso, una explicaci\u00f3n honesta y un trato cercano\n            <\/p>\n\n            <h3 style=\"font-size: 0.9rem; text-transform: uppercase; letter-spacing: 2px; color: var(--mj-accent); margin-bottom: 20px;\">Formaci\u00f3n acad\u00e9mica<\/h3>\n\n            <div class=\"mj-trayectoria-container\">\n                \n                <div class=\"mj-trayectoria-item\">\n                    <img decoding=\"async\" src=\"URL_LOGO_UNAM\" class=\"mj-logo-estudio\" alt=\"Logo UNAM\">\n                    <div class=\"mj-texto-estudio\">Licenciatura en Cirujana Dentista por la Universidad Nacional Aut\u00f3noma de M\u00e9xico (UNAM)<\/div>\n                <\/div>\n\n                <div class=\"mj-trayectoria-item\">\n                    <img decoding=\"async\" src=\"URL_LOGO_IDNTA\" class=\"mj-logo-estudio\" alt=\"Logo IDNTA\">\n                    <div class=\"mj-texto-estudio\">Diplomado en Odontolog\u00eda Est\u00e9tica por el Instituto IDNTA<\/div>\n                <\/div>\n\n                <div class=\"mj-trayectoria-item\">\n                    <img decoding=\"async\" src=\"URL_LOGO_CEIO\" class=\"mj-logo-estudio\" alt=\"Logo CEIO\">\n                    <div class=\"mj-texto-estudio\">Formaci\u00f3n en Ortodoncia por CEIO<\/div>\n                <\/div>\n\n            <\/div>\n\n            <p style=\"line-height: 1.8; color: #444;\">\n                Mi forma de trabajar se basa en escuchar y acompa\u00f1arte. Antes de iniciar cualquier tratamiento, me tomo el tiempo de explicarte tu diagn\u00f3stico, las opciones disponibles y lo que realmente necesitas\n            <\/p>\n\n            <div class=\"mj-quote\">\n                \u201cMi objetivo es brindarte una atenci\u00f3n dental honesta, personalizada y bien explicada, donde importas t\u00fa y tu sonrisa\u201d\n            <\/div>\n\n            <a href=\"https:\/\/wa.link\/55zak3\" class=\"btn-contact-mj\">Cont\u00e1ctame<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    function mj_reveal() {\n        const reveals = document.querySelectorAll(\".reveal-mj\");\n        reveals.forEach(r => {\n            let windowHeight = window.innerHeight;\n            let elementTop = r.getBoundingClientRect().top;\n            if (elementTop < windowHeight - 100) r.classList.add(\"active-mj\");\n        });\n    }\n    window.addEventListener(\"scroll\", mj_reveal);\n    window.addEventListener(\"load\", mj_reveal);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1166db e-con-full e-flex e-con e-parent\" data-id=\"d1166db\" data-element_type=\"container\" data-e-type=\"container\" id=\"Testimonios\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3628646 elementor-widget elementor-widget-html\" data-id=\"3628646\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"mj-testimonios-premium-seccion\" class=\"mj-wp-wrapper-p\">\n    <style>\n        \/* 1. ESTRUCTURA COMPACTA *\/\n        .mj-wp-wrapper-p {\n            padding: 30px 20px; \/* Reducido de 80px a 30px *\/\n            background: #ffffff;\n            font-family: 'Inter', sans-serif;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .mj-wp-wrapper-p h2 {\n            text-align: center;\n            font-family: 'Playfair Display', serif !important;\n            color: #606e84;\n            font-size: 1.8rem !important; \/* Un poco m\u00e1s peque\u00f1o para optimizar *\/\n            margin-bottom: 25px; \/* Reducido de 50px a 25px *\/\n            letter-spacing: -0.5px;\n        }\n\n        .mj-slider-view-p {\n            max-width: 1100px;\n            margin: 0 auto;\n            overflow: hidden;\n        }\n\n        .mj-slider-track-p {\n            display: flex;\n            transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n        }\n\n        \/* 2. DISE\u00d1O DE TARJETA AJUSTADO *\/\n        .mj-testimonial-item-p {\n            min-width: 50%;\n            padding: 10px; \/* Reducido para que las cards est\u00e9n m\u00e1s juntas *\/\n            box-sizing: border-box;\n        }\n\n        .mj-card-premium {\n            background: #ffffff;\n            padding: 25px; \/* Reducido de 40px a 25px *\/\n            border-radius: 12px;\n            border: 1px solid #f0f0f0;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n            transition: all 0.3s ease;\n        }\n\n        \/* ICONO DE PERSONA COMPACTO *\/\n        .mj-icon-profile {\n            width: 40px;\n            height: 40px;\n            background: rgba(145, 125, 111, 0.1);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 15px;\n            color: #917d6f;\n        }\n\n        .mj-user-svg { width: 20px; height: 20px; fill: currentColor; }\n\n        .mj-stars-wp-p { color: #FFD700; font-size: 12px; margin-bottom: 12px; }\n\n        .mj-quote-text-p {\n            font-size: 14px;\n            line-height: 1.5;\n            color: #4a5568;\n            font-style: italic;\n            margin-bottom: 15px;\n        }\n\n        .mj-divider {\n            width: 30px;\n            height: 1px;\n            background: #e2e8f0;\n            margin-bottom: 10px;\n        }\n\n        .mj-author-name-p {\n            font-weight: 700;\n            color: #917d6f;\n            font-size: 10px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n\n        \/* 3. DOTS COMPACTOS *\/\n        .mj-dots-wp-p {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 20px;\n        }\n\n        .mj-dot-wp-p {\n            width: 8px;\n            height: 8px;\n            background: #e2e8f0;\n            border-radius: 50%;\n            cursor: pointer;\n        }\n\n        .mj-dot-wp-p.active { background: #917d6f; width: 20px; border-radius: 4px; }\n\n        @media (max-width: 768px) {\n            .mj-testimonial-item-p { min-width: 100%; }\n            .mj-wp-wrapper-p { padding: 20px 10px; }\n        }\n    <\/style>\n\n    <h2>Testimonios<\/h2>\n\n    <div class=\"mj-slider-view-p\">\n        <div class=\"mj-slider-track-p\" id=\"track-mj-p\">\n            <div class=\"mj-testimonial-item-p\">\n                <div class=\"mj-card-premium\">\n                    <div class=\"mj-icon-profile\">\n                        <svg class=\"mj-user-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"mj-stars-wp-p\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"mj-quote-text-p\">\"Excelente trato, c\u00e1lida y profesional. Se toma el tiempo para resolver todas las dudas.\"<\/p>\n                    <div class=\"mj-divider\"><\/div>\n                    <span class=\"mj-author-name-p\">Constanza Mac\u00edas<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"mj-testimonial-item-p\">\n                <div class=\"mj-card-premium\">\n                    <div class=\"mj-icon-profile\">\n                        <svg class=\"mj-user-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"mj-stars-wp-p\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"mj-quote-text-p\">\"Atenci\u00f3n excepcional; muy paciente y se nota que le apasiona lo que hace.\"<\/p>\n                    <div class=\"mj-divider\"><\/div>\n                    <span class=\"mj-author-name-p\">Adrian Vega Reyes<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"mj-testimonial-item-p\">\n                <div class=\"mj-card-premium\">\n                    <div class=\"mj-icon-profile\">\n                        <svg class=\"mj-user-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"mj-stars-wp-p\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"mj-quote-text-p\">\"Mi dentista de confianza. Te explica todo sin dolor alguno. La recomiendo totalmente.\"<\/p>\n                    <div class=\"mj-divider\"><\/div>\n                    <span class=\"mj-author-name-p\">L\u00f3pez Cruz Brenda<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"mj-testimonial-item-p\">\n                <div class=\"mj-card-premium\">\n                    <div class=\"mj-icon-profile\">\n                        <svg class=\"mj-user-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"mj-stars-wp-p\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"mj-quote-text-p\">\"Tengo un umbral de dolor bajo y con ella no he padecido nada. Muy atenta.\"<\/p>\n                    <div class=\"mj-divider\"><\/div>\n                    <span class=\"mj-author-name-p\">Andr\u00e9s Sestier Castro<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"mj-testimonial-item-p\">\n                <div class=\"mj-card-premium\">\n                    <div class=\"mj-icon-profile\">\n                        <svg class=\"mj-user-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"mj-stars-wp-p\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"mj-quote-text-p\">\"Excelente doctora, me atendi\u00f3 a m\u00ed y a mi hijo. Trato cordial con los ni\u00f1os.\"<\/p>\n                    <div class=\"mj-divider\"><\/div>\n                    <span class=\"mj-author-name-p\">Christian Fernandez<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"mj-dots-wp-p\" id=\"dots-mj-p\"><\/div>\n    <\/div>\n\n    <script>\n    (function() {\n        setTimeout(function() {\n            const track = document.getElementById('track-mj-p');\n            const dotsBox = document.getElementById('dots-mj-p');\n            if(!track || !dotsBox) return;\n\n            const items = track.children;\n            let currentIdx = 0;\n            let totalSteps = 0;\n\n            function init() {\n                dotsBox.innerHTML = '';\n                const isMobile = window.innerWidth <= 768;\n                totalSteps = isMobile ? items.length : items.length - 1;\n\n                for(let i=0; i < totalSteps; i++) {\n                    const d = document.createElement('div');\n                    d.className = i === 0 ? 'mj-dot-wp-p active' : 'mj-dot-wp-p';\n                    d.onclick = function() { currentIdx = i; move(); };\n                    dotsBox.appendChild(d);\n                }\n            }\n\n            function move() {\n                const isMobile = window.innerWidth <= 768;\n                const percent = isMobile ? 100 : 50;\n                track.style.transform = 'translateX(-' + (currentIdx * percent) + '%)';\n                const allDots = dotsBox.querySelectorAll('.mj-dot-wp-p');\n                allDots.forEach((d, i) => d.classList.toggle('active', i === currentIdx));\n            }\n\n            window.addEventListener('resize', function() { currentIdx = 0; init(); move(); });\n            init(); move();\n            setInterval(function() {\n                if(totalSteps > 0) {\n                    currentIdx = (currentIdx + 1) % totalSteps;\n                    move();\n                }\n            }, 5000);\n        }, 500);\n    })();\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7247e90 e-con-full e-flex e-con e-parent\" data-id=\"7247e90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f5912e elementor-widget elementor-widget-html\" data-id=\"0f5912e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mj-faq-boutique\">\n    <style>\n        .mj-faq-boutique {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 40px 20px;\n            font-family: 'Inter', sans-serif;\n        }\n\n        .mj-faq-boutique h2 {\n            font-family: 'Playfair Display', serif !important;\n            text-align: center;\n            color: #606e84;\n            font-size: 2.2rem !important;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        \/* L\u00ednea decorativa bajo el t\u00edtulo *\/\n        .mj-faq-boutique h2::after {\n            content: '';\n            display: block;\n            width: 50px;\n            height: 2px;\n            background: #917d6f;\n            margin: 15px auto 0;\n            opacity: 0.6;\n        }\n\n        .mj-faq-item-b {\n            margin-bottom: 25px;\n            background: #ffffff;\n            border-bottom: 1px solid #f0f0f0; \/* Dise\u00f1o m\u00e1s abierto, sin bordes laterales *\/\n            transition: all 0.4s ease;\n        }\n\n        .mj-faq-head-b {\n            padding: 20px 0;\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            cursor: pointer;\n        }\n\n        \/* Indicador de n\u00famero sutil *\/\n        .mj-faq-num {\n            font-family: 'Playfair Display', serif;\n            font-size: 0.9rem;\n            color: #917d6f;\n            opacity: 0.5;\n            font-style: italic;\n            width: 30px;\n        }\n\n        .mj-faq-head-b span {\n            font-size: 1.1rem;\n            font-weight: 500;\n            color: #444;\n            flex-grow: 1;\n            transition: 0.3s;\n        }\n\n        \/* Flecha minimalista *\/\n        .mj-faq-arrow {\n            width: 12px;\n            height: 12px;\n            border-right: 2px solid #bbb4aa;\n            border-bottom: 2px solid #bbb4aa;\n            transform: rotate(45deg);\n            transition: all 0.4s ease;\n            margin-right: 10px;\n        }\n\n        .mj-faq-body-b {\n            max-height: 0;\n            overflow: hidden;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            padding-left: 50px; \/* Alineado con el texto, no con el n\u00famero *\/\n        }\n\n        .mj-faq-body-b p {\n            padding-bottom: 25px;\n            margin: 0;\n            color: #777;\n            line-height: 1.8;\n            font-size: 0.95rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.4s ease;\n        }\n\n        \/* ESTADO ACTIVO *\/\n        .mj-faq-item-b.is-active .mj-faq-head-b span {\n            color: #917d6f;\n            font-weight: 600;\n        }\n\n        .mj-faq-item-b.is-active .mj-faq-arrow {\n            transform: rotate(-135deg);\n            border-color: #917d6f;\n        }\n\n        .mj-faq-item-b.is-active .mj-faq-body-b {\n            max-height: 200px;\n        }\n\n        .mj-faq-item-b.is-active .mj-faq-body-b p {\n            opacity: 1;\n            transform: translateY(0);\n            transition-delay: 0.1s;\n        }\n\n        @media (max-width: 600px) {\n            .mj-faq-body-b { padding-left: 0; }\n            .mj-faq-num { display: none; }\n            .mj-faq-head-b span { font-size: 1rem; }\n        }\n    <\/style>\n\n    <h2>Preguntas frecuentes<\/h2>\n\n    <div class=\"mj-faq-list-b\">\n        \n        <div class=\"mj-faq-item-b\">\n            <div class=\"mj-faq-head-b\" onclick=\"this.parentElement.classList.toggle('is-active')\">\n                <div class=\"mj-faq-num\">01<\/div>\n                <span>\u00bfLa consulta incluye limpieza?<\/span>\n                <div class=\"mj-faq-arrow\"><\/div>\n            <\/div>\n            <div class=\"mj-faq-body-b\">\n                <p>S\u00ed. La consulta de primera vez incluye profilaxis dental completa para iniciar tu tratamiento con la mejor base posible<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"mj-faq-item-b\">\n            <div class=\"mj-faq-head-b\" onclick=\"this.parentElement.classList.toggle('is-active')\">\n                <div class=\"mj-faq-num\">02<\/div>\n                <span>\u00bfEl blanqueamiento da\u00f1a los dientes?<\/span>\n                <div class=\"mj-faq-arrow\"><\/div>\n            <\/div>\n            <div class=\"mj-faq-body-b\">\n                <p>Bajo supervisi\u00f3n profesional y con un diagn\u00f3stico correcto, es un procedimiento seguro que no afecta la estructura interna del diente<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"mj-faq-item-b\">\n            <div class=\"mj-faq-head-b\" onclick=\"this.parentElement.classList.toggle('is-active')\">\n                <div class=\"mj-faq-num\">03<\/div>\n                <span>\u00bfAcepta tarjetas?<\/span>\n                <div class=\"mj-faq-arrow\"><\/div>\n            <\/div>\n            <div class=\"mj-faq-body-b\">\n                <p>S\u00ed, acepto efectivo, transferencias bancarias y todas las tarjetas de cr\u00e9dito o d\u00e9bito (Visa y Mastercard)<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"mj-faq-item-b\">\n            <div class=\"mj-faq-head-b\" onclick=\"this.parentElement.classList.toggle('is-active')\">\n                <div class=\"mj-faq-num\">04<\/div>\n                <span>\u00bfNecesito estudios previos?<\/span>\n                <div class=\"mj-faq-arrow\"><\/div>\n            <\/div>\n            <div class=\"mj-faq-body-b\">\n                <p>No es necesario. En la primera valoraci\u00f3n te indicar\u00e9 si requerimos alguna radiograf\u00eda o estudio espec\u00edfico para tu caso<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"mj-faq-item-b\">\n            <div class=\"mj-faq-head-b\" onclick=\"this.parentElement.classList.toggle('is-active')\">\n                <div class=\"mj-faq-num\">05<\/div>\n                <span>\u00bfRealizas cirug\u00edas dentales?<\/span>\n                <div class=\"mj-faq-arrow\"><\/div>\n            <\/div>\n            <div class=\"mj-faq-body-b\">\n                <p>S\u00ed, realizo extracciones y cirug\u00eda de terceros molares tras una evaluaci\u00f3n cl\u00ednica exhaustiva para asegurar un proceso sin dolor<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b2df7a e-con-full e-flex e-con e-parent\" data-id=\"2b2df7a\" data-element_type=\"container\" data-e-type=\"container\" id=\"Contacto\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e596ca elementor-widget elementor-widget-html\" data-id=\"9e596ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<div id=\"dentista-contacto-premium\">\n    <section class=\"dc-section\">\n        <div class=\"dc-container\">\n            \n            <div class=\"dc-header\">\n                <span class=\"dc-tag\">Contacto<\/span>\n                <h2 class=\"dc-h2\">Te espera una nueva sonrisa. Estoy aqu\u00ed para acompa\u00f1arte con atenci\u00f3n cercana y el tiempo que tu salud bucal se merece<\/h2>\n            <\/div>\n\n            <div class=\"dc-grid\">\n                \n                <div class=\"dc-col dc-fullwidth\">\n                    <div class=\"dc-title\">\n                        <i class=\"fas fa-location-dot main-icon\"><\/i>\n                        <h3>Encu\u00e9ntrame en:<\/h3>\n                    <\/div>\n                    \n                    <div class=\"dc-loc-item\">\n                        <strong>Consultorio Dental<\/strong>\n                        <p>Av. Insurgentes Sur 1180, Tlacoquemecatl del Valle, Benito Ju\u00e1rez, 03200 Ciudad de M\u00e9xico, CDMX.<\/p>\n                        <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Av.+Insurgentes+Sur+1180,+Benito+Juarez\" target=\"_blank\" class=\"dc-map-link\">\n                            <i class=\"fas fa-map-location-dot\"><\/i> Ver en Google Maps\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"dc-col\">\n                    <div class=\"dc-title\">\n                        <i class=\"fas fa-clock main-icon\"><\/i>\n                        <h3>Horarios de atenci\u00f3n<\/h3>\n                    <\/div>\n                    <div class=\"dc-hours-card\">\n                        <div class=\"dc-hour-row\"><span>Lunes a Jueves:<\/span> <strong>9:00 am \u2013 8:00 pm<\/strong><\/div>\n                        <div class=\"dc-hour-row\"><span>Viernes y S\u00e1bados:<\/span> <strong>9:00 am \u2013 2:00 pm<\/strong><\/div>\n                        \n                    <\/div>\n                <\/div>\n\n                <div class=\"dc-col\">\n                    <div class=\"dc-title\">\n                        <i class=\"fas fa-comments main-icon\"><\/i>\n                        <h3>Contacto Directo<\/h3>\n                    <\/div>\n                    <div class=\"dc-direct-links\">\n                        <a href=\"https:\/\/wa.link\/55zak3\" target=\"_blank\" class=\"dc-wa-btn\">\n                            <i class=\"fab fa-whatsapp\"><\/i>\n                            <div class=\"dc-btn-text\">\n                                <small>WhatsApp<\/small>\n                                <span>55 2331 6145<\/span>\n                            <\/div>\n                        <\/a>\n                        \n                        <a href=\"tel:5523316145\" class=\"dc-tel-btn\">\n                            <i class=\"fas fa-phone\"><\/i>\n                            <div class=\"dc-btn-text\">\n                                <small>Llamar ahora<\/small>\n                                <span>55 2331 6145<\/span>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div id=\"dc-map-container\">\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3763.5146036136155!2d-99.1764724!3d19.3793751!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1ff9916666667%3A0x7d7f7f7f7f7f7f7f!2sAv.%20Insurgentes%20Sur%201180%2C%20Tlacoquemecatl%20del%20Valle%2C%20Benito%20Ju%C3%A1rez%2C%2003200%20Ciudad%20de%20M%C3%A9xico%2C%20CDMX!5e0!3m2!1ses-419!2smx!4v1700000000000!5m2!1ses-419!2smx\" width=\"100%\" height=\"350\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n#dentista-contacto-premium {\n    --color-oro: #917d6f;\n    --color-azul: #606e84;\n    --color-bg: #fdfdfd;\n    --color-text: #444;\n    padding: 60px 0;\n    background-color: var(--color-bg);\n}\n\n.dc-container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }\n\n.dc-header { text-align: center; margin-bottom: 40px; }\n.dc-tag { color: var(--color-oro); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; display: block; margin-bottom: 10px; }\n.dc-h2 { \n    color: var(--color-azul); \n    font-size: clamp(1.5rem, 4vw, 1.8rem); \n    font-weight: 700; \n    font-family: 'Playfair Display', serif; \n    line-height: 1.3; \n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.dc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.dc-col { \n    background: #ffffff; \n    padding: 30px; \n    border-radius: 20px; \n    border: 1px solid #f0f0f0;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.02); \n}\n.dc-fullwidth { grid-column: 1 \/ -1; }\n\n.dc-title { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; color: var(--color-azul); }\n.dc-title .main-icon { font-size: 20px; color: var(--color-oro); }\n.dc-title h3 { font-size: 18px; font-weight: 700; margin: 0; }\n\n.dc-loc-item strong { display: block; font-size: 1.1rem; color: #333; margin-bottom: 5px; }\n.dc-loc-item p { font-size: 15px; color: #666; margin-bottom: 20px; line-height: 1.6; }\n\n.dc-map-link { \n    display: inline-flex; align-items: center; gap: 8px; \n    color: var(--color-oro) !important; font-weight: 700; font-size: 14px; \n    text-decoration: none !important; border-bottom: 1px solid transparent;\n    transition: 0.3s;\n}\n.dc-map-link:hover { border-bottom-color: var(--color-oro); }\n\n\/* Botones de Contacto *\/\n.dc-direct-links { display: flex; flex-direction: column; gap: 12px; }\n.dc-wa-btn, .dc-tel-btn {\n    display: flex; align-items: center; gap: 15px; padding: 12px 20px;\n    border-radius: 12px; text-decoration: none !important; transition: 0.3s;\n}\n.dc-wa-btn { background: #eef9f2; color: #25D366 !important; }\n.dc-tel-btn { background: #f0f3f6; color: var(--color-azul) !important; }\n\n.dc-btn-text small { display: block; font-size: 9px; text-transform: uppercase; font-weight: 700; opacity: 0.8; }\n.dc-btn-text span { font-size: 1.1rem; font-weight: 700; }\n\n.dc-wa-btn:hover { background: #25D366; color: white !important; }\n.dc-tel-btn:hover { background: var(--color-azul); color: white !important; }\n\n.dc-hour-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 14px; color: #555; border-bottom: 1px solid #fafafa; padding-bottom: 6px; }\n.dc-urgencia-note { margin-top: 15px; display: flex; align-items: center; gap: 10px; color: var(--color-oro); font-size: 13px; font-weight: 600; }\n\n#dc-map-container { \n    margin-top: 30px; border-radius: 20px; overflow: hidden; \n    box-shadow: 0 5px 20px rgba(0,0,0,0.05); border: 1px solid #eee;\n    line-height: 0;\n}\n\n@media (max-width: 768px) {\n    .dc-grid { grid-template-columns: 1fr; }\n    .dc-section { padding: 40px 0; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez, CDMX Especialista en odontolog\u00eda est\u00e9tica y ortodoncia En mi consulta realizo una [&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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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-30","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Consulta - Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez<\/title>\n<meta name=\"description\" content=\"dentista cerca de mi, cl\u00ednica dental CDMX, dentista cdmx, dentista en insurgentes sur, dentista en del valle, dentista en insurgentes, consulta dental precio, limpieza dental cerca de mi, blanqueamiento dental cdmx, dise\u00f1o de sonrisa cdmx\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dramariajose.agendaaqui.com.mx\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consulta - Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez\" \/>\n<meta property=\"og:description\" content=\"dentista cerca de mi, cl\u00ednica dental CDMX, dentista cdmx, dentista en insurgentes sur, dentista en del valle, dentista en insurgentes, consulta dental precio, limpieza dental cerca de mi, blanqueamiento dental cdmx, dise\u00f1o de sonrisa cdmx\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dramariajose.agendaaqui.com.mx\/\" \/>\n<meta property=\"og:site_name\" content=\"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T22:24:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/\",\"url\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/\",\"name\":\"Consulta - Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#website\"},\"datePublished\":\"2026-04-14T16:40:08+00:00\",\"dateModified\":\"2026-04-14T22:24:35+00:00\",\"description\":\"dentista cerca de mi, cl\u00ednica dental CDMX, dentista cdmx, dentista en insurgentes sur, dentista en del valle, dentista en insurgentes, consulta dental precio, limpieza dental cerca de mi, blanqueamiento dental cdmx, dise\u00f1o de sonrisa cdmx\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consulta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#website\",\"url\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/\",\"name\":\"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez\",\"description\":\"Dentista en Benito Ju\u00e1rez, CDMX Especialista en odontolog\u00eda est\u00e9tica y ortodoncia\",\"publisher\":{\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#organization\",\"name\":\"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez\",\"url\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Logo2-1.png\",\"contentUrl\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Logo2-1.png\",\"width\":875,\"height\":613,\"caption\":\"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez\"},\"image\":{\"@id\":\"https:\\\/\\\/dramariajose.agendaaqui.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consulta - Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez","description":"dentista cerca de mi, cl\u00ednica dental CDMX, dentista cdmx, dentista en insurgentes sur, dentista en del valle, dentista en insurgentes, consulta dental precio, limpieza dental cerca de mi, blanqueamiento dental cdmx, dise\u00f1o de sonrisa cdmx","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:\/\/dramariajose.agendaaqui.com.mx\/","og_locale":"es_ES","og_type":"article","og_title":"Consulta - Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez","og_description":"dentista cerca de mi, cl\u00ednica dental CDMX, dentista cdmx, dentista en insurgentes sur, dentista en del valle, dentista en insurgentes, consulta dental precio, limpieza dental cerca de mi, blanqueamiento dental cdmx, dise\u00f1o de sonrisa cdmx","og_url":"https:\/\/dramariajose.agendaaqui.com.mx\/","og_site_name":"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez","article_modified_time":"2026-04-14T22:24:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dramariajose.agendaaqui.com.mx\/","url":"https:\/\/dramariajose.agendaaqui.com.mx\/","name":"Consulta - Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez","isPartOf":{"@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#website"},"datePublished":"2026-04-14T16:40:08+00:00","dateModified":"2026-04-14T22:24:35+00:00","description":"dentista cerca de mi, cl\u00ednica dental CDMX, dentista cdmx, dentista en insurgentes sur, dentista en del valle, dentista en insurgentes, consulta dental precio, limpieza dental cerca de mi, blanqueamiento dental cdmx, dise\u00f1o de sonrisa cdmx","breadcrumb":{"@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dramariajose.agendaaqui.com.mx\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/dramariajose.agendaaqui.com.mx\/"},{"@type":"ListItem","position":2,"name":"Consulta"}]},{"@type":"WebSite","@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#website","url":"https:\/\/dramariajose.agendaaqui.com.mx\/","name":"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez","description":"Dentista en Benito Ju\u00e1rez, CDMX Especialista en odontolog\u00eda est\u00e9tica y ortodoncia","publisher":{"@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dramariajose.agendaaqui.com.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#organization","name":"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez","url":"https:\/\/dramariajose.agendaaqui.com.mx\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#\/schema\/logo\/image\/","url":"https:\/\/dramariajose.agendaaqui.com.mx\/wp-content\/uploads\/2026\/04\/Logo2-1.png","contentUrl":"https:\/\/dramariajose.agendaaqui.com.mx\/wp-content\/uploads\/2026\/04\/Logo2-1.png","width":875,"height":613,"caption":"Dra. Mar\u00eda Jos\u00e9 Mac\u00edas Dentista en Benito Ju\u00e1rez"},"image":{"@id":"https:\/\/dramariajose.agendaaqui.com.mx\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":25,"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/dramariajose.agendaaqui.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}