{"id":14,"date":"2026-06-15T18:09:32","date_gmt":"2026-06-15T18:09:32","guid":{"rendered":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/?page_id=14"},"modified":"2026-06-16T19:44:32","modified_gmt":"2026-06-16T19:44:32","slug":"inicio","status":"publish","type":"page","link":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Dr. Rodrigo Sep\u00falveda Vargas - Neum\u00f3logo en CDMX<\/title>\n \n <!-- Google 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=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* Variables de marca de alta fidelidad *\/\n :root {\n --c1: #153b3f; \n --c2: #296065; \n --c4: #f4bbc7; \n --font-main: 'Montserrat', sans-serif;\n }\n\n \/* --- CONTENEDOR HERO COMPLETAMENTE AISLADO --- *\/\n .hero-viewport {\n position: relative; \n width: 100%;\n min-height: 100vh; \n display: flex;\n align-items: center;\n justify-content: center;\n padding: 80px 4%; \n box-sizing: border-box;\n background-color: var(--c1);\n overflow: hidden; \n }\n\n .hero-viewport * {\n box-sizing: border-box;\n }\n\n \/* Video de Fondo *\/\n .hero-viewport .video-background {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transform: translate(-50%, -50%);\n z-index: 1;\n pointer-events: none;\n }\n\n \/* Capa de Confort Lum\u00ednico *\/\n .hero-viewport .video-contrast-layer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.6) 100%);\n z-index: 2;\n pointer-events: none;\n }\n\n \/* --- CONTENEDOR MAESTRO --- *\/\n .hero-viewport .master-container {\n position: relative;\n width: 100%;\n max-width: 900px;\n text-align: center;\n z-index: 10;\n }\n\n .hero-viewport .showcase-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n \/* --- NUEVA COREOGRAF\u00cdA DE ANIMACI\u00d3N EN CADENA (STAGGERED) --- *\/\n \n \/* 1. El T\u00edtulo Principal *\/\n .hero-viewport .main-title {\n font-family: var(--font-main);\n font-size: clamp(38px, 5.5vw, 68px); \n font-weight: 800;\n line-height: 1.1;\n margin: 0 0 20px 0;\n letter-spacing: -1.5px;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 70%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-transform: none !important;\n font-variant: normal !important;\n text-shadow: 0 2px 10px rgba(21, 59, 63, 0.03);\n \n \/* Animaci\u00f3n de entrada *\/\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n animation: premiumFadeUp 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;\n animation-delay: 0.2s;\n }\n\n .hero-viewport .main-title span {\n display: block;\n font-weight: 300; \n font-size: 0.85em;\n letter-spacing: -1px;\n margin-top: 4px;\n background: linear-gradient(135deg, var(--c2) 0%, #102d30 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-transform: none !important;\n }\n\n \/* 2. La C\u00e1psula de Ubicaci\u00f3n *\/\n .hero-viewport .location-box {\n margin-bottom: 25px;\n \n \/* Animaci\u00f3n de entrada *\/\n opacity: 0;\n transform: translateY(30px);\n animation: premiumFadeUp 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;\n animation-delay: 0.5s;\n }\n\n .hero-viewport .location-tag {\n display: inline-block;\n font-family: var(--font-main);\n font-size: clamp(14px, 1.6vw, 18px);\n font-weight: 600;\n color: var(--c2);\n padding: 8px 26px;\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(41, 96, 101, 0.15);\n border-radius: 50px;\n box-shadow: 0 8px 20px rgba(21, 59, 63, 0.04);\n text-transform: none !important;\n letter-spacing: 0.3px;\n }\n\n \/* 3. Texto de Padecimientos *\/\n .hero-viewport .conditions-text {\n font-family: var(--font-main);\n font-size: clamp(16px, 2vw, 22px);\n font-weight: 500;\n color: #3e5659;\n margin: 0 auto 45px auto;\n line-height: 1.5;\n max-width: 650px;\n position: relative;\n padding-bottom: 15px;\n text-transform: none !important;\n \n \/* Animaci\u00f3n de entrada *\/\n opacity: 0;\n transform: translateY(25px);\n animation: premiumFadeUp 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;\n animation-delay: 0.7s;\n }\n\n .hero-viewport .conditions-text::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0; \/* Comienza en 0 para animar su expansi\u00f3n *\/\n height: 3px;\n background-color: var(--c4);\n border-radius: 2px;\n animation: expandLine 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 1.1s;\n }\n\n \/* 4. El Bot\u00f3n de Acci\u00f3n *\/\n .hero-viewport .cta-wrapper {\n opacity: 0;\n transform: translateY(20px);\n animation: premiumFadeUp 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;\n animation-delay: 0.9s;\n }\n\n .hero-viewport .btn-luxury {\n position: relative;\n display: inline-block;\n font-family: var(--font-main);\n font-weight: 700;\n font-size: 16px; \n color: #ffffff !important;\n text-decoration: none !important; \n padding: 18px 54px; \n border-radius: 50px; \n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n box-shadow: 0 10px 30px rgba(21, 59, 63, 0.22);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n cursor: pointer;\n overflow: hidden;\n letter-spacing: 0.5px;\n text-transform: none !important;\n }\n\n \/* Destello de luz autom\u00e1tico al terminar de cargar *\/\n .hero-viewport .btn-luxury::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n animation: initialShine 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 1.8s;\n transition: all 0.5s ease;\n }\n\n .hero-viewport .btn-luxury:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(21, 59, 63, 0.32), 0 0 20px rgba(244, 187, 199, 0.2);\n }\n\n .hero-viewport .btn-luxury:hover::before {\n left: 100%;\n animation: none; \/* Desactiva la animaci\u00f3n inicial para responder al hover *\/\n }\n\n \/* --- NUEVAS ANIMACIONES EXCLUSIVAS M\u00c1S SUAVES --- *\/\n @keyframes premiumFadeUp {\n 0% { \n opacity: 0; \n transform: translateY(30px); \n filter: blur(10px); \n }\n 100% { \n opacity: 1; \n transform: translateY(0); \n filter: blur(0px); \n }\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 55px; }\n }\n\n @keyframes initialShine {\n 0% { left: -100%; }\n 100% { left: 120%; }\n }\n\n \/* --- OPTIMIZACI\u00d3N M\u00d3VIL --- *\/\n @media (max-width: 768px) {\n .hero-viewport {\n padding: 60px 20px;\n }\n\n .hero-viewport .video-contrast-layer {\n background: rgba(255, 255, 255, 0.85); \n }\n\n .hero-viewport .location-tag {\n padding: 6px 20px;\n }\n\n .hero-viewport .conditions-text {\n margin-bottom: 35px;\n }\n\n .hero-viewport .btn-luxury {\n width: 100%;\n max-width: 290px;\n padding: 16px 24px;\n font-size: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Secci\u00f3n Principal Hero -->\n <section class=\"hero-viewport\">\n \n <!-- Video Abstracto de Fondo -->\n <video autoplay loop muted playsinline class=\"video-background\">\n <source src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/0_Animation_Abstract_1280x720.mp4\" type=\"video\/mp4\">\n <\/video>\n\n <!-- Capa Inteligente Lum\u00ednica -->\n <div class=\"video-contrast-layer\"><\/div>\n\n <!-- Contenedor \u00danico y Centrado -->\n <div class=\"master-container\">\n <div class=\"showcase-content\">\n \n <h1 class=\"main-title\">\n Dr. Rodrigo \n <span>Sep\u00falveda Vargas<\/span>\n <\/h1>\n \n <div class=\"location-box\">\n <div class=\"location-tag\">\n Neum\u00f3logo en CDMX\n <\/div>\n <\/div>\n\n <p class=\"conditions-text\">\n Asma, Apnea del Sue\u00f1o y Enfermedades Respiratorias\n <\/p>\n \n <div class=\"cta-wrapper\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-luxury\">\n Agendar una cita\n <\/a>\n <\/div>\n \n <\/div>\n <\/div>\n\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-877654c e-con-full e-flex e-con e-parent\" data-id=\"877654c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83486be elementor-widget elementor-widget-html\" data-id=\"83486be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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 \n <!-- Google Fonts: Exclusivamente Montserrat para evitar may\u00fasculas forzadas -->\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=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --c1: #153b3f; \n --c2: #296065; \n --c4: #f4bbc7; \n --font-main: 'Montserrat', sans-serif;\n }\n\n \/* --- Contenedor con padding reducido --- *\/\n .dr-stats-section {\n width: 100%;\n padding: 50px 8%; \n background-color: #ffffff;\n font-family: var(--font-main);\n color: var(--c1);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .dr-stats-container {\n width: 100%;\n max-width: 1100px;\n text-align: center;\n }\n\n \/* --- T\u00edtulo H2 con nueva tipograf\u00eda fluida --- *\/\n .impact-question {\n font-family: var(--font-main);\n font-size: clamp(22px, 3vw, 36px);\n font-weight: 700;\n line-height: 1.4;\n color: var(--c1);\n max-width: 850px;\n margin: 0 auto 35px auto; \n letter-spacing: -0.3px;\n position: relative;\n padding-bottom: 15px;\n text-transform: none !important; \/* Totalmente prohibido el uppercase *\/\n font-variant: normal !important;\n }\n\n .impact-question::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 3px;\n background-color: var(--c4);\n border-radius: 2px;\n }\n\n \/* --- Grid de tarjetas --- *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1.1fr 1fr 1fr;\n gap: 20px; \n margin-bottom: 35px;\n align-items: stretch;\n }\n\n \/* Tarjeta principal contador *\/\n .stat-card-main {\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n color: #ffffff;\n padding: 30px 20px;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(21, 59, 63, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .stat-card-main:hover {\n transform: translateY(-4px);\n }\n\n .counter-number {\n font-family: var(--font-main);\n font-size: clamp(38px, 4.5vw, 52px);\n font-weight: 800;\n line-height: 1;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .counter-label {\n font-size: 15px;\n font-weight: 500;\n letter-spacing: 0.3px;\n opacity: 0.95;\n text-transform: none !important;\n }\n\n \/* Tarjetas de informaci\u00f3n e iconos link *\/\n .info-card {\n background: #f4f7f8;\n border: 1px solid rgba(21, 59, 63, 0.05);\n padding: 30px 20px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .info-card:hover {\n background: #ffffff;\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(21, 59, 63, 0.05);\n border-color: rgba(41, 96, 101, 0.15);\n }\n\n \/* Contenedor de imagen de icono por link *\/\n .card-icon-link-wrapper {\n width: 55px;\n height: 55px;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* --- CONTROL DE COLORES PARA LOS \u00cdCONOS --- *\/\n .card-icon-mask {\n width: 100%;\n height: 100%;\n background-color: var(--c1); \/* Color base del \u00edcono *\/\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n transition: background-color 0.3s ease;\n }\n\n \/* El \u00edcono cambia al color secundario cuando se pasa el cursor sobre la tarjeta *\/\n .info-card:hover .card-icon-mask {\n background-color: var(--c2);\n }\n\n .info-card-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.4;\n color: var(--c1);\n text-transform: none !important;\n }\n\n \/* --- Bot\u00f3n de acci\u00f3n compacto --- *\/\n .cta-container {\n margin-top: 10px;\n }\n\n .btn-luxury-action {\n position: relative;\n display: inline-block;\n font-family: var(--font-main);\n font-weight: 700;\n font-size: 16px; \n color: #ffffff !important;\n text-decoration: none !important; \n padding: 16px 48px; \n border-radius: 50px; \n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n box-shadow: 0 8px 25px rgba(21, 59, 63, 0.15);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n cursor: pointer;\n overflow: hidden;\n letter-spacing: 0.3px;\n text-transform: none !important;\n }\n\n .btn-luxury-action::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: all 0.5s ease;\n }\n\n .btn-luxury-action:hover {\n transform: translateY(-2px);\n box-shadow: 0 14px 30px rgba(21, 59, 63, 0.25);\n }\n\n .btn-luxury-action:hover::before {\n left: 100%;\n }\n\n \/* --- Optimizaci\u00f3n celular --- *\/\n @media (max-width: 992px) {\n .dr-stats-section {\n padding: 35px 20px; \n }\n\n .impact-question {\n margin-bottom: 30px;\n }\n\n .features-grid {\n grid-template-columns: 1fr; \n gap: 15px;\n margin-bottom: 30px;\n }\n\n .stat-card-main, .info-card {\n padding: 25px 20px;\n }\n\n .card-icon-link-wrapper {\n width: 50px;\n height: 50px;\n margin-bottom: 12px;\n }\n\n .info-card-text {\n font-size: 15px;\n }\n\n .btn-luxury-action {\n width: 100%;\n max-width: 300px;\n padding: 15px 24px;\n font-size: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"dr-stats-section\">\n <div class=\"dr-stats-container\">\n \n <!-- T\u00edtulo H2 con Montserrat (Evita may\u00fasculas forzadas) -->\n <h2 class=\"impact-question\">\n \u00bfLa falta de aire, la tos o los ronquidos est\u00e1n afectando tu vida?\n <\/h2>\n\n <!-- Elementos de la rejilla -->\n <div class=\"features-grid\">\n \n <!-- 1. Contador de pacientes (+3000 animado) -->\n <div class=\"stat-card-main\">\n <div class=\"counter-number\" id=\"patientCounter\" data-target=\"3000\">+0<\/div>\n <div class=\"counter-label\">Pacientes atendidos<\/div>\n <\/div>\n\n <!-- 2. Tarjeta: atenci\u00f3n biling\u00fce -->\n <div class=\"info-card\">\n <div class=\"card-icon-link-wrapper\">\n <!-- M\u00e1scara de color para el icono de idioma -->\n <div class=\"card-icon-mask\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/idioma.svg'); mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/idioma.svg');\" title=\"Icono idiomas\"><\/div>\n <\/div>\n <div class=\"info-card-text\">\n Atenci\u00f3n en espa\u00f1ol e ingl\u00e9s\n <\/div>\n <\/div>\n\n <!-- 3. Tarjeta: diplomado -->\n <div class=\"info-card\">\n <div class=\"card-icon-link-wrapper\">\n <!-- M\u00e1scara de color para el icono de pulm\u00f3n -->\n <div class=\"card-icon-mask\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/pulmon.svg'); mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/pulmon.svg');\" title=\"Icono especialidad\"><\/div>\n <\/div>\n <div class=\"info-card-text\">\n Diplomado en rehabilitaci\u00f3n pulmonar\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Bot\u00f3n de acci\u00f3n -->\n <div class=\"cta-container\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-luxury-action\">\n Quiero agendar hoy\n <\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- Script de animaci\u00f3n ajustado exactamente a +3000 -->\n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n const counter = document.getElementById(\"patientCounter\");\n const target = parseInt(counter.getAttribute(\"data-target\"), 10);\n const duration = 1800; \n \n let startTimestamp = null;\n\n const step = (timestamp) => {\n if (!startTimestamp) startTimestamp = timestamp;\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n \n const currentValue = Math.floor(progress * target);\n counter.innerText = \"+\" + currentValue;\n\n if (progress < 1) {\n window.requestAnimationFrame(step);\n } else {\n counter.innerText = \"+\" + target;\n }\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n window.requestAnimationFrame(step);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n\n observer.observe(counter);\n });\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5e2b1d e-con-full e-flex e-con e-parent\" data-id=\"d5e2b1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06c93e9 elementor-widget elementor-widget-html\" data-id=\"06c93e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- SECCI\u00d3N: ATENCI\u00d3N PARA S\u00cdNTOMAS Y PROBLEMAS RESPIRATORIOS --- *\/\n .cases-help {\n width: 100%;\n padding: 45px 8%; \/* Padding vertical optimizado y compacto *\/\n background: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n }\n\n .cases-container {\n max-width: 1100px;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 35px;\n }\n\n \/* Encabezado Principal *\/\n .cases-header {\n text-align: center;\n max-width: 850px;\n margin: 0 auto;\n }\n\n .cases-header h2 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(22px, 3vw, 36px);\n font-weight: 700;\n color: var(--c1);\n margin: 0;\n letter-spacing: -0.5px;\n line-height: 1.3;\n text-transform: none !important; \/* Totalmente prohibido el uppercase *\/\n font-variant: normal !important;\n }\n\n \/* Rejilla de Tarjetas (3 Columnas ideal para 6 elementos respiratorios) *\/\n .cases-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n align-items: stretch;\n }\n\n \/* Dise\u00f1o de la Tarjeta *\/\n .case-card {\n background: #f4f7f8;\n border: 1px solid rgba(21, 59, 63, 0.05);\n padding: 30px 24px;\n border-radius: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 14px;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .case-card:hover {\n background: #ffffff;\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(21, 59, 63, 0.05);\n border-color: rgba(41, 96, 101, 0.15);\n }\n\n \/* --- REDISE\u00d1O AVANZADO DE ICONOS POR LINK --- *\/\n .case-icon-wrapper {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(41, 96, 101, 0.06) 100%);\n border: 2px solid rgba(41, 96, 101, 0.15);\n outline: 4px solid rgba(41, 96, 101, 0.03);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n position: relative;\n box-shadow: 0 6px 15px rgba(21, 59, 63, 0.04);\n \/* Animaci\u00f3n suave de flotaci\u00f3n respiratoria *\/\n animation: floatIconRespiratory 4s ease-in-out infinite;\n }\n\n \/* Desfase de animaci\u00f3n para balance de carga visual *\/\n .cases-grid .case-card:nth-child(even) .case-icon-wrapper {\n animation-delay: 1.5s;\n }\n\n .cases-grid .case-card:nth-child(3n) .case-icon-wrapper {\n animation-delay: 0.7s;\n }\n\n \/* --- T\u00c9CNICA DE M\u00c1SCARA PARA COLOREAR SVGs EXTERNOS --- *\/\n .case-icon {\n width: 32px;\n height: 32px;\n background-color: var(--c1); \/* Toma el color principal de la paleta *\/\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n position: relative;\n z-index: 2;\n transition: background-color 0.3s ease;\n }\n\n \/* Al pasar el cursor, el \u00edcono cambia al color secundario de la paleta *\/\n .case-card:hover .case-icon {\n background-color: var(--c2);\n }\n\n \/* T\u00edtulos H3 de las Tarjetas *\/\n .case-card h3 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: var(--c1);\n line-height: 1.3;\n margin: 0;\n text-transform: none !important;\n }\n\n \/* P\u00e1rrafos Descriptivos *\/\n .case-card p {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: 14px;\n font-weight: 400;\n color: #4a5d60;\n line-height: 1.5;\n margin: 0;\n }\n\n \/* Dise\u00f1o de Bot\u00f3n de Valoraci\u00f3n Compacto *\/\n .cases-cta {\n text-align: center;\n margin-top: 10px;\n }\n\n .btn-cases {\n display: inline-block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 16px; \n color: #ffffff !important;\n text-decoration: none !important;\n border: none !important;\n padding: 16px 48px; \n border-radius: 50px; \n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n box-shadow: 0 8px 25px rgba(21, 59, 63, 0.15);\n letter-spacing: 0.3px;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n cursor: pointer;\n text-transform: none !important;\n }\n\n .btn-cases:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 30px rgba(21, 59, 63, 0.25);\n }\n\n \/* --- ANIMACI\u00d3N SUTIL DE FLOTACI\u00d3N --- *\/\n @keyframes floatIconRespiratory {\n 0% {\n transform: translateY(0px);\n box-shadow: 0 6px 15px rgba(21, 59, 63, 0.04);\n }\n 50% {\n transform: translateY(-5px);\n border-color: var(--c2);\n box-shadow: 0 12px 22px rgba(21, 59, 63, 0.1);\n }\n 100% {\n transform: translateY(0px);\n box-shadow: 0 6px 15px rgba(21, 59, 63, 0.04);\n }\n }\n\n \/* --- ENFOQUE ADAPTABLE A DISPOSITIVOS (RESPONSIVE) --- *\/\n @media (max-width: 992px) {\n .cases-grid {\n grid-template-columns: repeat(2, 1fr); \n gap: 20px;\n }\n }\n\n @media (max-width: 768px) {\n .cases-help {\n padding: 35px 20px; \n }\n .cases-container {\n gap: 25px;\n }\n .cases-grid {\n grid-template-columns: repeat(2, 1fr); \n gap: 12px; \n }\n .case-card {\n padding: 22px 14px;\n gap: 10px;\n border-radius: 16px;\n }\n .case-icon-wrapper {\n animation: none !important; \n width: 56px;\n height: 56px;\n outline: none;\n }\n .case-icon {\n width: 26px;\n height: 26px;\n }\n .case-card h3 {\n font-size: 15px;\n }\n .case-card p {\n font-size: 12.5px;\n line-height: 1.4;\n }\n .btn-cases {\n width: 100%;\n max-width: 300px;\n padding: 15px 24px;\n font-size: 15px;\n }\n }\n<\/style>\n\n<section class=\"cases-help\">\n <div class=\"cases-container\">\n \n <div class=\"cases-header\">\n <h2>Atenci\u00f3n para s\u00edntomas y problemas respiratorios frecuentes como:<\/h2>\n <\/div>\n\n <div class=\"cases-grid\">\n \n <div class=\"case-card\">\n <div class=\"case-icon-wrapper\">\n <!-- Se aplica la imagen como m\u00e1scara para que tome el color de la paleta -->\n <div class=\"case-icon\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Asma.svg'); mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Asma.svg');\" title=\"Asma\"><\/div>\n <\/div>\n <h3>Asma<\/h3>\n <p>Dificultad para respirar, opresi\u00f3n en el pecho, tos o silbidos al respirar<\/p>\n <\/div>\n\n <div class=\"case-card\">\n <div class=\"case-icon-wrapper\">\n <div class=\"case-icon\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Apnea-del-suen\u0303o-.svg');\" title=\"Apnea del sue\u00f1o\"><\/div>\n <\/div>\n <h3>Apnea del sue\u00f1o<\/h3>\n <p>Pausas en la respiraci\u00f3n durante el sue\u00f1o, cansancio al despertar y somnolencia durante el d\u00eda<\/p>\n <\/div>\n\n <div class=\"case-card\">\n <div class=\"case-icon-wrapper\">\n <div class=\"case-icon\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/EPOC.svg'); mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/EPOC.svg');\" title=\"EPOC\"><\/div>\n <\/div>\n <h3>EPOC<\/h3>\n <p>Enfermedad respiratoria asociada a falta de aire y limitaci\u00f3n para realizar actividades<\/p>\n <\/div>\n\n <div class=\"case-card\">\n <div class=\"case-icon-wrapper\">\n <div class=\"case-icon\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Alergias-respiratorias-.svg'); mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Alergias-respiratorias-.svg');\" title=\"Alergias respiratorias\"><\/div>\n <\/div>\n <h3>Alergias respiratorias<\/h3>\n <p>Congesti\u00f3n nasal, estornudos, irritaci\u00f3n y s\u00edntomas relacionados con al\u00e9rgenos<\/p>\n <\/div>\n\n <div class=\"case-card\">\n <div class=\"case-icon-wrapper\">\n <div class=\"case-icon\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Falta-de-aire-.svg'); mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Falta-de-aire-.svg');\" title=\"Falta de aire\"><\/div>\n <\/div>\n <h3>Falta de aire<\/h3>\n <p>Dificultad para respirar durante actividades cotidianas o ejercicio<\/p>\n <\/div>\n\n <div class=\"case-card\">\n <div class=\"case-icon-wrapper\">\n <div class=\"case-icon\" style=\"-webkit-mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Infecciones-respiratorias-.svg'); mask-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Infecciones-respiratorias-.svg');\" title=\"Infecciones respiratorias\"><\/div>\n <\/div>\n <h3>Infecciones respiratorias<\/h3>\n <p>Evaluaci\u00f3n y seguimiento de enfermedades respiratorias agudas o recurrentes<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"cases-cta\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-cases\">\n Quiero una valoraci\u00f3n\n <\/a>\n <\/div>\n\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fd0a06 e-con-full e-flex e-con e-parent\" data-id=\"7fd0a06\" data-element_type=\"container\" data-e-type=\"container\" id=\"Consulta\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7326c8e elementor-widget elementor-widget-html\" data-id=\"7326c8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N: INTERNATIONAL PATIENT CARE (DISTRIBUCI\u00d3N HORIZONTAL OPTIMIZADA) -->\n<section class=\"intl-horizontal-section\">\n \n <div class=\"intl-horizontal-container\">\n \n <!-- COLUMNA IZQUIERDA: TEXTOS Y ACCI\u00d3N -->\n <div class=\"intl-col-text\">\n <!-- H2 Animado -->\n <h2 class=\"intl-clean-title\">International Patient Care<\/h2>\n \n <!-- Copy Animado -->\n <p class=\"intl-clean-text\">\n Specialized evaluation for asthma, sleep apnea, respiratory infections, and other pulmonary conditions with direct communication in English\n <\/p>\n \n <!-- Bot\u00f3n de acci\u00f3n -->\n <div class=\"intl-clean-cta\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-clean-premium\">\n Schedule Now\n <\/a>\n <\/div>\n <\/div>\n\n <!-- COLUMNA DERECHA: IMAGEN \/ BANDERA -->\n <div class=\"intl-col-visual\">\n <div class=\"flag-visual-container\">\n <img loading=\"lazy\" \n src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Diferencia-entre-ingles-britanico-y-americano.jpg\" \n class=\"intl-real-flag\" \n alt=\"Bilingual English and Spanish medical care flag icon\"\n loading=\"lazy\"\n decoding=\"async\"\n width=\"260\"\n height=\"260\">\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- ESTILOS EXCLUSIVOS EN DOS COLUMNAS -->\n<style>\n \/* --- CONTENEDOR PRINCIPAL CON RENDERIZADO AS\u00cdNCRONO --- *\/\n .intl-horizontal-section {\n position: relative;\n width: 100%;\n min-height: 55vh; \n padding: 80px 4%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n overflow: hidden;\n \n content-visibility: auto;\n contain-intrinsic-size: 1px 500px;\n \n \/* Fondo fluido constante intacto *\/\n background: linear-gradient(-45deg, #153b3f, #1a4a4f, #0d2528, #1c4347);\n background-size: 400% 400%;\n animation: constantFluidBg 15s ease infinite;\n }\n\n .intl-horizontal-section * {\n box-sizing: border-box;\n }\n\n \/* Distribuci\u00f3n en Flexbox para abarcar a los lados *\/\n .intl-horizontal-container {\n width: 100%;\n max-width: 1100px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 50px;\n position: relative;\n z-index: 10;\n }\n\n \/* --- COLUMNA DE TEXTO (IZQUIERDA) --- *\/\n .intl-horizontal-section .intl-col-text {\n flex: 1;\n text-align: left;\n }\n\n .intl-horizontal-section .intl-clean-title {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(34px, 4vw, 52px);\n font-weight: 800;\n color: #ffffff;\n line-height: 1.15;\n margin: 0 0 20px 0;\n letter-spacing: -1.5px;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n \n will-change: transform, opacity;\n opacity: 0;\n transform: translate3d(-30px, 0, 0);\n animation: intlFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.1s;\n }\n\n .intl-horizontal-section .intl-clean-text {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(16px, 1.6vw, 20px);\n font-weight: 400;\n color: #e2eded;\n line-height: 1.6;\n margin: 0 0 35px 0;\n max-width: 650px;\n letter-spacing: 0.2px;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n \n will-change: transform, opacity;\n opacity: 0;\n transform: translate3d(-20px, 0, 0);\n animation: intlFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.25s;\n }\n\n .intl-horizontal-section .intl-clean-cta {\n will-change: transform, opacity;\n opacity: 0;\n transform: translate3d(-15px, 0, 0);\n animation: intlFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.4s;\n }\n\n .intl-horizontal-section .btn-clean-premium {\n position: relative;\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 16px;\n color: #153b3f !important;\n text-decoration: none !important;\n padding: 18px 55px;\n border-radius: 50px;\n background: #ffffff;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, box-shadow 0.3s ease;\n cursor: pointer;\n overflow: hidden;\n letter-spacing: 0.5px;\n }\n\n .intl-horizontal-section .btn-clean-premium:hover {\n transform: translate3d(0, -3px, 0);\n box-shadow: 0 15px 35px rgba(244, 187, 199, 0.35);\n background-color: #f4bbc7;\n }\n\n \/* --- COLUMNA VISUAL DE LA BANDERA (DERECHA) --- *\/\n .intl-horizontal-section .intl-col-visual {\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .intl-horizontal-section .flag-visual-container {\n position: relative;\n will-change: transform;\n transform: translate3d(0, 0, 0);\n animation: floatFlagHorizontal 6s ease-in-out infinite; \n }\n\n \/* Tama\u00f1o ideal en escritorio *\/\n .intl-horizontal-section .intl-real-flag {\n width: 260px;\n height: 260px;\n object-fit: cover;\n border-radius: 50%;\n border: 5px solid rgba(255, 255, 255, 0.9);\n box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35), 0 0 30px rgba(255, 255, 255, 0.05);\n display: block;\n transition: width 0.3s ease, height 0.3s ease;\n }\n\n .intl-horizontal-section .flag-visual-container::after {\n content: '';\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 60%);\n pointer-events: none;\n }\n\n \/* --- KEYFRAMES DE ANIMACI\u00d3N --- *\/\n @keyframes constantFluidBg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n @keyframes floatFlagHorizontal {\n 0% { transform: translate3d(0, 0, 0) rotate(0deg); }\n 50% { transform: translate3d(0, -15px, 0) rotate(2.5deg); }\n 100% { transform: translate3d(0, 0, 0) rotate(0deg); }\n }\n\n @keyframes intlFadeIn {\n 0% { opacity: 0; transform: translate3d(-30px, 0, 0); filter: blur(5px); }\n 100% { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0px); }\n }\n\n \/* Accesibilidad *\/\n @media (prefers-reduced-motion: reduce) {\n .intl-horizontal-section { animation: none; }\n .intl-horizontal-section .flag-visual-container { animation: none; }\n .intl-horizontal-section .intl-clean-title,\n .intl-horizontal-section .intl-clean-text,\n .intl-horizontal-section .intl-clean-cta { animation: none; opacity: 1; transform: none; filter: none; }\n }\n\n \/* --- RESPONSIVE ADAPTATIVO (M\u00d3VIL Y TABLET) --- *\/\n @media (max-width: 992px) {\n .intl-horizontal-container {\n flex-direction: column-reverse; \n text-align: center;\n gap: 30px;\n }\n\n .intl-horizontal-section .intl-col-text {\n text-align: center;\n }\n\n .intl-horizontal-section .intl-clean-text {\n margin: 0 auto 35px auto;\n }\n\n \/* REDUCCI\u00d3N DE LA IMAGEN EN TABLETS \/ M\u00d3VILES *\/\n .intl-horizontal-section .intl-real-flag {\n width: 130px;\n height: 130px;\n border-width: 3px; \/* Borde m\u00e1s fino para tama\u00f1o peque\u00f1o *\/\n }\n\n .intl-horizontal-section .intl-clean-title { transform: translate3d(0, 20px, 0); }\n .intl-horizontal-section .intl-clean-text { transform: translate3d(0, 15px, 0); }\n .intl-horizontal-section .intl-clean-cta { transform: translate3d(0, 10px, 0); }\n }\n\n @media (max-width: 480px) {\n .intl-horizontal-section {\n padding: 50px 24px;\n }\n \n \/* CONTROLESTRICTO EXTRA PARA CELULARES PEQUE\u00d1OS *\/\n .intl-horizontal-section .intl-real-flag {\n width: 120px;\n height: 120px;\n }\n \n .intl-horizontal-section .btn-clean-premium {\n width: 100%;\n max-width: 290px;\n padding: 16px 24px;\n }\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f13bd1 e-con-full e-flex e-con e-parent\" data-id=\"2f13bd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e9dc2 elementor-widget elementor-widget-html\" data-id=\"b9e9dc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- SECCI\u00d3N: CONSULTA Y COSTOS (ESPACIOS COMPACTOS Y ULTRA OPTIMIZADOS) --- *\/\n .pricing-premium-section {\n position: relative;\n width: 100%;\n padding: 50px 8%; \n background-image: url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/237151537_fb4933ce-3340-41f2-bb01-aed3c4e89e13-scaled.jpg');\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n overflow: hidden;\n }\n\n .pricing-master-container {\n position: relative;\n max-width: 980px; \n width: 100%;\n display: grid;\n grid-template-columns: 1.1fr 0.9fr; \n gap: 35px; \n align-items: center;\n z-index: 3;\n }\n\n \/* --- BLOQUE IZQUIERDO: CONTENEDOR AJUSTADO --- *\/\n .pricing-content-side {\n display: flex;\n flex-direction: column;\n gap: 20px; \n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n padding: 24px;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n }\n\n .pricing-content-side h2,\n .pricing-cards-flex,\n .pricing-description-text,\n .pricing-action-wrapper {\n opacity: 0;\n transform: translateY(15px);\n animation: premiumFadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n .pricing-content-side h2 {\n animation-delay: 0.1s;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(22px, 2.8vw, 32px); \n font-weight: 800;\n color: var(--c1);\n margin: 0;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-transform: none !important;\n text-shadow: 0 2px 10px rgba(255, 255, 255, 0.9);\n }\n\n .pricing-cards-flex {\n animation-delay: 0.25s;\n display: flex;\n gap: 15px; \n width: 100%;\n }\n\n .pricing-description-text {\n animation-delay: 0.4s;\n font-size: 14px; \n font-weight: 500;\n color: #1c2b2d;\n line-height: 1.5;\n margin: 0;\n border-left: 3px solid var(--c2);\n padding-left: 12px;\n text-shadow: 0 1px 6px rgba(255, 255, 255, 0.9);\n }\n\n .pricing-action-wrapper {\n animation-delay: 0.5s;\n margin-top: 2px;\n }\n\n \/* --- TARJETAS M\u00c1S COMPACTAS --- *\/\n .price-minimal-card {\n background: rgba(255, 255, 255, 0.88);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid rgba(21, 59, 63, 0.08);\n border-radius: 16px;\n padding: 18px 12px; \n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03);\n }\n\n .price-minimal-card.featured-card {\n background: #ffffff;\n border: 2px solid var(--c1);\n box-shadow: 0 10px 25px rgba(21, 59, 63, 0.1);\n }\n\n .price-minimal-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 25px rgba(21, 59, 63, 0.15);\n }\n\n .price-minimal-card h3 {\n font-size: 14px;\n font-weight: 600;\n color: #4a5d60;\n margin: 0 0 4px 0;\n text-transform: none !important;\n }\n\n .price-minimal-card.featured-card h3 {\n color: var(--c1);\n font-weight: 700;\n }\n\n .price-amount {\n font-size: clamp(26px, 3.2vw, 34px); \n font-weight: 800;\n color: var(--c1);\n line-height: 1;\n margin: 0 0 4px 0;\n }\n\n .price-period {\n font-size: 11px;\n font-weight: 500;\n color: #5a6e71;\n letter-spacing: 0.3px;\n }\n\n .price-minimal-card.featured-card .price-period {\n color: var(--c2);\n font-weight: 600;\n }\n\n \/* Bot\u00f3n *\/\n .btn-pricing-premium {\n display: inline-block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: #ffffff !important;\n text-decoration: none !important;\n border: none !important;\n padding: 14px 38px; \n border-radius: 50px;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n box-shadow: 0 6px 20px rgba(21, 59, 63, 0.18);\n transition: all 0.3s ease;\n cursor: pointer;\n text-transform: none !important;\n }\n\n .btn-pricing-premium:hover {\n transform: translateY(-1px);\n box-shadow: 0 10px 25px rgba(21, 59, 63, 0.25);\n }\n\n \/* --- BLOQUE DERECHO: CUADRO RELLENO AL 100% SIN BORDES BLANCOS --- *\/\n .pricing-image-side {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transform: translateX(20px);\n animation: premiumImageReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.25s;\n }\n\n .pricing-image-wrapper {\n position: relative;\n width: 100%;\n max-width: 340px; \n aspect-ratio: 4 \/ 4.5; \n border-radius: 24px;\n border: 2px solid rgba(255, 255, 255, 0.4);\n box-shadow: 0 20px 40px rgba(21, 59, 63, 0.08);\n overflow: hidden; \/* Corta cualquier excedente exterior *\/\n display: flex;\n align-items: center;\n justify-content: center;\n background: #153b3f; \/* Color base oscuro por si la imagen tarda en cargar *\/\n }\n\n .pricing-doctor-img {\n width: 100%;\n height: 100%;\n min-width: 100%;\n min-height: 100%;\n object-fit: cover !important; \/* Fuerza a rellenar todo el espacio *\/\n object-position: center 15%; \/* Mantiene enfocado el rostro *\/\n display: block;\n transform: scale(1.05); \/* Zoom milim\u00e9trico de seguridad para eliminar cualquier l\u00ednea blanca por redondeo de pixeles *\/\n }\n\n \/* --- KEYFRAMES --- *\/\n @keyframes premiumFadeUp {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes premiumImageReveal {\n 0% { opacity: 0; transform: translateX(20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* --- ENFOQUE ADAPTABLE PREMIUM (M\u00d3VIL Y TABLET) --- *\/\n @media (max-width: 992px) {\n .pricing-premium-section {\n padding: 35px 15px; \n }\n\n .pricing-master-container {\n grid-template-columns: 1fr; \n gap: 0px;\n }\n\n .pricing-image-side {\n display: none !important; \n }\n\n .pricing-content-side {\n text-align: center;\n gap: 18px;\n padding: 20px 14px;\n background: rgba(255, 255, 255, 0.94); \n border-radius: 16px;\n }\n\n .pricing-cards-flex {\n display: grid;\n grid-template-columns: repeat(2, 1fr); \n gap: 10px; \n }\n\n .price-minimal-card {\n padding: 16px 8px; \n border-radius: 12px;\n }\n\n .price-minimal-card h3 {\n font-size: 13px;\n }\n\n .price-amount {\n font-size: 24px; \n }\n\n .pricing-description-text {\n border-left: none;\n border-top: 1px solid rgba(21, 59, 63, 0.1);\n padding-left: 0;\n padding-top: 12px;\n font-size: 13px;\n max-width: 100%;\n }\n\n .btn-pricing-premium {\n width: 100%;\n max-width: 280px;\n padding: 13px 20px;\n font-size: 14px;\n }\n }\n<\/style>\n\n<section class=\"pricing-premium-section\">\n <div class=\"pricing-master-container\">\n \n <!-- Bloque Izquierdo Optimizado -->\n <div class=\"pricing-content-side\">\n \n <h2>Consulta con neum\u00f3logo en CDMX<\/h2>\n \n <!-- Rejilla en 2 columnas lista para m\u00f3vil y escritorio -->\n <div class=\"pricing-cards-flex\">\n \n <!-- Tarjeta Inicial -->\n <div class=\"price-minimal-card featured-card\">\n <h3>Consulta inicial<\/h3>\n <p class=\"price-amount\">$1,400<\/p>\n <span class=\"price-period\">Primera vez<\/span>\n <\/div>\n\n <!-- Tarjeta Subsecuente -->\n <div class=\"price-minimal-card\">\n <h3>Subsecuente<\/h3>\n <p class=\"price-amount\">$1,300<\/p>\n <span class=\"price-period\">Seguimiento<\/span>\n <\/div>\n\n <\/div>\n\n <p class=\"pricing-description-text\">\n Una valoraci\u00f3n oportuna puede ayudar a identificar la causa de los s\u00edntomas respiratorios y establecer el seguimiento adecuado\n <\/p>\n\n <div class=\"pricing-action-wrapper\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-pricing-premium\">\n Programar mi cita\n <\/a>\n <\/div>\n\n <\/div>\n\n <!-- Bloque Derecho: Cuadro con Imagen Expandida de Esquina a Esquina -->\n <div class=\"pricing-image-side\">\n <div class=\"pricing-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/IMG_5384-scaled.jpg\" alt=\"Dr. Rodrigo Sep\u00falveda\" class=\"pricing-doctor-img\">\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbf815a e-con-full e-flex e-con e-parent\" data-id=\"fbf815a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14cc13d elementor-widget elementor-widget-html\" data-id=\"14cc13d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- ANCLA 4: SECCI\u00d3N SERVICIOS PREMIUM ASIM\u00c9TRICA --- *\/\n .premium-services-section {\n width: 100%;\n padding: 80px 8%;\n \/* TEXTURA: Combinaci\u00f3n de fondo blanco con un patr\u00f3n de cuadr\u00edcula limpia y sutil *\/\n background-color: #ffffff;\n background-image: \n linear-gradient(to right, rgba(21, 59, 63, 0.02) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(21, 59, 63, 0.02) 1px, transparent 1px);\n background-size: 30px 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n }\n\n .premium-services-container {\n max-width: 1100px;\n width: 100%;\n display: grid;\n grid-template-columns: 1.2fr 0.8fr; \/* Distribuci\u00f3n asim\u00e9trica elegante *\/\n gap: 60px;\n align-items: center;\n }\n\n \/* --- BLOQUE IZQUIERDO: TEXTOS Y ENFOQUE --- *\/\n .premium-services-left {\n display: flex;\n flex-direction: column;\n gap: 24px;\n position: relative;\n }\n\n \/* L\u00ednea vertical de acento m\u00e9dico que conecta visualmente la pregunta con el servicio *\/\n .premium-services-left::before {\n content: '';\n position: absolute;\n left: -25px;\n top: 5px;\n bottom: 5px;\n width: 4px;\n background: linear-gradient(to bottom, var(--c1), var(--c2));\n border-radius: 2px;\n }\n\n \/* ANIMACI\u00d3N: Definici\u00f3n de la animaci\u00f3n para los textos *\/\n @keyframes premiumFadeUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Aplicaci\u00f3n de animaci\u00f3n y retrasos escalonados *\/\n .premium-services-left h2,\n .premium-services-left h3,\n .premium-study-name,\n .premium-services-left p {\n opacity: 0;\n animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n \/* H2 Principal *\/\n .premium-services-left h2 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(24px, 3.2vw, 36px);\n font-weight: 800;\n color: var(--c1);\n line-height: 1.3;\n margin: 0;\n letter-spacing: -0.5px;\n text-transform: none !important; \/* Estricta primera letra may\u00fascula *\/\n animation-delay: 0.1s;\n }\n\n \/* Subt\u00edtulo *\/\n .premium-services-left h3 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--c2);\n margin: 0;\n letter-spacing: 0.5px;\n text-transform: none !important; \/* Estricta primera letra may\u00fascula *\/\n animation-delay: 0.25s;\n }\n\n \/* Nombre del estudio *\/\n .premium-study-name {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(28px, 3.8vw, 42px);\n font-weight: 800;\n color: var(--c1);\n margin: 10px 0 0 0;\n letter-spacing: -1px;\n text-transform: none !important; \/* Estricta primera letra may\u00fascula *\/\n animation-delay: 0.35s;\n }\n\n \/* Descripci\u00f3n *\/\n .premium-services-left p {\n font-size: 15.5px;\n font-weight: 400;\n color: #4a5d60;\n line-height: 1.6;\n margin: 0;\n max-width: 580px;\n animation-delay: 0.45s;\n }\n\n \/* --- BLOQUE DERECHO: TARJETA DE CONTRATE ACCI\u00d3N --- *\/\n .premium-services-right {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .premium-action-card {\n background: #ffffff;\n border: 1px solid rgba(21, 59, 63, 0.08);\n border-radius: 24px;\n padding: 40px 30px;\n width: 100%;\n max-width: 360px;\n text-align: center;\n box-shadow: 0 20px 45px rgba(21, 59, 63, 0.06);\n position: relative;\n transition: all 0.4s ease;\n opacity: 0;\n animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.55s;\n }\n\n \/* Peque\u00f1o detalle flotante premium *\/\n .premium-action-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: 30px;\n right: 30px;\n height: 4px;\n background: linear-gradient(90deg, var(--c1), var(--c2));\n border-radius: 0 0 4px 4px;\n }\n\n .premium-action-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 55px rgba(21, 59, 63, 0.12);\n border-color: rgba(21, 59, 63, 0.15);\n }\n\n .card-price-label {\n font-size: 12px;\n font-weight: 600;\n color: #7a8f92;\n letter-spacing: 1px;\n text-transform: uppercase;\n display: block;\n margin-bottom: 6px;\n }\n\n .card-price-value {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(32px, 4vw, 44px);\n font-weight: 800;\n color: var(--c1);\n line-height: 1;\n margin-bottom: 30px;\n display: block;\n }\n\n \/* Bot\u00f3n Premium de alta gama *\/\n .btn-premium-action {\n display: block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: #ffffff !important;\n text-decoration: none !important;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n padding: 16px 30px;\n border-radius: 50px;\n box-shadow: 0 6px 20px rgba(21, 59, 63, 0.18);\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n text-transform: none !important; \/* Estricta primera letra may\u00fascula *\/\n cursor: pointer;\n }\n\n .btn-premium-action:hover {\n transform: scale(1.02);\n box-shadow: 0 10px 25px rgba(21, 59, 63, 0.28);\n }\n\n \/* --- ADAPTABILIDAD (RESPONSIVE) --- *\/\n @media (max-width: 992px) {\n .premium-services-section {\n padding: 60px 24px;\n }\n\n .premium-services-container {\n grid-template-columns: 1fr; \/* Columna \u00fanica en m\u00f3viles *\/\n gap: 40px;\n }\n\n .premium-services-left {\n text-align: center;\n align-items: center;\n }\n\n .premium-services-left::before {\n display: none; \/* Quitamos la l\u00ednea lateral en m\u00f3vil para centrar bien *\/\n }\n\n .premium-action-card {\n max-width: 100%;\n padding: 35px 24px;\n }\n }\n<\/style>\n\n<!-- ID de ancla solicitado -->\n<section id=\"servicios\" class=\"premium-services-section\">\n <div class=\"premium-services-container\">\n \n <!-- Bloque Izquierdo: Copy e Informaci\u00f3n cl\u00ednica con animaci\u00f3n -->\n <div class=\"premium-services-left\">\n <h2>\u00bfPresentas ronquidos, pausas al respirar mientras duermes o cansancio constante durante el d\u00eda?<\/h2>\n \n <h3>Estudios para trastornos respiratorios y del sue\u00f1o<\/h3>\n \n <h4 class=\"premium-study-name\">Poligraf\u00eda<\/h4>\n \n <p>Estudio utilizado para evaluar alteraciones relacionadas con el sue\u00f1o y apoyar el diagn\u00f3stico de apnea del sue\u00f1o<\/p>\n <\/div>\n\n <!-- Bloque Derecho: Llamado a la acci\u00f3n enfocado -->\n <div class=\"premium-services-right\">\n <div class=\"premium-action-card\">\n <span class=\"card-price-label\"><\/span>\n <span class=\"card-price-value\">Desde $6,000<\/span>\n \n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-premium-action\">\n Solicitar informaci\u00f3n\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1620ae1 e-con-full e-flex e-con e-parent\" data-id=\"1620ae1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2963000 elementor-widget elementor-widget-html\" data-id=\"2963000\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N: PROGRAMA PARA DEJAR EL CIGARRO (M\u00c1XIMO APROVECHAMIENTO Y VISIBILIDAD M\u00d3VIL) -->\n<section id=\"dejar-cigarro\" class=\"modern-tabaco-section\">\n <div class=\"modern-tabaco-full-container\">\n \n <!-- BLOQUE IZQUIERDO: FLUJO DE ACCI\u00d3N DIRECTO -->\n <div class=\"tabaco-direct-col\">\n <div class=\"tabaco-direct-wrapper\">\n <h2>Cada intento cuenta: recibe apoyo para dejar el cigarro<\/h2>\n \n <p class=\"tabaco-direct-text\">\n Un proceso integral que combina valoraci\u00f3n m\u00e9dica, evaluaci\u00f3n y acompa\u00f1amiento psicol\u00f3gico para ayudar al paciente durante su proceso de abandono del tabaco\n <\/p>\n \n <div class=\"tabaco-direct-cta\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-tabaco-premium\">\n <span>Quiero informaci\u00f3n<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- BLOQUE DERECHO: PILARES CL\u00cdNICOS (M\u00f3dulos Corregidos para M\u00f3vil) -->\n <div class=\"tabaco-pillars-col\">\n <div class=\"tabaco-pillars-wrapper\">\n \n <!-- Pilar 1 -->\n <div class=\"tabaco-pillar-module module-01\">\n <div class=\"pillar-module-header\">\n <div class=\"pulse-indicator\"><\/div>\n <span class=\"pillar-number\">01<\/span>\n <\/div>\n <h3>Valoraci\u00f3n especializada<\/h3>\n <\/div>\n\n <!-- Pilar 2 -->\n <div class=\"tabaco-pillar-module module-02\">\n <div class=\"pillar-module-header\">\n <div class=\"pulse-indicator\"><\/div>\n <span class=\"pillar-number\">02<\/span>\n <\/div>\n <h3>Plan personalizado<\/h3>\n <\/div>\n\n <!-- Pilar 3 -->\n <div class=\"tabaco-pillar-module module-03\">\n <div class=\"pillar-module-header\">\n <div class=\"pulse-indicator\"><\/div>\n <span class=\"pillar-number\">03<\/span>\n <\/div>\n <h3>Apoyo psicol\u00f3gico con especialista<\/h3>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- ESTILOS EXCLUSIVOS CORREGIDOS -->\n<style>\n \/* --- SECCI\u00d3N BASE --- *\/\n .modern-tabaco-section {\n width: 100%;\n padding: 60px 2.5%;\n background-color: var(--c1, #153b3f);\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n overflow: hidden;\n position: relative;\n \n content-visibility: auto;\n contain-intrinsic-size: 1px 700px;\n }\n\n .modern-tabaco-section * {\n box-sizing: border-box;\n }\n\n .modern-tabaco-full-container {\n width: 100%;\n max-width: 1350px;\n display: grid;\n grid-template-columns: 0.9fr 1.1fr;\n gap: 60px;\n align-items: center;\n position: relative;\n z-index: 10;\n }\n\n \/* --- BLOQUE IZQUIERDO --- *\/\n .tabaco-direct-col {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n height: 100%;\n color: #ffffff;\n text-align: left;\n }\n\n .tabaco-direct-wrapper {\n display: flex;\n flex-direction: column;\n gap: 20px;\n max-width: 600px;\n }\n\n .modern-tabaco-section h2 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(26px, 3.5vw, 42px);\n font-weight: 800;\n color: #ffffff;\n line-height: 1.2;\n margin: 0;\n letter-spacing: -1.2px;\n \n will-change: transform, opacity;\n opacity: 0;\n transform: translate3d(-30px, 0, 0);\n animation: premiumFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.1s;\n }\n\n .tabaco-direct-text {\n font-size: clamp(15px, 1.6vw, 19px);\n font-weight: 400;\n color: #c4dcde;\n line-height: 1.6;\n margin: 0;\n letter-spacing: 0.2px;\n \n will-change: transform, opacity;\n opacity: 0;\n transform: translate3d(-20px, 0, 0);\n animation: premiumFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.25s;\n }\n\n .tabaco-direct-cta {\n margin-top: 15px;\n will-change: transform, opacity;\n opacity: 0;\n transform: translate3d(-10px, 0, 0);\n animation: premiumFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n animation-delay: 0.4s;\n }\n\n .btn-tabaco-premium {\n position: relative;\n display: inline-block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 16px;\n color: var(--c1, #153b3f) !important;\n text-decoration: none !important;\n padding: 18px 55px;\n border-radius: 50px;\n background: linear-gradient(135deg, #ffffff 0%, #e2eded 100%);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, box-shadow 0.3s ease;\n cursor: pointer;\n }\n\n .btn-tabaco-premium:hover {\n transform: translate3d(0, -3px, 0);\n box-shadow: 0 15px 35px rgba(244, 187, 199, 0.3), 0 0 15px rgba(255, 255, 255, 0.2);\n background: #ffffff;\n }\n\n \/* --- BLOQUE DERECHO --- *\/\n .tabaco-pillars-col {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n }\n\n .tabaco-pillars-wrapper {\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n align-items: flex-end;\n }\n\n .tabaco-pillar-module {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n padding: 30px 35px;\n width: 100%;\n max-width: 580px;\n color: #ffffff;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n display: flex;\n flex-direction: column;\n gap: 15px;\n \n will-change: transform, opacity;\n opacity: 0;\n \/* Se usa \u00fanicamente animaciones universales y seguras *\/\n animation: premiumFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards, clinicFloat 7s ease-in-out infinite;\n }\n\n \/* Delays de animaci\u00f3n limpios *\/\n .modern-tabaco-section .module-01 { animation-delay: 0.1s, 0s; }\n .modern-tabaco-section .module-02 { animation-delay: 0.25s, 1.5s; }\n .modern-tabaco-section .module-03 { animation-delay: 0.4s, 3s; }\n\n .tabaco-pillar-module:hover {\n transform: translate3d(8px, 0, 0) scale(1.02);\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(244, 187, 199, 0.3);\n }\n\n .pillar-module-header {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .pulse-indicator {\n width: 10px;\n height: 10px;\n background: #f4bbc7;\n border-radius: 50%;\n box-shadow: 0 0 0 0 rgba(244, 187, 199, 0.8);\n animation: monolithPulse 2s infinite;\n }\n\n .pillar-number {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(24px, 3vw, 36px);\n font-weight: 800;\n color: #ffffff !important; \/* Forzado de color seguro *\/\n letter-spacing: -1.5px;\n line-height: 1;\n background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.01) 100%);\n width: 55px; \n height: 55px; \n border-radius: 12px;\n display: flex; \n align-items: center; \n justify-content: center;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .tabaco-pillar-module h3 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(16px, 1.8vw, 22px);\n font-weight: 700;\n color: #ffffff;\n margin: 0;\n line-height: 1.3;\n }\n\n \/* --- KEYFRAMES COMPARTIDOS Y ESTABLES (M\u00c1XIMA COMPATIBILIDAD M\u00d3VIL) --- *\/\n @keyframes premiumFadeIn {\n 0% { opacity: 0; transform: translate3d(-20px, 0, 0); filter: blur(4px); }\n 100% { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0px); }\n }\n\n @keyframes clinicFloat {\n 0% { transform: translate3d(0, 0, 0); }\n 50% { transform: translate3d(5px, -4px, 0); }\n 100% { transform: translate3d(0, 0, 0); }\n }\n\n @keyframes monolithPulse {\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(244, 187, 199, 0.6); }\n 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(244, 187, 199, 0); }\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(244, 187, 199, 0); }\n }\n\n \/* --- RESPONSIVE INTELIGENTE CORREGIDO --- *\/\n @media (max-width: 992px) {\n .modern-tabaco-section {\n padding: 50px 20px;\n }\n\n .modern-tabaco-full-container {\n grid-template-columns: 1fr; \/* Columna \u00fanica en tel\u00e9fonos *\/\n text-align: center;\n gap: 40px;\n }\n\n .tabaco-direct-col {\n text-align: center;\n justify-content: center;\n }\n\n .tabaco-direct-wrapper {\n max-width: 100%;\n }\n\n .modern-tabaco-section h2 {\n text-align: center;\n }\n\n \/* Se corrige la animaci\u00f3n m\u00f3vil heredada *\/\n .tabaco-pillar-module {\n opacity: 1 !important; \/* Forzar visibilidad en fallos de renderizado de tel\u00e9fonos antiguos *\/\n transform: none !important;\n animation: none !important; \/* Apaga animaciones complejas en m\u00f3vil para optimizar bater\u00eda *\/\n text-align: left;\n max-width: 100%;\n padding: 22px;\n }\n\n .tabaco-pillars-wrapper {\n align-items: center;\n gap: 15px;\n }\n }\n\n @media (max-width: 480px) {\n .tabaco-pillar-module {\n padding: 20px;\n gap: 10px;\n }\n .pillar-number {\n width: 50px; \n height: 50px;\n font-size: 22px;\n display: flex !important; \/* Garantizar despliegue en pantallas peque\u00f1as *\/\n }\n .btn-tabaco-premium {\n width: 100%;\n max-width: 300px;\n padding: 16px 24px;\n }\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e54a91b e-con-full e-flex e-con e-parent\" data-id=\"e54a91b\" data-element_type=\"container\" data-e-type=\"container\" id=\"Sobremi\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddd6ee4 elementor-widget elementor-widget-html\" data-id=\"ddd6ee4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- SECCI\u00d3N: PERFIL PROFESIONAL (DISE\u00d1O EDITORIAL CL\u00cdNICO COMPACTO) --- *\/\n .doctor-profile-section {\n width: 100%;\n padding: 50px 8%; \/* Reducido para evitar exceso de \u00e1reas vac\u00edas *\/\n background-color: #ffffff;\n background-image: \n linear-gradient(to right, rgba(21, 59, 63, 0.02) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(21, 59, 63, 0.02) 1px, transparent 1px);\n background-size: 30px 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n }\n\n .doctor-profile-container {\n max-width: 1140px;\n width: 100%;\n display: grid;\n grid-template-columns: 0.9fr 1.1fr; \n gap: 50px;\n align-items: start; \/* Alinea la foto y el texto al ras superior *\/\n }\n\n \/* --- BLOQUE IZQUIERDO: AJUSTE DIN\u00c1MICO DE IMAGEN --- *\/\n .doctor-image-wrapper {\n position: relative;\n width: 100%;\n max-width: 400px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(21, 59, 63, 0.08);\n overflow: hidden;\n display: block; \/* Elimina espacios fantasmas inferiores *\/\n }\n\n .doctor-image-wrapper img {\n width: 100%;\n height: auto; \/* Permite que la imagen tome su altura natural sin dejar huecos en blanco *\/\n display: block;\n }\n\n \/* --- BLOQUE DERECHO: CONTENIDO Y CREDENCIALES --- *\/\n .doctor-info-content {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n \/* Animaci\u00f3n de entrada para el perfil *\/\n @keyframes profileFadeUp {\n from { opacity: 0; transform: translateY(15px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .doctor-info-content h2,\n .doctor-credentials-meta,\n .doctor-biography-text,\n .academic-formation-wrapper,\n .doctor-action-box {\n opacity: 0;\n animation: profileFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n \/* H2 Principal *\/\n .doctor-info-content h2 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(24px, 3.2vw, 34px);\n font-weight: 800;\n color: var(--c1);\n line-height: 1.25;\n margin: 0;\n letter-spacing: -0.5px;\n text-transform: none !important;\n animation-delay: 0.1s;\n }\n\n \/* Meta C\u00e9dulas *\/\n .doctor-credentials-meta {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n animation-delay: 0.2s;\n }\n\n .credential-tag {\n font-size: 12.5px;\n font-weight: 600;\n color: #5a6e71;\n background: #f4f7f8;\n padding: 5px 12px;\n border-radius: 6px;\n border: 1px solid rgba(21, 59, 63, 0.04);\n }\n\n \/* Biograf\u00eda (TEXTO JUSTIFICADO OPTIMIZADO) *\/\n .doctor-biography-text {\n font-size: 15px;\n font-weight: 400;\n color: #4a5d60;\n line-height: 1.6;\n margin: 0;\n text-align: justify; \/* Justificado perfecto solicitado *\/\n text-justify: inter-word;\n animation-delay: 0.3s;\n }\n\n \/* --- FORMACI\u00d3N ACAD\u00c9MICA --- *\/\n .academic-formation-wrapper {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 5px;\n animation-delay: 0.4s;\n }\n\n .academic-formation-wrapper h3 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 700;\n color: var(--c2);\n margin: 0 0 2px 0;\n letter-spacing: 0.5px;\n text-transform: none !important;\n }\n\n \/* Contenedor de Fila Acad\u00e9mica *\/\n .academic-item-row {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(255, 255, 255, 0.5);\n padding: 10px 0;\n border-bottom: 1px solid #eef2f3;\n }\n\n .academic-item-row:last-child {\n border-bottom: none;\n }\n\n \/* Contenedor del Logo Institucional con Vi\u00f1eta de Respaldo *\/\n .institution-logo-frame {\n width: 44px;\n height: 44px;\n min-width: 44px;\n border-radius: 8px;\n background: #f4f7f8;\n border: 1px solid rgba(21, 59, 63, 0.06);\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n\n .institution-logo-frame img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n position: relative;\n z-index: 2;\n }\n\n \/* PROGRAMACI\u00d3N INDICACI\u00d3N: Vi\u00f1eta de dise\u00f1o de respaldo si el logo no carga *\/\n .institution-logo-frame::before {\n content: '\u2756';\n position: absolute;\n z-index: 1;\n font-size: 14px;\n color: var(--c2);\n font-weight: 700;\n }\n\n .academic-text-details {\n font-size: 14px;\n font-weight: 500;\n color: #2c3e41;\n line-height: 1.4;\n }\n\n \/* Bot\u00f3n de Acci\u00f3n *\/\n .doctor-action-box {\n margin-top: 5px;\n animation-delay: 0.5s;\n }\n\n .btn-doctor-contact {\n display: inline-block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: #ffffff !important;\n text-decoration: none !important;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n padding: 14px 40px;\n border-radius: 50px;\n box-shadow: 0 6px 18px rgba(21, 59, 63, 0.15);\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n text-transform: none !important;\n cursor: pointer;\n }\n\n .btn-doctor-contact:hover {\n transform: scale(1.02);\n box-shadow: 0 10px 22px rgba(21, 59, 63, 0.25);\n }\n\n \/* --- ADAPTABILIDAD RESPONSIVA --- *\/\n @media (max-width: 992px) {\n .doctor-profile-section {\n padding: 45px 20px;\n }\n\n .doctor-profile-container {\n grid-template-columns: 1fr;\n gap: 35px;\n }\n\n .doctor-image-wrapper {\n margin: 0 auto;\n max-width: 320px;\n }\n\n .doctor-info-content {\n text-align: center;\n }\n\n \/* En celular, la alineaci\u00f3n justificada puede verse extra\u00f1a si el espacio es muy reducido, \n pero mantenemos text-align: justify como prioridad; de lo contrario puedes alternar a center *\/\n .doctor-biography-text {\n text-align: justify;\n }\n\n .doctor-credentials-meta {\n justify-content: center;\n }\n\n .academic-item-row {\n text-align: left;\n padding: 12px 5px;\n }\n\n .btn-doctor-contact {\n width: 100%;\n max-width: 300px;\n box-sizing: border-box;\n }\n }\n<\/style>\n\n<section class=\"doctor-profile-section\">\n <div class=\"doctor-profile-container\">\n \n <!-- Bloque Izquierdo: Fotograf\u00eda del Especialista sin dimensiones forzadas -->\n <div class=\"doctor-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/IMG_5395-scaled.jpg\" alt=\"Dr. Rodrigo Sep\u00falveda Vargas\">\n <\/div>\n\n <!-- Bloque Derecho: Informaci\u00f3n M\u00e9dica Completa -->\n <div class=\"doctor-info-content\">\n \n <h2>Dr. Rodrigo Sep\u00falveda Vargas Especialista en Neumolog\u00eda<\/h2>\n \n <!-- Tags de C\u00e9dulas -->\n <div class=\"doctor-credentials-meta\">\n <span class=\"credential-tag\">C\u00e9dula Profesional: 10866142<\/span>\n <span class=\"credential-tag\">C\u00e9dula de Especialidad: 15243181<\/span>\n <\/div>\n\n <!-- Rese\u00f1a Biogr\u00e1fica Justificada -->\n <p class=\"doctor-biography-text\">\n Me enfoco en el diagn\u00f3stico y tratamiento de enfermedades respiratorias en adultos. Mi pr\u00e1ctica se centra en brindar un acompa\u00f1amiento cercano, con explicaciones claras y honestas, as\u00ed como seguimiento personalizado para pacientes con asma, apnea del sue\u00f1o, EPOC, infecciones respiratorias y otros padecimientos pulmonares\n <\/p>\n\n <!-- Trayectoria Acad\u00e9mica -->\n <div class=\"academic-formation-wrapper\">\n <h3>Formaci\u00f3n acad\u00e9mica<\/h3>\n \n <!-- Fila 1: Universidad Aut\u00f3noma de Coahuila -->\n <div class=\"academic-item-row\">\n <div class=\"institution-logo-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Universidad-Auto\u0301noma-de-Coahuila.jpeg\" alt=\"Universidad Aut\u00f3noma de Coahuila\" onerror=\"this.style.display='none'\">\n <\/div>\n <div class=\"academic-text-details\">\n M\u00e9dico Cirujano por la Universidad Aut\u00f3noma de Coahuila\n <\/div>\n <\/div>\n\n <!-- Fila 2: Hospital General de M\u00e9xico \/ UNAM -->\n <div class=\"academic-item-row\">\n <div class=\"institution-logo-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Especialidad-en-Neumologi\u0301a-por-el-Hospital-General-de-Me\u0301xico.png\" alt=\"UNAM \/ Hospital General de M\u00e9xico\" onerror=\"this.style.display='none'\">\n <\/div>\n <div class=\"academic-text-details\">\n Especialidad en Neumolog\u00eda por el Hospital General de M\u00e9xico \"Dr. Eduardo Liceaga\" y la Universidad Nacional Aut\u00f3noma de M\u00e9xico (UNAM)\n <\/div>\n <\/div>\n\n <!-- Fila 3: Sociedad Mexicana de Neumolog\u00eda -->\n <div class=\"academic-item-row\">\n <div class=\"institution-logo-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Sociedad-Mexicana-de-Neumologi\u0301a-y-Cirugi\u0301a-de-To\u0301rax.webp\" alt=\"Sociedad Mexicana de Neumolog\u00eda y Cirug\u00eda de T\u00f3rax\" onerror=\"this.style.display='none'\">\n <\/div>\n <div class=\"academic-text-details\">\n Diplomado en Rehabilitaci\u00f3n Pulmonar por la Sociedad Mexicana de Neumolog\u00eda y Cirug\u00eda de T\u00f3rax\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Bot\u00f3n de Contacto -->\n <div class=\"doctor-action-box\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-doctor-contact\">\n Cont\u00e1ctame\n <\/a>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e1da83 e-con-full e-flex e-con e-parent\" data-id=\"9e1da83\" data-element_type=\"container\" data-e-type=\"container\" id=\"Testimonios\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57f8463 elementor-widget elementor-widget-html\" data-id=\"57f8463\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- SECCI\u00d3N: TESTIMONIOS (CARRUSEL AUTOM\u00c1TICO CON FONDO PREMIUM) --- *\/\n .testimonials-carousel-section {\n width: 100%;\n padding: 80px 0;\n position: relative;\n \/* FONDO DE CONTINGENCIA: Degradado cl\u00ednico premium con textura geom\u00e9trica integrada libre de bloqueos *\/\n background-color: #f4f7f8;\n background-image: \n radial-gradient(at 0% 0%, rgba(21, 59, 63, 0.03) 0px, transparent 50%),\n radial-gradient(at 50% 0%, rgba(122, 143, 146, 0.05) 0px, transparent 50%),\n linear-gradient(to bottom, #ffffff, #eef2f3);\n background-size: cover;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 45px;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n overflow: hidden;\n }\n\n \/* Encabezado H2 *\/\n .testimonials-carousel-section h2 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(24px, 3.2vw, 36px);\n font-weight: 800;\n color: var(--c1);\n line-height: 1.3;\n margin: 0;\n text-align: center;\n letter-spacing: -0.5px;\n padding: 0 20px;\n max-width: 800px;\n text-transform: none !important; \/* Estricta primera letra may\u00fascula *\/\n position: relative;\n z-index: 2;\n }\n\n \/* --- CONTENEDOR DEL MARQUESINA (TRACK) --- *\/\n .marquee-container {\n width: 100%;\n overflow: hidden;\n display: flex;\n position: relative;\n padding: 15px 0;\n z-index: 2;\n }\n\n \/* Difuminados elegantes a los lados para ocultar la entrada\/salida de tarjetas *\/\n .marquee-container::before,\n .marquee-container::after {\n content: '';\n position: absolute;\n top: 0;\n width: 12%;\n height: 100%;\n z-index: 3;\n pointer-events: none;\n }\n .marquee-container::before {\n left: 0;\n background: linear-gradient(to right, #f4f7f8, transparent);\n }\n .marquee-container::after {\n right: 0;\n background: linear-gradient(to left, #eef2f3, transparent);\n }\n\n \/* Bloque que se mueve infinitamente *\/\n .marquee-track {\n display: flex;\n gap: 30px;\n width: max-content;\n animation: infiniteScroll 35s linear infinite;\n }\n\n \/* Pausa la animaci\u00f3n al pasar el mouse por encima para permitir la lectura *\/\n .marquee-container:hover .marquee-track {\n animation-play-state: paused;\n }\n\n \/* ANIMACI\u00d3N: Movimiento de traducci\u00f3n exacto *\/\n @keyframes infiniteScroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(calc(-50% - 15px)); }\n }\n\n \/* --- TARJETA DE TESTIMONIO INDIVIDUAL --- *\/\n .testimonial-card {\n background: #ffffff;\n border: 1px solid rgba(21, 59, 63, 0.06);\n border-radius: 20px;\n padding: 30px;\n width: 380px;\n box-shadow: 0 10px 30px rgba(21, 59, 63, 0.04);\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(21, 59, 63, 0.1);\n border-color: rgba(21, 59, 63, 0.15);\n }\n\n \/* Fila Superior de Estrellas y Perfil *\/\n .testimonial-top-row {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .testimonial-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n color: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 700;\n font-size: 16px;\n letter-spacing: -0.5px;\n }\n\n .testimonial-meta-info {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n \/* Nombre del paciente H3 *\/\n .testimonial-meta-info h3 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: 15.5px;\n font-weight: 700;\n color: var(--c1);\n margin: 0;\n text-transform: none !important; \/* Estricta primera letra may\u00fascula *\/\n }\n\n .testimonial-stars {\n color: #ffb800;\n font-size: 14px;\n letter-spacing: 1px;\n }\n\n \/* Texto de la opini\u00f3n *\/\n .testimonial-comment-text {\n font-size: 14px;\n font-weight: 400;\n color: #4a5d60;\n line-height: 1.6;\n margin: 0;\n text-align: justify;\n text-justify: inter-word;\n }\n\n \/* --- CONTENEDOR DEL BOT\u00d3N --- *\/\n .testimonials-action-box {\n margin-top: 10px;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .btn-testimonials-booking {\n display: inline-block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: #ffffff !important;\n text-decoration: none !important;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n padding: 16px 44px;\n border-radius: 50px;\n box-shadow: 0 6px 20px rgba(21, 59, 63, 0.15);\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n text-transform: none !important;\n cursor: pointer;\n }\n\n .btn-testimonials-booking:hover {\n transform: scale(1.02);\n box-shadow: 0 10px 25px rgba(21, 59, 63, 0.25);\n }\n\n \/* --- RESPONSIVE OPTIMIZATION --- *\/\n @media (max-width: 768px) {\n .testimonials-carousel-section {\n padding: 55px 0;\n gap: 30px;\n }\n\n .testimonial-card {\n width: 300px;\n padding: 22px;\n }\n\n .btn-testimonials-booking {\n width: 100%;\n max-width: 300px;\n text-align: center;\n box-sizing: border-box;\n }\n }\n<\/style>\n\n<section class=\"testimonials-carousel-section\">\n \n <h2>Pacientes que confiaron su salud en mi conocimiento m\u00e9dico<\/h2>\n\n <!-- Contenedor del Carrusel Autom\u00e1tico -->\n <div class=\"marquee-container\">\n <div class=\"marquee-track\">\n \n <!-- TARJETA 1 -->\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">DA<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Deborah Mery Ayup<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">Muy recomendado. Es mi m\u00e9dico de cabecera, siempre est\u00e1 al pendiente cuando lo necesito y sus tratamientos han sido muy acertados. Lo recomiendo ampliamente<\/p>\n <\/div>\n\n <!-- TARJETA 2 -->\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">CC<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Carlos Javier Castillo P\u00e9rez<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">Excelente atenci\u00f3n. Sal\u00ed muy satisfecho con el servicio. El doctor es muy atento y profesional<\/p>\n <\/div>\n\n <!-- TARJETA 3 -->\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">FB<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Dr. Ferm\u00edn Barba Gonz\u00e1lez<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">El Dr. Sep\u00falveda es un gran m\u00e9dico. Fui su paciente durante una temporada de influenza y en todo momento recib\u00ed apoyo por parte de \u00e9l. Ampliamente recomendado<\/p>\n <\/div>\n\n <!-- TARJETA 4 -->\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">ML<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Mario L\u00f3pez Ahumada<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">El Dr. Sep\u00falveda es un excelente neum\u00f3logo. Me ha atendido durante episodios graves de alergia y trat\u00f3 la neumon\u00eda de mi esposo con gran profesionalismo y conocimiento<\/p>\n <\/div>\n\n <!-- TARJETA 5 -->\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">AT<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Alan Michael Torres<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">S\u00faper recomendado. Soy asm\u00e1tico y me ha ayudado mucho a mejorar mi calidad de vida. Es un m\u00e9dico muy profesional y emp\u00e1tico<\/p>\n <\/div>\n\n <!-- =======================================================\n BLOQUE DUPLICADO (REQUERIDO PARA EL EFECTO INFINITO) \n ======================================================= -->\n \n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">DA<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Deborah Mery Ayup<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">Muy recomendado. Es mi m\u00e9dico de cabecera, siempre est\u00e1 al pendiente cuando lo necesito y sus tratamientos han sido muy acertados. Lo recomiendo ampliamente<\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">CC<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Carlos Javier Castillo P\u00e9rez<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">Excelente atenci\u00f3n. Sal\u00ed muy satisfecho con el servicio. El doctor es muy atento y profesional<\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">FB<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Dr. Ferm\u00edn Barba Gonz\u00e1lez<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">El Dr. Sep\u00falveda es un gran m\u00e9dico. Fui su paciente durante una temporada de influenza y en todo momento recib\u00ed apoyo por parte de \u00e9l. Ampliamente recomendado<\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">ML<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Mario L\u00f3pez Ahumada<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">El Dr. Sep\u00falveda es un excelente neum\u00f3logo. Me ha atendido durante episodios graves de alergia y trat\u00f3 la neumon\u00eda de mi esposo con gran profesionalismo y conocimiento.<\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-top-row\">\n <div class=\"testimonial-avatar\">AT<\/div>\n <div class=\"testimonial-meta-info\">\n <h3>Alan Michael Torres<\/h3>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n <p class=\"testimonial-comment-text\">S\u00faper recomendado. Soy asm\u00e1tico y me ha ayudado mucho a mejorar mi calidad de vida. Es un m\u00e9dico muy profesional y emp\u00e1tico.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Llamado a la Acci\u00f3n -->\n <div class=\"testimonials-action-box\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-testimonials-booking\">\n Quiero una cita\n <\/a>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3b956c e-con-full e-flex e-con e-parent\" data-id=\"c3b956c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95b8ed3 elementor-widget elementor-widget-html\" data-id=\"95b8ed3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- SECCI\u00d3N: GALER\u00cdA ARQUITECT\u00d3NICA \"ARISTAS DESPLAZADAS\" COMPACTA --- *\/\n .exclusive-gallery-section {\n width: 100%;\n padding: 40px 0; \/* Relleno vertical dr\u00e1sticamente reducido *\/\n background-color: #ffffff;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 35px; \/* Espaciado interno optimizado *\/\n font-family: var(--font-main), 'Montserrat', sans-serif;\n overflow: hidden;\n }\n\n \/* --- DISE\u00d1O DE FONDO SUTIL ANIMADO (PART\u00cdCULAS CL\u00cdNICAS) --- *\/\n .exclusive-gallery-section::before,\n .exclusive-gallery-section::after {\n content: '';\n position: absolute;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(21, 59, 63, 0.03) 0%, transparent 70%);\n pointer-events: none;\n z-index: 1;\n }\n\n .exclusive-gallery-section::before {\n top: -50px;\n left: -50px;\n animation: floatOrbOne 25s ease-in-out infinite alternate;\n }\n\n .exclusive-gallery-section::after {\n bottom: -50px;\n right: -50px;\n animation: floatOrbTwo 30s ease-in-out infinite alternate;\n }\n\n \/* Animaciones ultra suaves para el fondo *\/\n @keyframes floatOrbOne {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(60px, 40px) scale(1.15); }\n }\n\n @keyframes floatOrbTwo {\n 0% { transform: translate(0, 0) scale(1.2); }\n 100% { transform: translate(-50px, -30px) scale(0.95); }\n }\n\n \/* H2 Principal *\/\n .exclusive-gallery-section h2 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(22px, 3vw, 34px);\n font-weight: 800;\n color: var(--c1);\n line-height: 1.3;\n margin: 0;\n text-align: center;\n letter-spacing: -0.5px;\n padding: 0 20px;\n max-width: 850px;\n text-transform: none !important;\n position: relative;\n z-index: 2;\n }\n\n \/* --- CONTAINER DEL TRACK MARQUEE --- *\/\n .exclusive-marquee-container {\n width: 100%;\n overflow: hidden;\n display: flex;\n position: relative;\n padding: 20px 0; \/* Ajustado para el despliegue del efecto *\/\n z-index: 2;\n }\n\n .exclusive-marquee-track {\n display: flex;\n gap: 45px;\n width: max-content;\n animation: exclusiveScroll 45s linear infinite;\n }\n\n .exclusive-marquee-container:hover .exclusive-marquee-track {\n animation-play-state: paused;\n }\n\n @keyframes exclusiveScroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(calc(-50% - 22.5px)); }\n }\n\n \/* --- CARD CON GEOMETR\u00cdA DESPLAZADA RECTA --- *\/\n .exclusiv-angular-card {\n width: 360px;\n height: 250px;\n position: relative;\n background: transparent;\n flex-shrink: 0;\n cursor: pointer;\n }\n\n \/* Estructura Trasera de Acento *\/\n .exclusiv-angular-card::before {\n content: '';\n position: absolute;\n top: 12px;\n left: 12px;\n right: -12px;\n bottom: -12px;\n background: transparent;\n border-right: 3px solid var(--c2);\n border-bottom: 3px solid var(--c2);\n border-radius: 0px !important;\n z-index: 1;\n transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n \/* Contenedor de la Imagen Principal *\/\n .exclusiv-image-frame {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 2;\n overflow: hidden;\n border: 1px solid var(--c1);\n border-radius: 0px !important;\n background-color: #f4f7f8;\n box-shadow: 0 8px 25px rgba(21, 59, 63, 0.04);\n transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;\n }\n\n .exclusiv-image-frame img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 0px !important;\n transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n \/* --- EFECTO INTERACTIVO DIN\u00c1MICO CRUZADO (HOVER) --- *\/\n .exclusiv-angular-card:hover::before {\n transform: translate(6px, 6px);\n }\n\n .exclusiv-angular-card:hover .exclusiv-image-frame {\n transform: translate(-4px, -4px);\n box-shadow: 12px 18px 35px rgba(21, 59, 63, 0.1);\n }\n\n .exclusiv-angular-card:hover .exclusiv-image-frame img {\n transform: scale(1.04);\n }\n\n \/* --- BOT\u00d3N DE ACCI\u00d3N --- *\/\n .exclusive-action-box {\n margin-top: 5px;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .btn-exclusive-booking {\n display: inline-block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: #ffffff !important;\n text-decoration: none !important;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n padding: 15px 42px;\n border-radius: 50px;\n box-shadow: 0 6px 18px rgba(21, 59, 63, 0.15);\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n text-transform: none !important;\n cursor: pointer;\n }\n\n .btn-exclusive-booking:hover {\n transform: scale(1.02);\n box-shadow: 0 10px 22px rgba(21, 59, 63, 0.25);\n }\n\n \/* --- RESPONSIVE OPTIMIZATION --- *\/\n @media (max-width: 768px) {\n .exclusive-gallery-section {\n padding: 35px 0;\n gap: 25px;\n }\n\n .exclusiv-angular-card {\n width: 280px;\n height: 200px;\n }\n \n .exclusive-marquee-track {\n gap: 30px;\n }\n\n .btn-exclusive-booking {\n width: 100%;\n max-width: 300px;\n text-align: center;\n box-sizing: border-box;\n }\n }\n<\/style>\n\n<section class=\"exclusive-gallery-section\">\n \n <h2>Un espacio dise\u00f1ado para atenci\u00f3n especializada en neumolog\u00eda<\/h2>\n\n <!-- Carrusel Aut\u00f3nomo Infinito con Fondo Animado -->\n <div class=\"exclusive-marquee-container\">\n <div class=\"exclusive-marquee-track\">\n \n <!-- TARJETA 1 -->\n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/consultorio-1.jpg\" alt=\"Instalaciones Especializadas\">\n <\/div>\n <\/div>\n\n <!-- TARJETA 2 -->\n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/instalaciones-1.jpg\" alt=\"Consultorio Neumolog\u00eda\">\n <\/div>\n <\/div>\n\n <!-- TARJETA 3 -->\n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/equipamiento.jpg\" alt=\"Equipamiento Avanzado\">\n <\/div>\n <\/div>\n\n <!-- TARJETA 4 -->\n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/recepcion.jpg\" alt=\"\u00c1rea M\u00e9dica\">\n <\/div>\n <\/div>\n\n <!-- =======================================================\n BLOQUE DUPLICADO EXACTO PARA LOOP INFINITO PERFECTO\n ======================================================= -->\n \n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/consultorio-1.jpg\" alt=\"Instalaciones Especializadas\">\n <\/div>\n <\/div>\n\n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/instalaciones-1.jpg\" alt=\"Consultorio Neumolog\u00eda\">\n <\/div>\n <\/div>\n\n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/equipamiento.jpg\" alt=\"Equipamiento Avanzado\">\n <\/div>\n <\/div>\n\n <div class=\"exclusiv-angular-card\">\n <div class=\"exclusiv-image-frame\">\n <img decoding=\"async\" src=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/recepcion.jpg\" alt=\"\u00c1rea M\u00e9dica\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Bot\u00f3n de Conversi\u00f3n -->\n <div class=\"exclusive-action-box\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-exclusive-booking\">\n Agendar mi consulta\n <\/a>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-219f9ff e-con-full e-flex e-con e-parent\" data-id=\"219f9ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ca69f7 elementor-widget elementor-widget-html\" data-id=\"3ca69f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- SECCI\u00d3N: FAQ ASIM\u00c9TRICA FLOTANTE (DARK PREMIUM) --- *\/\n .faq-minimal-dark-section {\n width: 100%;\n padding: 60px 0;\n position: relative;\n \/* Imagen de fondo n\u00edtida con un degradado oscuro integrado para contraste *\/\n background-image: \n linear-gradient(rgba(17, 38, 41, 0.75), rgba(17, 38, 41, 0.85)), \n url('https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/3893.jpg');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-attachment: fixed;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 35px;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n }\n\n \/* H2 Principal *\/\n .faq-minimal-dark-section h2 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: clamp(22px, 3vw, 34px);\n font-weight: 800;\n color: #ffffff;\n line-height: 1.3;\n margin: 0;\n text-align: center;\n letter-spacing: -0.5px;\n padding: 0 20px;\n max-width: 750px;\n text-transform: none !important;\n }\n\n \/* Contenedor invisible (las preguntas flotan libres) *\/\n .faq-floating-container {\n max-width: 800px;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 0 24px;\n box-sizing: border-box;\n }\n\n \/* Tarjetas Independientes Flotantes *\/\n .faq-floating-card {\n width: 100%;\n background: #ffffff;\n \/* Bordes alternos asim\u00e9tricos e in\u00e9ditos *\/\n border-top: 3px solid rgba(21, 59, 63, 0.1);\n border-left: 3px solid rgba(21, 59, 63, 0.1);\n border-right: 1px solid rgba(21, 59, 63, 0.05);\n border-bottom: 1px solid rgba(21, 59, 63, 0.05);\n border-radius: 0px !important;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n \/* Control oculto *\/\n .faq-radio-input {\n display: none;\n }\n\n \/* Cabecera \/ Trigger *\/\n .faq-card-trigger {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 24px;\n background: #ffffff;\n cursor: pointer;\n user-select: none;\n }\n\n .faq-card-trigger h3 {\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: var(--c1);\n margin: 0;\n line-height: 1.4;\n padding-right: 15px;\n text-transform: none !important;\n }\n\n \/* Flecha Minimalista de Rotaci\u00f3n *\/\n .faq-arrow-icon {\n width: 12px;\n height: 12px;\n border-right: 2px solid var(--c2);\n border-bottom: 2px solid var(--c2);\n transform: rotate(45deg);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n flex-shrink: 0;\n margin-right: 4px;\n }\n\n \/* Bloque de Respuesta *\/\n .faq-card-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n background: #fdfdfd;\n }\n\n .faq-card-body p {\n font-size: 14.5px;\n font-weight: 400;\n color: #4a5d60;\n line-height: 1.6;\n padding: 0 24px 20px 24px;\n margin: 0;\n text-align: justify;\n }\n\n \/* --- COMPORTAMIENTO AL ACTIVARSE --- *\/\n \/* Cuando se abre, los bordes asim\u00e9tricos se iluminan con el color de acento *\/\n .faq-radio-input:checked ~ .faq-floating-card {\n border-top-color: var(--c2);\n border-left-color: var(--c2);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);\n }\n\n \/* Rotaci\u00f3n de la flecha indicador *\/\n .faq-radio-input:checked ~ .faq-floating-card .faq-arrow-icon {\n transform: rotate(-135deg);\n }\n\n \/* Despliegue de altura *\/\n .faq-radio-input:checked ~ .faq-floating-card .faq-card-body {\n max-height: 180px;\n border-top: 1px solid rgba(21, 59, 63, 0.05);\n }\n\n \/* --- BOT\u00d3N DE ACCI\u00d3N --- *\/\n .faq-action-wrapper {\n margin-top: 5px;\n position: relative;\n z-index: 2;\n }\n\n .btn-minimal-dark {\n display: inline-block;\n font-family: var(--font-main), 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: #ffffff !important;\n text-decoration: none !important;\n background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);\n padding: 16px 44px;\n border-radius: 50px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n text-transform: none !important;\n cursor: pointer;\n }\n\n .btn-minimal-dark:hover {\n transform: scale(1.02);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);\n }\n\n \/* --- RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .faq-minimal-dark-section {\n padding: 45px 0;\n background-attachment: scroll;\n }\n\n .faq-floating-container {\n padding: 0 15px;\n gap: 12px;\n }\n\n .faq-card-trigger {\n padding: 16px 18px;\n }\n\n .faq-card-trigger h3 {\n font-size: 14.5px;\n }\n\n .faq-card-body p {\n padding: 0 18px 16px 18px;\n font-size: 13.5px;\n }\n\n .btn-minimal-dark {\n width: 100%;\n max-width: 290px;\n text-align: center;\n box-sizing: border-box;\n }\n }\n<\/style>\n\n<section class=\"faq-minimal-dark-section\">\n \n <h2>Resuelve tus dudas antes de tu consulta<\/h2>\n\n <div class=\"faq-floating-container\">\n\n <!-- PREGUNTA 1 -->\n <div class=\"faq-card-item\">\n <input type=\"radio\" id=\"dark-faq-1\" name=\"floating-faq-group\" class=\"faq-radio-input\">\n <div class=\"faq-floating-card\">\n <label for=\"dark-faq-1\" class=\"faq-card-trigger\">\n <h3>\u00bfCu\u00e1ndo debo acudir con un neum\u00f3logo?<\/h3>\n <div class=\"faq-arrow-icon\"><\/div>\n <\/label>\n <div class=\"faq-card-body\">\n <p>Cuando presentas tos persistente, falta de aire, ronquidos, asma, infecciones respiratorias frecuentes o s\u00edntomas relacionados con enfermedades pulmonares<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PREGUNTA 2 -->\n <div class=\"faq-card-item\">\n <input type=\"radio\" id=\"dark-faq-2\" name=\"floating-faq-group\" class=\"faq-radio-input\">\n <div class=\"faq-floating-card\">\n <label for=\"dark-faq-2\" class=\"faq-card-trigger\">\n <h3>\u00bfLa apnea del sue\u00f1o puede afectar mi salud?<\/h3>\n <div class=\"faq-arrow-icon\"><\/div>\n <\/label>\n <div class=\"faq-card-body\">\n <p>S\u00ed, puede relacionarse con cansancio constante, alteraciones del descanso y otros problemas que requieren valoraci\u00f3n especializada<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PREGUNTA 3 -->\n <div class=\"faq-card-item\">\n <input type=\"radio\" id=\"dark-faq-3\" name=\"floating-faq-group\" class=\"faq-radio-input\">\n <div class=\"faq-floating-card\">\n <label for=\"dark-faq-3\" class=\"faq-card-trigger\">\n <h3>\u00bfAtiende pacientes internacionales?<\/h3>\n <div class=\"faq-arrow-icon\"><\/div>\n <\/label>\n <div class=\"faq-card-body\">\n <p>S\u00ed, la consulta puede realizarse en ingl\u00e9s para pacientes extranjeros que requieran atenci\u00f3n especializada<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PREGUNTA 4 -->\n <div class=\"faq-card-item\">\n <input type=\"radio\" id=\"dark-faq-4\" name=\"floating-faq-group\" class=\"faq-radio-input\">\n <div class=\"faq-floating-card\">\n <label for=\"dark-faq-4\" class=\"faq-card-trigger\">\n <h3>\u00bfNecesito estudios previos para acudir a consulta?<\/h3>\n <div class=\"faq-arrow-icon\"><\/div>\n <\/label>\n <div class=\"faq-card-body\">\n <p>No es indispensable. Si cuentas con estudios o radiograf\u00edas previas, pueden revisarse durante la valoraci\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PREGUNTA 5 -->\n <div class=\"faq-card-item\">\n <input type=\"radio\" id=\"dark-faq-5\" name=\"floating-faq-group\" class=\"faq-radio-input\">\n <div class=\"faq-floating-card\">\n <label for=\"dark-faq-5\" class=\"faq-card-trigger\">\n <h3>\u00bfLa poligraf\u00eda respiratoria se realiza en consulta?<\/h3>\n <div class=\"faq-arrow-icon\"><\/div>\n <\/label>\n <div class=\"faq-card-body\">\n <p>Es un estudio especializado que ayuda a evaluar trastornos respiratorios relacionados con el sue\u00f1o y se indica seg\u00fan cada caso<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Bot\u00f3n de Acci\u00f3n -->\n <div class=\"faq-action-wrapper\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" rel=\"noopener\" class=\"btn-minimal-dark\">\n Agendar cita\n <\/a>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6692a7a e-con-full e-flex e-con e-parent\" data-id=\"6692a7a\" data-element_type=\"container\" data-e-type=\"container\" id=\"Contacto\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78db19e elementor-widget elementor-widget-html\" data-id=\"78db19e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* --- CONFIGURACI\u00d3N DE NUEVA PALETA RESPIRATORIA \/ CL\u00cdNICA --- *\/\n :root {\n --med-bg-soft: #f4f8f9; \/* Fondo gris azulado muy suave *\/\n --med-blue-dark: #153b3f; \/* Azul profundo \/ Verde azulado de tu logotipo\/entorno *\/\n --med-blue-main: #1e555c; \/* Tono medio corporativo *\/\n --med-accent: #2c8c99; \/* Azul cl\u00ednico de acento para resaltar *\/\n --med-text-muted: #5a7376; \/* Gris medio para textos secundarios *\/\n --med-line-color: #cbdce0; \/* L\u00edneas divisorias sutiles *\/\n }\n\n @keyframes medFadeInUp {\n from { opacity: 0; transform: translateY(15px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .vs-section-wrapper-contact {\n width: 100%;\n padding: 40px 20px 20px 20px; \n background: linear-gradient(180deg, var(--med-bg-soft) 0%, #ffffff 100%);\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n }\n\n .vs-main-container {\n max-width: 1200px;\n width: 100%;\n box-sizing: border-box;\n }\n\n \/* Contenedor del t\u00edtulo centrado *\/\n .vs-main-container .studies-header {\n margin-bottom: 35px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .vs-main-container .studies-header .cjp-tag {\n font-size: 12px;\n font-weight: 700;\n color: var(--med-accent);\n letter-spacing: 2px;\n margin-bottom: 6px;\n }\n\n .vs-main-container .studies-header h2 {\n margin: 0;\n color: var(--med-blue-dark);\n font-size: 26px;\n font-weight: 700;\n line-height: 1.3;\n }\n\n \/* --- GRID DE CONTACTO OPTIMIZADO A 3 COLUMNAS --- *\/\n .cjp-compact-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-bottom: 35px;\n }\n\n .cjp-compact-row {\n background: #ffffff;\n border-radius: 14px;\n border: 1px solid rgba(21, 59, 63, 0.12);\n padding: 24px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n box-sizing: border-box;\n position: relative;\n transition: all 0.25s ease;\n box-shadow: 0 4px 20px rgba(21, 59, 63, 0.01);\n animation: medFadeInUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;\n }\n\n .cjp-compact-row:hover {\n border-color: var(--med-accent);\n box-shadow: 0 8px 25px rgba(21, 59, 63, 0.05);\n }\n\n \/* Enlace contenedor del icono superior *\/\n .cjp-icon-anchor {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 46px;\n height: 46px;\n background-color: var(--med-bg-soft);\n border-radius: 50%;\n color: var(--med-blue-main);\n margin-bottom: 14px;\n text-decoration: none !important;\n border: 1px solid rgba(21, 59, 63, 0.05);\n transition: all 0.25s ease;\n }\n\n .cjp-compact-row:hover .cjp-icon-anchor {\n background-color: var(--med-blue-main);\n color: #ffffff;\n transform: scale(1.05);\n }\n\n \/* Estilo del Icono de WhatsApp *\/\n .cjp-icon-anchor.wpp-brand {\n color: #25D366;\n background-color: rgba(37, 211, 102, 0.05);\n }\n .cjp-compact-row:hover .cjp-icon-anchor.wpp-brand {\n background-color: #25D366;\n color: #ffffff;\n }\n\n .cjp-geo-icon {\n width: 22px;\n height: 22px;\n fill: currentColor;\n }\n\n \/* T\u00edtulos de Enlaces *\/\n .cjp-row-title-link {\n font-size: 16px;\n font-weight: 700;\n color: var(--med-blue-dark) !important;\n text-decoration: none !important;\n margin-bottom: 10px;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .cjp-row-title-link:hover {\n color: var(--med-blue-main) !important;\n }\n\n .cjp-compact-text {\n font-size: 13px;\n color: var(--med-text-muted);\n line-height: 1.45;\n margin: 0 0 12px 0;\n }\n\n \/* Bloque de horarios \/ llamadas integrado *\/\n .cjp-compact-schedule {\n font-size: 12px;\n font-weight: 400;\n color: var(--med-text-muted);\n background: rgba(30, 85, 92, 0.03);\n padding: 10px;\n border-radius: 8px;\n width: 100%;\n box-sizing: border-box;\n margin-top: auto; \n border: 1px solid rgba(21, 59, 63, 0.05);\n }\n\n .cjp-compact-schedule strong {\n color: var(--med-blue-main);\n display: block;\n margin-bottom: 4px;\n }\n\n \/* Tarjeta especial para el bloque de WhatsApp *\/\n .cjp-wpp-card {\n border: 1px dashed #25D366;\n background-color: rgba(255, 255, 255, 0.7);\n }\n .cjp-wpp-card:hover {\n border-color: #25D366;\n background-color: rgba(37, 211, 102, 0.02);\n }\n\n .cjp-wpp-btn-inline {\n display: block;\n font-size: 12px;\n font-weight: 700;\n color: #ffffff !important;\n background-color: #25D366;\n text-decoration: none !important;\n padding: 10px 12px;\n border-radius: 6px;\n width: 100%;\n box-sizing: border-box;\n margin-top: auto;\n transition: background-color 0.2s ease;\n }\n\n .cjp-wpp-btn-inline:hover {\n background-color: #20ba5a;\n }\n\n \/* --- SECCI\u00d3N UBICACI\u00d3N MAPA PREMIUM --- *\/\n .seccion-mapas-villarreal {\n background-color: #ffffff;\n padding: 20px 20px 50px 20px;\n font-family: 'Montserrat', sans-serif;\n }\n\n .container-mapas-premium {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .card-mapa-premium {\n background: #ffffff;\n border-radius: 20px;\n box-shadow: 0 12px 35px rgba(21, 59, 63, 0.04);\n border: 1px solid rgba(21, 59, 63, 0.08);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;\n }\n\n .card-mapa-premium:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 45px rgba(21, 59, 63, 0.08);\n border-color: var(--med-accent);\n }\n\n .wrapper-iframe-mapa {\n width: 100%;\n height: 380px;\n background-color: var(--med-bg-soft);\n position: relative;\n overflow: hidden;\n }\n\n .wrapper-iframe-mapa iframe {\n width: 100% !important;\n height: 100% !important;\n border: 0;\n }\n\n \/* --- RESPONSIVO M\u00d3VIL Y TABLET --- *\/\n @media (max-width: 1024px) {\n .cjp-compact-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n .cjp-compact-grid .cjp-compact-row:nth-child(3) {\n grid-column: span 2;\n }\n }\n\n @media (max-width: 650px) {\n .cjp-compact-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n .cjp-compact-grid .cjp-compact-row:nth-child(3) {\n grid-column: span 1;\n }\n .vs-section-wrapper-contact { padding: 25px 15px; }\n .vs-main-container .studies-header h2 { font-size: 20px; }\n .wrapper-iframe-mapa { height: 280px; }\n .seccion-mapas-villarreal { padding: 15px 15px 35px 15px; }\n }\n<\/style>\n\n<section class=\"vs-section-wrapper-contact\">\n <div class=\"vs-main-container\">\n \n <div class=\"studies-header\">\n <span class=\"cjp-tag\">Encu\u00e9ntrame en:<\/span>\n <h2>Una valoraci\u00f3n especializada puede ayudarte a identificar la causa de tus s\u00edntomas:<\/h2>\n <\/div>\n\n <div class=\"cjp-compact-grid\">\n \n <div class=\"cjp-compact-row\">\n <a href=\"https:\/\/maps.app.goo.gl\/m4bgcLy1QAkx7yNF7\" target=\"_blank\" class=\"cjp-icon-anchor\" title=\"Ubicaci\u00f3n en Google Maps\">\n <svg class=\"cjp-geo-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/maps.app.goo.gl\/m4bgcLy1QAkx7yNF7\" target=\"_blank\" class=\"cjp-row-title-link\">\n CL\u00cdNICA CREA\n <\/a>\n <p class=\"cjp-compact-text\">C. Guanajuato 224 Interior 407 Piso 4 Roma Norte, Cuauht\u00e9moc CDMX, CP 06700<\/p>\n <div class=\"cjp-compact-schedule\">\n <strong>Horarios de atenci\u00f3n<\/strong>\n Lunes a viernes de 8:00 am a 2:00 pm <br>\n S\u00e1bados de 3:00 pm a 6:00 pm <br>\n Domingos con horario variable\n <\/div>\n <\/div>\n\n <div class=\"cjp-compact-row cjp-wpp-card\">\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" class=\"cjp-icon-anchor wpp-brand\" title=\"Contactar por WhatsApp\">\n <svg class=\"cjp-geo-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397.01 12.008.01c3.202.001 6.212 1.246 8.477 3.513 2.266 2.268 3.507 5.28 3.505 8.484-.004 6.657-5.34 11.997-11.953 11.997-2.005-.001-3.973-.502-5.713-1.457L0 24zm6.59-4.846c1.6.95 3.188 1.449 4.825 1.451 5.436 0 9.86-4.413 9.863-9.83.001-2.624-1.013-5.091-2.856-6.937C16.638 1.993 14.174 1.01 11.551 1.01c-5.442 0-9.866 4.415-9.869 9.835-.001 1.698.443 3.354 1.282 4.794L1.935 21.04l5.584-1.464zM17.65 14.5c-.334-.167-1.97-.972-2.274-1.083-.306-.113-.528-.167-.75.167-.223.334-.863 1.083-1.057 1.306-.194.223-.389.25-.722.083-1.825-.913-3.01-1.63-4.185-3.64-.31-.53.31-.492.888-1.642.097-.194.048-.361-.024-.513-.071-.153-.639-1.537-.874-2.102-.229-.552-.46-.477-.639-.486-.165-.008-.354-.01-.542-.01s-.493.07-.75.361c-.257.284-1.001.978-1.001 2.39 0 1.411 1.026 2.775 1.17 2.969.143.195 2.019 3.084 4.891 4.324.683.294 1.217.47 1.633.603.686.219 1.311.188 1.804.115.549-.082 1.639-.67 1.867-1.317.228-.647.228-1.204.16-1.317-.069-.114-.256-.18-.59-.347z\"\/>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" class=\"cjp-row-title-link\">\n WhatsApp\n <\/a>\n <p class=\"cjp-compact-text\" style=\"font-size: 16px; font-weight: 700; color: #25D366; margin-bottom: 15px;\">\n 55 1024 2538\n <\/p>\n <a href=\"https:\/\/wa.link\/8fa0lt\" target=\"_blank\" class=\"cjp-wpp-btn-inline\">\n Enviar Mensaje\n <\/a>\n <\/div>\n\n <div class=\"cjp-compact-row\">\n <a href=\"tel:5510242538\" class=\"cjp-icon-anchor\" title=\"Llamar por tel\u00e9fono\">\n <svg class=\"cjp-geo-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n <\/svg>\n <\/a>\n <span class=\"cjp-row-title-link\">\n Tel\u00e9fono\n <\/span>\n <p class=\"cjp-compact-text\" style=\"font-size: 16px; font-weight: 700; color: var(--med-blue-dark); margin-bottom: 15px;\">\n 55 1024 2538\n <\/p>\n <div class=\"cjp-compact-schedule\" style=\"text-align: center;\">\n L\u00ednea de atenci\u00f3n directa para llamadas.\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"seccion-mapas-villarreal\">\n <div class=\"container-mapas-premium\">\n <div class=\"card-mapa-premium\">\n <div class=\"wrapper-iframe-mapa\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d244161.54636850898!2d-99.31812266788076!3d19.49203176832755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1ff1a20e4c09b%3A0x4036915e32767a83!2sCl%C3%ADnica%20CREA!5e1!3m2!1ses-419!2smx!4v1781555828891!5m2!1ses-419!2smx\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\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>Dr. Rodrigo Sep\u00falveda Vargas – Neum\u00f3logo en CDMX Dr. Rodrigo Sep\u00falveda Vargas Neum\u00f3logo en CDMX Asma, Apnea del Sue\u00f1o y […]<\/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-14","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Neum\u00f3logo en Roma Norte CDMX Consulta desde $1,400 Dr. Rodrigo Sep\u00falveda Vargas<\/title>\n<meta name=\"description\" content=\"Atenci\u00f3n especializada en neumolog\u00eda para asma, apnea del sue\u00f1o, ronquidos, EPOC y enfermedades respiratorias en CDMX. Consulta presencial y atenci\u00f3n en ingl\u00e9s. Agenda tu cita por WhatsApp\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Neum\u00f3logo en Roma Norte CDMX Consulta desde $1,400 Dr. Rodrigo Sep\u00falveda Vargas\" \/>\n<meta property=\"og:description\" content=\"Atenci\u00f3n especializada en neumolog\u00eda para asma, apnea del sue\u00f1o, ronquidos, EPOC y enfermedades respiratorias en CDMX. Consulta presencial y atenci\u00f3n en ingl\u00e9s. Agenda tu cita por WhatsApp\" \/>\n<meta property=\"og:url\" content=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/\" \/>\n<meta property=\"og:site_name\" content=\"Dr. Rodrigo Sep\u00falveda\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-16T19:44:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Diferencia-entre-ingles-britanico-y-americano.jpg\" \/>\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=\"42 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/\",\"url\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/\",\"name\":\"Neum\u00f3logo en Roma Norte CDMX Consulta desde $1,400 Dr. Rodrigo Sep\u00falveda Vargas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Diferencia-entre-ingles-britanico-y-americano.jpg\",\"datePublished\":\"2026-06-15T18:09:32+00:00\",\"dateModified\":\"2026-06-16T19:44:32+00:00\",\"description\":\"Atenci\u00f3n especializada en neumolog\u00eda para asma, apnea del sue\u00f1o, ronquidos, EPOC y enfermedades respiratorias en CDMX. Consulta presencial y atenci\u00f3n en ingl\u00e9s. Agenda tu cita por WhatsApp\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#primaryimage\",\"url\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Diferencia-entre-ingles-britanico-y-americano.jpg\",\"contentUrl\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Diferencia-entre-ingles-britanico-y-americano.jpg\",\"width\":1080,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#website\",\"url\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/\",\"name\":\"Dr. Rodrigo Sep\u00falveda\",\"description\":\"Neum\u00f3logo en CDMX Asma, Apnea del Sue\u00f1o y Enfermedades Respiratorias\",\"publisher\":{\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#organization\",\"name\":\"Dr. Rodrigo Sep\u00falveda\",\"url\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Captura-de-pantalla-2026-06-15-a-las-12.21.51.png\",\"contentUrl\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Captura-de-pantalla-2026-06-15-a-las-12.21.51.png\",\"width\":512,\"height\":512,\"caption\":\"Dr. Rodrigo Sep\u00falveda\"},\"image\":{\"@id\":\"https:\\\/\\\/drrodrigosepulveda.agendaaqui.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Neum\u00f3logo en Roma Norte CDMX Consulta desde $1,400 Dr. Rodrigo Sep\u00falveda Vargas","description":"Atenci\u00f3n especializada en neumolog\u00eda para asma, apnea del sue\u00f1o, ronquidos, EPOC y enfermedades respiratorias en CDMX. Consulta presencial y atenci\u00f3n en ingl\u00e9s. Agenda tu cita por WhatsApp","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:\/\/drrodrigosepulveda.agendaaqui.com.mx\/","og_locale":"es_ES","og_type":"article","og_title":"Neum\u00f3logo en Roma Norte CDMX Consulta desde $1,400 Dr. Rodrigo Sep\u00falveda Vargas","og_description":"Atenci\u00f3n especializada en neumolog\u00eda para asma, apnea del sue\u00f1o, ronquidos, EPOC y enfermedades respiratorias en CDMX. Consulta presencial y atenci\u00f3n en ingl\u00e9s. Agenda tu cita por WhatsApp","og_url":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/","og_site_name":"Dr. Rodrigo Sep\u00falveda","article_modified_time":"2026-06-16T19:44:32+00:00","og_image":[{"url":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Diferencia-entre-ingles-britanico-y-americano.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"42 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/","url":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/","name":"Neum\u00f3logo en Roma Norte CDMX Consulta desde $1,400 Dr. Rodrigo Sep\u00falveda Vargas","isPartOf":{"@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#primaryimage"},"image":{"@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#primaryimage"},"thumbnailUrl":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Diferencia-entre-ingles-britanico-y-americano.jpg","datePublished":"2026-06-15T18:09:32+00:00","dateModified":"2026-06-16T19:44:32+00:00","description":"Atenci\u00f3n especializada en neumolog\u00eda para asma, apnea del sue\u00f1o, ronquidos, EPOC y enfermedades respiratorias en CDMX. Consulta presencial y atenci\u00f3n en ingl\u00e9s. Agenda tu cita por WhatsApp","breadcrumb":{"@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#primaryimage","url":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Diferencia-entre-ingles-britanico-y-americano.jpg","contentUrl":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/Diferencia-entre-ingles-britanico-y-americano.jpg","width":1080,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#website","url":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/","name":"Dr. Rodrigo Sep\u00falveda","description":"Neum\u00f3logo en CDMX Asma, Apnea del Sue\u00f1o y Enfermedades Respiratorias","publisher":{"@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#organization","name":"Dr. Rodrigo Sep\u00falveda","url":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#\/schema\/logo\/image\/","url":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/cropped-Captura-de-pantalla-2026-06-15-a-las-12.21.51.png","contentUrl":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/wp-content\/uploads\/2026\/06\/cropped-Captura-de-pantalla-2026-06-15-a-las-12.21.51.png","width":512,"height":512,"caption":"Dr. Rodrigo Sep\u00falveda"},"image":{"@id":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":64,"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/drrodrigosepulveda.agendaaqui.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}