{"id":35,"date":"2026-05-07T22:39:46","date_gmt":"2026-05-07T22:39:46","guid":{"rendered":"https:\/\/drakarlasanchezginecologa.com\/?page_id=35"},"modified":"2026-08-21T20:35:52","modified_gmt":"2026-08-21T20:35:52","slug":"consulta","status":"publish","type":"page","link":"https:\/\/drakarlasanchezginecologa.com\/","title":{"rendered":"Consulta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b709904 e-con-full e-flex e-con e-parent\" data-id=\"b709904\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a8bbf6 elementor-widget elementor-widget-html\" data-id=\"9a8bbf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hero-compact-luxury\">\n  <!-- M\u00e1scaras SVG para las divisiones curvas -->\n  <svg class=\"svg-mask-element\">\n    <!-- Curva Vertical para Escritorio y Tablet -->\n    <clipPath id=\"hero-curve-mask-desktop\" clipPathUnits=\"objectBoundingBox\">\n      <path d=\"M 0.18,0 C 0.02,0.35 -0.05,0.68 0.18,1 L 1,1 L 1,0 Z\"><\/path>\n    <\/clipPath>\n    <!-- Curva Horizontal para M\u00f3vil -->\n    <clipPath id=\"hero-curve-mask-mobile\" clipPathUnits=\"objectBoundingBox\">\n      <path d=\"M 0,0.12 C 0.35,0.02 0.65,0.20 1,0.10 L 1,1 L 0,1 Z\"><\/path>\n    <\/clipPath>\n  <\/svg>\n\n  <div class=\"bg-layer\">\n    <div class=\"bio-blob one\"><\/div>\n    <div class=\"bio-blob two\"><\/div>\n    <div class=\"bio-blob three\"><\/div>\n    <div class=\"bio-blob four\"><\/div>\n    <div class=\"texture-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"hero-split-layout\">\n    <!-- COLUMNA IZQUIERDA: CONTENIDO Y TEXTOS -->\n    <div class=\"left-content-panel\">\n      <div class=\"compact-wrapper\">\n        <div class=\"text-block\">\n          <h1 class=\"refined-title\">\n            <span class=\"reveal-line\">Dra. Karla Adriana S\u00e1nchez Guerrero<\/span>\n            <span class=\"highlight reveal-line\">Ginec\u00f3loga y Obstetra en Quer\u00e9taro<\/span>\n          <\/h1>\n\n          <div class=\"question-container fade-in-text\">\n            <p class=\"refined-question\">\n              \u00bfTe preocupa tu salud ginecol\u00f3gica o est\u00e1s viviendo un embarazo?\n            <\/p>\n          <\/div>\n\n          <div class=\"btn-container fade-in-text\">\n            <a href=\"https:\/\/wa.link\/q0un0m\" class=\"dra-btn-luxury-tech\" target=\"_blank\">\n              <span>Agendar una cita<\/span>\n              <div class=\"btn-shine\"><\/div>\n            <\/a>\n          <\/div>\n\n          <div class=\"mini-footer-badge slide-up-badge\">\n            <p class=\"badge-text\">\n              Aqu\u00ed encontrar\u00e1s atenci\u00f3n m\u00e9dica clara, trato humano y acompa\u00f1amiento en cada etapa, ya sea para una consulta ginecol\u00f3gica o durante tu embarazo\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- COLUMNA DERECHA\/INFERIOR: FOTO DE FONDO CON SEPARADOR CURVO -->\n    <div class=\"right-image-panel\" id=\"hero-bg-target\">\n      <div class=\"desktop-overlay-gradient\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@300;500;600&display=swap');\n\n\/* --- SVG Mask Hidden --- *\/\n.svg-mask-element {\n  position: absolute;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n}\n\n\/* --- Estilos Generales Hero --- *\/\n.hero-compact-luxury {\n  position: relative;\n  width: 100%;\n  min-height: 90vh;\n  background: #fffafa;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  perspective: 1000px;\n}\n\n.bg-layer { position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at 30% 50%, #fff 0%, #fdf2f2 100%); }\n.texture-overlay { position: absolute; inset: 0; background-image: url('https:\/\/www.transparenttextures.com\/patterns\/stardust.png'); opacity: 0.15; pointer-events: none; }\n.bio-blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.2; animation: organicMove 15s infinite alternate ease-in-out; }\n.one { width: 500px; height: 500px; background: #F3ACC0; top: -10%; left: -5%; }\n.two { width: 400px; height: 400px; background: #D78278; bottom: -5%; left: 20%; animation-delay: -4s; }\n.three { width: 300px; height: 300px; background: #F6C2C2; top: 20%; left: 10%; animation-delay: -7s; }\n.four { width: 250px; height: 250px; background: #fce4ec; bottom: 15%; right: 45%; }\n\n@keyframes organicMove { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(60px, 40px) scale(1.1); } }\n\n\/* --- Estructura Split Desktop --- *\/\n.hero-split-layout {\n  position: relative;\n  z-index: 10;\n  width: 100%;\n  min-height: 90vh;\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n}\n\n.left-content-panel {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 80px 4% 80px 6%;\n  z-index: 5;\n}\n\n.compact-wrapper { width: 100%; max-width: 620px; }\n\n\/* Panel derecho con foto de fondo y divisi\u00f3n curva *\/\n.right-image-panel {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-image: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-32-scaled.jpg');\n  background-size: cover;\n  background-position: center top;\n  background-repeat: no-repeat;\n  transition: transform 0.1s ease-out;\n  transform-style: preserve-3d;\n  \n  \/* M\u00e1scara curva vertical para escritorio y tablet *\/\n  clip-path: url(#hero-curve-mask-desktop);\n  -webkit-clip-path: url(#hero-curve-mask-desktop);\n}\n\n.desktop-overlay-gradient {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(255, 250, 250, 0.25) 0%, transparent 35%);\n  pointer-events: none;\n}\n\n\/* --- Textos y Tipograf\u00edas --- *\/\n.refined-title { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 3.2vw, 3.2rem); line-height: 1.15; color: #3D3433; margin-bottom: 25px; }\n.reveal-line { display: block; opacity: 0; transform: translateY(30px); animation: revealText 0.8s forwards cubic-bezier(0.2, 0.8, 0.2, 1); }\n.highlight { color: #D78278; font-weight: 400; animation-delay: 0.3s; }\n@keyframes revealText { to { opacity: 1; transform: translateY(0); } }\n\n.question-container {\n  display: inline-block;\n  background: rgba(255, 255, 255, 0.75);\n  backdrop-filter: blur(8px);\n  padding: 20px 30px;\n  border-radius: 15px;\n  border: 1px solid rgba(215, 130, 120, 0.25);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.03);\n  margin-bottom: 35px;\n  max-width: 550px;\n  opacity: 0;\n}\n\n.refined-question { \n  font-family: 'Montserrat', sans-serif; \n  font-size: 1.15rem; \n  color: #6B5E5C; \n  line-height: 1.6; \n  margin: 0; \n}\n\n.fade-in-text { animation: fadeIn 1s forwards 0.8s; }\n@keyframes fadeIn { to { opacity: 1; } }\n\n\/* --- Bot\u00f3n Luxury --- *\/\n.dra-btn-luxury-tech { \n  position: relative; \n  display: inline-flex; \n  align-items: center; \n  justify-content: center; \n  background-color: #D78278; \n  color: #ffffff !important; \n  padding: 18px 50px; \n  font-family: 'Montserrat', sans-serif; \n  font-weight: 600; \n  letter-spacing: 2px; \n  font-size: 0.85rem; \n  text-decoration: none !important; \n  border-radius: 50px; \n  overflow: hidden; \n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); \n  box-shadow: 0 10px 25px rgba(215, 130, 120, 0.3); \n  cursor: pointer; \n  border: none; \n  outline: none;\n}\n.btn-shine { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: all 0.6s; }\n.dra-btn-luxury-tech span { position: relative; z-index: 2; text-decoration: none !important; }\n.dra-btn-luxury-tech:hover { background-color: #F3ACC0; transform: translateY(-5px); box-shadow: 0 15px 30px rgba(243, 172, 192, 0.4); }\n.dra-btn-luxury-tech:hover .btn-shine { left: 100%; }\n\n.mini-footer-badge { margin-top: 45px; display: flex; align-items: center; padding: 18px 25px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border-left: 5px solid #F3ACC0; max-width: 550px; border-radius: 4px; opacity: 0; }\n.slide-up-badge { animation: slideUp 0.8s forwards 1.2s; }\n@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n.badge-text { font-family: 'Montserrat', sans-serif; font-size: 0.9rem; color: #5A504E; line-height: 1.5; margin: 0; }\n\n\/* ==========================================\n   DISE\u00d1O PARA TABLET (768px - 1024px)\n   ========================================== *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .hero-compact-luxury { min-height: auto; padding: 40px 0 0 0; }\n  .hero-split-layout { grid-template-columns: 1fr 1fr; min-height: 80vh; }\n  .left-content-panel { padding: 40px 3% 40px 5%; }\n  .refined-title { font-size: 2.2rem; margin-bottom: 20px; }\n  .question-container { padding: 15px 20px; margin-bottom: 25px; }\n  .refined-question { font-size: 1rem; }\n  .dra-btn-luxury-tech { padding: 15px 35px; font-size: 0.8rem; }\n  .mini-footer-badge { margin-top: 30px; padding: 15px 20px; }\n  .badge-text { font-size: 0.85rem; }\n}\n\n\/* ==========================================\n   DISE\u00d1O PARA M\u00d3VIL (hasta 767px)\n   Foto como Fondo Inferior con Separador Curvo Horizontal\n   ========================================== *\/\n@media (max-width: 767px) {\n  .hero-compact-luxury { padding: 90px 0 0 0; }\n  .hero-split-layout {\n    grid-template-columns: 1fr;\n    min-height: auto;\n  }\n  .left-content-panel {\n    padding: 0 20px 40px 20px;\n    justify-content: center;\n    text-align: center;\n  }\n  .right-image-panel {\n    height: 480px; \/* Altura de la fotograf\u00eda en m\u00f3vil *\/\n    margin-top: -30px; \/* Ligero solape con el contenido *\/\n    background-position: center 15%;\n    \/* Aplica curva horizontal suave entre texto e imagen *\/\n    clip-path: url(#hero-curve-mask-mobile);\n    -webkit-clip-path: url(#hero-curve-mask-mobile);\n  }\n  .desktop-overlay-gradient {\n    background: linear-gradient(to bottom, rgba(255, 250, 250, 0.4) 0%, transparent 40%);\n  }\n  .refined-title { font-size: 1.8rem; margin-bottom: 20px; }\n  .question-container { padding: 15px 20px; margin: 0 auto 25px; width: 100%; }\n  .refined-question { font-size: 1rem; }\n  .dra-btn-luxury-tech { width: 90%; padding: 15px 30px; text-decoration: none !important; }\n  .mini-footer-badge { margin: 35px auto 0; padding: 18px; width: 100%; text-align: left; }\n}\n<\/style>\n\n<!-- SCRIPT JAVASCRIPT -->\n<script>\n  const targetElement = document.getElementById('hero-bg-target');\n\n  function apply3DEffect(element, maxRotation = 5) {\n    if (!element) return;\n    \n    element.addEventListener('mousemove', (e) => {\n      const { clientX, clientY } = e;\n      const { left, top, width, height } = element.getBoundingClientRect();\n\n      const posX = clientX - left;\n      const posY = clientY - top;\n\n      const percentX = (posX \/ width - 0.5) * 2;\n      const percentY = (posY \/ height - 0.5) * 2;\n\n      element.style.transform = `rotateY(${percentX * maxRotation}deg) rotateX(${-percentY * maxRotation}deg)`;\n    });\n\n    element.addEventListener('mouseleave', () => {\n      element.style.transform = 'rotateY(0deg) rotateX(0deg)';\n    });\n  }\n\n  apply3DEffect(targetElement, 4);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b1cd8c e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"5b1cd8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc83b8b elementor-widget elementor-widget-html\" data-id=\"dc83b8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hero-v2-container\">\n  <!-- M\u00e1scaras SVG para las divisiones curvas (Escritorio\/Tablet) -->\n  <svg class=\"hero-v2-svg-mask\">\n    <clipPath id=\"hero-v2-curve-mask-desktop\" clipPathUnits=\"objectBoundingBox\">\n      <path d=\"M 0.18,0 C 0.02,0.35 -0.05,0.68 0.18,1 L 1,1 L 1,0 Z\"><\/path>\n    <\/clipPath>\n  <\/svg>\n\n  <!-- Capa de fondo base (para bio-blobs y textura) -->\n  <div class=\"hero-v2-bg-layer\">\n    <div class=\"hero-v2-blob hero-v2-blob-1\"><\/div>\n    <div class=\"hero-v2-blob hero-v2-blob-2\"><\/div>\n    <div class=\"hero-v2-blob hero-v2-blob-3\"><\/div>\n    <div class=\"hero-v2-blob hero-v2-blob-4\"><\/div>\n    <div class=\"hero-v2-texture-overlay\"><\/div>\n  <\/div>\n\n  <!-- Capa de imagen de fondo SOLO para m\u00f3vil -->\n  <div class=\"hero-v2-mobile-bg-image\"><\/div>\n  \n  <!-- Capa trasl\u00facida AJUSTADA sobre toda la imagen en m\u00f3vil -->\n  <div class=\"hero-v2-mobile-bg-overlay\"><\/div>\n\n  <div class=\"hero-v2-split-layout\">\n    <!-- COLUMNA IZQUIERDA: CONTENIDO Y TEXTOS -->\n    <div class=\"hero-v2-left-panel\">\n      <div class=\"hero-v2-compact-wrapper\">\n        <div class=\"hero-v2-text-block\">\n          <h1 class=\"hero-v2-title\">\n            <span class=\"hero-v2-reveal-line\">Dra. Karla Adriana S\u00e1nchez Guerrero<\/span>\n            <span class=\"hero-v2-highlight hero-v2-reveal-line\">Ginec\u00f3loga y Obstetra en Quer\u00e9taro<\/span>\n          <\/h1>\n\n          <div class=\"hero-v2-question-box hero-v2-fade-in\">\n            <p class=\"hero-v2-question-text\">\n              \u00bfTe preocupa tu salud ginecol\u00f3gica o est\u00e1s viviendo un embarazo?\n            <\/p>\n          <\/div>\n\n          <div class=\"hero-v2-btn-wrapper hero-v2-fade-in\">\n            <a href=\"https:\/\/wa.link\/q0un0m\" class=\"hero-v2-btn-luxury\" target=\"_blank\">\n              <span>Agendar una cita<\/span>\n              <div class=\"hero-v2-btn-shine\"><\/div>\n            <\/a>\n          <\/div>\n\n          <div class=\"hero-v2-mini-footer hero-v2-slide-up\">\n            <p class=\"hero-v2-footer-text\">\n              Aqu\u00ed encontrar\u00e1s atenci\u00f3n m\u00e9dica clara, trato humano y acompa\u00f1amiento en cada etapa, ya sea para una consulta ginecol\u00f3gica o durante tu embarazo\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- COLUMNA DERECHA: FOTO SOLO PARA ESCRITORIO Y TABLET -->\n    <div class=\"hero-v2-right-panel\" id=\"hero-v2-bg-target\">\n      <div class=\"hero-v2-desktop-overlay\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@300;500;600&display=swap');\n\n\/* --- SVG Mask Hidden --- *\/\n.hero-v2-svg-mask {\n  position: absolute;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n}\n\n\/* --- Estilos Generales Hero V2 --- *\/\n.hero-v2-container {\n  position: relative;\n  width: 100%;\n  min-height: 90vh;\n  background: #fffafa;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  perspective: 1000px;\n}\n\n.hero-v2-bg-layer { position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at 30% 50%, #fff 0%, #fdf2f2 100%); }\n.hero-v2-texture-overlay { position: absolute; inset: 0; background-image: url('https:\/\/www.transparenttextures.com\/patterns\/stardust.png'); opacity: 0.15; pointer-events: none; }\n.hero-v2-blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.2; animation: heroV2OrganicMove 15s infinite alternate ease-in-out; }\n.hero-v2-blob-1 { width: 500px; height: 500px; background: #F3ACC0; top: -10%; left: -5%; }\n.hero-v2-blob-2 { width: 400px; height: 400px; background: #D78278; bottom: -5%; left: 20%; animation-delay: -4s; }\n.hero-v2-blob-3 { width: 300px; height: 300px; background: #F6C2C2; top: 20%; left: 10%; animation-delay: -7s; }\n.hero-v2-blob-4 { width: 250px; height: 250px; background: #fce4ec; bottom: 15%; right: 45%; }\n\n.hero-v2-mobile-bg-image { display: none; }\n.hero-v2-mobile-bg-overlay { display: none; }\n\n@keyframes heroV2OrganicMove { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(60px, 40px) scale(1.1); } }\n\n\/* --- Estructura Split Desktop --- *\/\n.hero-v2-split-layout {\n  position: relative;\n  z-index: 10;\n  width: 100%;\n  min-height: 90vh;\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n}\n\n.hero-v2-left-panel {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 80px 4% 80px 6%;\n  z-index: 5;\n}\n\n.hero-v2-compact-wrapper { width: 100%; max-width: 620px; }\n\n\/* Panel derecho con foto de fondo *\/\n.hero-v2-right-panel {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-image: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-32-scaled.jpg');\n  background-size: cover;\n  background-position: center top;\n  background-repeat: no-repeat;\n  transition: transform 0.1s ease-out;\n  transform-style: preserve-3d;\n  \n  clip-path: url(#hero-v2-curve-mask-desktop);\n  -webkit-clip-path: url(#hero-v2-curve-mask-desktop);\n}\n\n.hero-v2-desktop-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(255, 250, 250, 0.25) 0%, transparent 35%);\n  pointer-events: none;\n}\n\n\/* --- Textos y Tipograf\u00edas --- *\/\n.hero-v2-title { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 3.2vw, 3.2rem); line-height: 1.15; color: #3D3433; margin-bottom: 25px; }\n.hero-v2-reveal-line { display: block; opacity: 0; transform: translateY(30px); animation: heroV2RevealText 0.8s forwards cubic-bezier(0.2, 0.8, 0.2, 1); }\n.hero-v2-highlight { color: #D78278; font-weight: 400; animation-delay: 0.3s; }\n@keyframes heroV2RevealText { to { opacity: 1; transform: translateY(0); } }\n\n.hero-v2-question-box {\n  display: inline-block;\n  background: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(8px);\n  padding: 20px 30px;\n  border-radius: 15px;\n  border: 1px solid rgba(215, 130, 120, 0.25);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.03);\n  margin-bottom: 35px;\n  max-width: 550px;\n  opacity: 0;\n}\n\n.hero-v2-question-text { \n  font-family: 'Montserrat', sans-serif; \n  font-size: 1.15rem; \n  color: #6B5E5C; \n  line-height: 1.6; \n  margin: 0; \n}\n\n.hero-v2-fade-in { animation: heroV2FadeIn 1s forwards 0.8s; }\n@keyframes heroV2FadeIn { to { opacity: 1; } }\n\n\/* --- Bot\u00f3n Luxury --- *\/\n.hero-v2-btn-luxury { \n  position: relative; \n  display: inline-flex; \n  align-items: center; \n  justify-content: center; \n  background-color: #D78278; \n  color: #ffffff !important; \n  padding: 18px 50px; \n  font-family: 'Montserrat', sans-serif; \n  font-weight: 600; \n  letter-spacing: 2px; \n  font-size: 0.85rem; \n  text-decoration: none !important; \n  border-radius: 50px; \n  overflow: hidden; \n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); \n  box-shadow: 0 10px 25px rgba(215, 130, 120, 0.3); \n  cursor: pointer; \n  border: none; \n  outline: none;\n}\n.hero-v2-btn-shine { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: all 0.6s; }\n.hero-v2-btn-luxury span { position: relative; z-index: 2; text-decoration: none !important; }\n.hero-v2-btn-luxury:hover { background-color: #F3ACC0; transform: translateY(-5px); box-shadow: 0 15px 30px rgba(243, 172, 192, 0.4); }\n.hero-v2-btn-luxury:hover .hero-v2-btn-shine { left: 100%; }\n\n.hero-v2-mini-footer { margin-top: 45px; display: flex; align-items: center; padding: 18px 25px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(8px); border-left: 5px solid #F3ACC0; max-width: 550px; border-radius: 4px; opacity: 0; }\n.hero-v2-slide-up { animation: heroV2SlideUp 0.8s forwards 1.2s; }\n@keyframes heroV2SlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n.hero-v2-footer-text { font-family: 'Montserrat', sans-serif; font-size: 0.9rem; color: #5A504E; line-height: 1.5; margin: 0; }\n\n\/* ==========================================\n   DISE\u00d1O PARA TABLET (768px - 1024px)\n   ========================================== *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .hero-v2-container { min-height: auto; padding: 40px 0 0 0; }\n  .hero-v2-split-layout { grid-template-columns: 1fr 1fr; min-height: 80vh; }\n  .hero-v2-left-panel { padding: 40px 3% 40px 5%; }\n  .hero-v2-title { font-size: 2.2rem; margin-bottom: 20px; }\n  .hero-v2-question-box { padding: 15px 20px; margin-bottom: 25px; }\n  .hero-v2-question-text { font-size: 1rem; }\n  .hero-v2-btn-luxury { padding: 15px 35px; font-size: 0.8rem; }\n  .hero-v2-mini-footer { margin-top: 30px; padding: 15px 20px; }\n  .hero-v2-footer-text { font-size: 0.85rem; }\n}\n\n\/* ==========================================\n   DISE\u00d1O M\u00d3VIL (hasta 767px)\n   FOTO COMO FONDO TOTAL DEL HERO CON OPACIDAD AJUSTADA\n   ========================================== *\/\n@media (max-width: 767px) {\n  .hero-v2-container {\n    padding: 80px 0 60px 0;\n    min-height: 100vh;\n    background: none; \/* Quitamos el fondo s\u00f3lido *\/\n  }\n\n  \/* Activamos la capa de imagen de fondo SOLO en m\u00f3vil *\/\n  .hero-v2-mobile-bg-image {\n    display: block;\n    position: absolute;\n    inset: 0;\n    z-index: 1; \/* Detr\u00e1s de overlay y contenido *\/\n    background-image: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-32-scaled.jpg');\n    background-size: cover;\n    background-position: center top;\n    background-repeat: no-repeat;\n  }\n\n  \/* Activamos la capa trasl\u00facida AJUSTADA *\/\n  .hero-v2-mobile-bg-overlay {\n    display: block;\n    position: absolute;\n    inset: 0;\n    z-index: 2; \/* Sobre la imagen, bajo el contenido *\/\n    background: linear-gradient(\n      180deg, \n      rgba(255, 250, 250, 0.70) 0%, \n      rgba(255, 250, 250, 0.55) 50%, \n      rgba(255, 250, 250, 0.75) 100%\n    );\n  }\n\n  .hero-v2-split-layout {\n    grid-template-columns: 1fr;\n    min-height: auto;\n    z-index: 10; \/* Contenido sobre overlays *\/\n  }\n\n  .hero-v2-left-panel {\n    padding: 0 20px;\n    justify-content: center;\n    text-align: center;\n  }\n\n  \/* Se oculta la columna derecha en m\u00f3vil para evitar duplicaci\u00f3n *\/\n  .hero-v2-right-panel {\n    display: none;\n  }\n\n  .hero-v2-title { \n    font-size: 1.85rem; \n    margin-bottom: 20px; \n    color: #3D3433 !important; \n  }\n\n  .hero-v2-question-box { \n    padding: 16px 20px; \n    margin: 0 auto 25px; \n    width: 100%;\n    background: rgba(255, 255, 255, 0.98); \n    backdrop-filter: blur(5px);\n  }\n\n  .hero-v2-question-text { font-size: 0.98rem; color: #3D3433 !important; }\n\n  .hero-v2-btn-luxury { \n    width: 100%; \n    padding: 16px 30px; \n    text-decoration: none !important; \n  }\n\n  .hero-v2-mini-footer { \n    margin: 30px auto 0; \n    padding: 16px 20px; \n    width: 100%; \n    text-align: left;\n    background: rgba(255, 255, 255, 0.98); \n    backdrop-filter: blur(5px);\n  }\n}\n<\/style>\n\n<!-- SCRIPT JAVASCRIPT RENOMBRADO E INDEPENDIENTE -->\n<script>\n  (function() {\n    const targetElementV2 = document.getElementById('hero-v2-bg-target');\n\n    function apply3DEffectV2(element, maxRotation = 5) {\n      if (!element) return;\n      \n      \/\/ Solo aplicar efecto en pantallas grandes\n      if (window.innerWidth < 1025) return;\n\n      element.addEventListener('mousemove', (e) => {\n        const { clientX, clientY } = e;\n        const { left, top, width, height } = element.getBoundingClientRect();\n\n        const posX = clientX - left;\n        const posY = clientY - top;\n\n        const percentX = (posX \/ width - 0.5) * 2;\n        const percentY = (posY \/ height - 0.5) * 2;\n\n        element.style.transform = `rotateY(${percentX * maxRotation}deg) rotateX(${-percentY * maxRotation}deg)`;\n      });\n\n      element.addEventListener('mouseleave', () => {\n        element.style.transform = 'rotateY(0deg) rotateX(0deg)';\n      });\n    }\n\n    apply3DEffectV2(targetElementV2, 4);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0775ce1 e-con-full e-flex e-con e-parent\" data-id=\"0775ce1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4d4e1 elementor-widget elementor-widget-html\" data-id=\"3b4d4e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tech-benefits-optimized\">\n  <div class=\"compact-container\">\n    <div class=\"section-header-badge\">\n      <h2 class=\"section-title-slim\">\u00bfPor qu\u00e9 atenderte conmigo?<\/h2>\n    <\/div>\n    \n    <div class=\"compact-cards-grid\">\n      \n      <!-- CARD 1: EXPERIENCIA -->\n      <div class=\"mini-smart-card\">\n        <div class=\"card-glass-glow\"><\/div>\n        <div class=\"card-inner-layout\">\n          <div class=\"icon-box-custom pulse-pink\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/experiencia-mas-de-100-partos-atendidos.svg\" alt=\"Experiencia\" class=\"custom-icon tinted-icon\">\n          <\/div>\n          <div class=\"info-box\">\n            <h3>Experiencia<\/h3>\n            <p>M\u00e1s de 100 partos atendidos cada a\u00f1o<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"accent-bottom-line\"><\/div>\n      <\/div>\n\n      <!-- CARD 2: CERTIFICACI\u00d3N -->\n      <div class=\"mini-smart-card card-featured\">\n        <div class=\"card-glass-glow\"><\/div>\n        <div class=\"card-inner-layout\">\n          <div class=\"icon-box-logo\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Colegio-Mexicano-de-Ginecologia-y-Obstetricia.png\" alt=\"Colegio Mexicano de Ginecolog\u00eda y Obstetricia\" class=\"logo-cert\">\n          <\/div>\n          <div class=\"info-box\">\n            <h3>Certificaci\u00f3n<\/h3>\n            <p>Colegio Mexicano de Ginecolog\u00eda y Obstetricia<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"accent-bottom-line\"><\/div>\n      <\/div>\n\n      <!-- CARD 3: ATENCI\u00d3N -->\n      <div class=\"mini-smart-card card-centered-mobile\">\n        <div class=\"card-glass-glow\"><\/div>\n        <div class=\"card-inner-layout\">\n          <div class=\"icon-box-custom pulse-pink\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/seguimiento-continuo-ginecologico-y-obstetrico.svg\" alt=\"Atenci\u00f3n\" class=\"custom-icon tinted-icon\">\n          <\/div>\n          <div class=\"info-box\">\n            <h3>Atenci\u00f3n<\/h3>\n            <p>Seguimiento continuo ginecol\u00f3gico y obst\u00e9trico<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"accent-bottom-line\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Montserrat:wght@400;500;600;700&display=swap');\n\n\/* --- FONDO COMPLETAMENTE BLANCO DE LA SECCI\u00d3N --- *\/\n.tech-benefits-optimized {\n  position: relative;\n  padding: 80px 0;\n  background: #ffffff !important;\n  overflow: hidden;\n}\n\n.compact-container {\n  position: relative;\n  z-index: 2;\n  width: 90%;\n  max-width: 1140px;\n  margin: 0 auto;\n}\n\n\/* --- Encabezado --- *\/\n.section-header-badge {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.section-title-slim {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(1.8rem, 2.5vw, 2.4rem);\n  font-weight: 700;\n  text-align: center;\n  color: #3D3433;\n  margin: 0;\n}\n\n\/* --- Grid de Tarjetas (Desktop: 3 Columnas) --- *\/\n.compact-cards-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 25px;\n  align-items: stretch;\n}\n\n\/* --- TARJETAS CON FONDO SUAVE (#fffafa) --- *\/\n.mini-smart-card {\n  position: relative;\n  background: #fffafa;\n  padding: 30px 24px;\n  border-radius: 20px;\n  border: 1px solid rgba(215, 130, 120, 0.15);\n  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(215, 130, 120, 0.05);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.card-glass-glow {\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 60%);\n  opacity: 0;\n  transition: opacity 0.5s ease;\n  pointer-events: none;\n}\n\n.card-inner-layout {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n}\n\n.mini-smart-card:hover {\n  transform: translateY(-8px);\n  background: #ffffff;\n  border-color: rgba(215, 130, 120, 0.35);\n  box-shadow: 0 18px 40px rgba(215, 130, 120, 0.12);\n}\n\n.mini-smart-card:hover .card-glass-glow {\n  opacity: 1;\n}\n\n\/* --- CONTENEDOR DE \u00cdCONOS PERSONALIZADOS --- *\/\n.icon-box-custom {\n  flex-shrink: 0;\n  width: 66px;\n  height: 66px;\n  border-radius: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  padding: 8px;\n  border: 1px solid rgba(215, 130, 120, 0.25);\n  box-shadow: 0 4px 14px rgba(215, 130, 120, 0.1);\n  transition: transform 0.3s ease, border-color 0.3s ease;\n  position: relative;\n}\n\n.custom-icon {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n\/* FILTRO CSS PARA FORZAR EL COLOR #D78278 EN \u00cdCONOS SVG *\/\n.tinted-icon {\n  filter: invert(61%) sepia(28%) saturate(918%) hue-rotate(318deg) brightness(92%) contrast(88%);\n}\n\n.mini-smart-card:hover .icon-box-custom {\n  transform: scale(1.08);\n  border-color: #D78278;\n}\n\n\/* Contenedor del Logo de Certificaci\u00f3n *\/\n.icon-box-logo {\n  flex-shrink: 0;\n  width: 66px;\n  height: 66px;\n  border-radius: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  padding: 6px;\n  border: 1px solid rgba(215, 130, 120, 0.25);\n  box-shadow: 0 4px 14px rgba(215, 130, 120, 0.08);\n  transition: transform 0.3s ease, border-color 0.3s ease;\n}\n\n.mini-smart-card:hover .icon-box-logo {\n  transform: scale(1.08);\n  border-color: #D78278;\n}\n\n.logo-cert {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n\/* --- Textos de las Tarjetas --- *\/\n.info-box {\n  width: 100%;\n}\n\n.info-box h3 {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.05rem;\n  font-weight: 700;\n  margin: 0 0 6px 0;\n  color: #3D3433;\n  letter-spacing: 0.3px;\n}\n\n.info-box p {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.88rem;\n  color: #6B5E5C;\n  margin: 0;\n  line-height: 1.45;\n  font-weight: 400;\n}\n\n\/* --- L\u00ednea de Acento Animada --- *\/\n.accent-bottom-line {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 3px;\n  background: linear-gradient(90deg, #F3ACC0 0%, #D78278 100%);\n  transition: width 0.4s ease;\n}\n\n.mini-smart-card:hover .accent-bottom-line {\n  width: 100%;\n}\n\n\/* --- Pulso para los \u00cdconos --- *\/\n.pulse-pink::after {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  border-radius: 20px;\n  border: 1.5px solid #F3ACC0;\n  opacity: 0;\n  transition: all 0.3s ease;\n}\n\n.mini-smart-card:hover .pulse-pink::after {\n  animation: pulseGlow 1.8s infinite;\n}\n\n@keyframes pulseGlow {\n  0% { transform: scale(0.95); opacity: 0.8; }\n  100% { transform: scale(1.25); opacity: 0; }\n}\n\n\/* ==========================================\n   RESPONSIVE (DISPOSITIVOS M\u00d3VILES Y TABLETS)\n   ========================================== *\/\n@media (max-width: 991px) {\n  .tech-benefits-optimized { padding: 50px 0; }\n  \n  .compact-cards-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  \/* Distribuci\u00f3n vertical (\u00edcono arriba, texto abajo centrado) *\/\n  .card-inner-layout {\n    flex-direction: column;\n    text-align: center;\n    gap: 12px;\n  }\n\n  .card-centered-mobile {\n    grid-column: 1 \/ -1;\n    width: 100%;\n  }\n\n  .mini-smart-card {\n    padding: 24px 15px;\n  }\n  \n  .icon-box-custom, .icon-box-logo {\n    width: 60px;\n    height: 60px;\n    margin: 0 auto;\n  }\n  \n  .info-box h3 {\n    font-size: 1rem;\n  }\n  \n  .info-box p {\n    font-size: 0.82rem;\n    line-height: 1.35;\n  }\n}\n\n\/* Para pantallas a\u00fan m\u00e1s estrechas (< 480px) *\/\n@media (max-width: 480px) {\n  .compact-cards-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n  \n  .mini-smart-card {\n    padding: 20px 10px;\n  }\n\n  .info-box h3 {\n    font-size: 0.95rem;\n  }\n\n  .info-box p {\n    font-size: 0.78rem;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-880433f e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"880433f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab9c288 elementor-widget elementor-widget-html\" data-id=\"ab9c288\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tech-benefits-section\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u00bfPor qu\u00e9 atenderte conmigo?<\/h2>\n    \n    <div class=\"cards-grid\">\n      \n      <div class=\"smart-card\">\n        <div class=\"card-glow\"><\/div>\n        <div class=\"icon-container\">\n          <div class=\"icon-placeholder pulse-pink\">\n             <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n        <h3 class=\"card-h3\">Experiencia Probada<\/h3>\n        <p class=\"card-text\">M\u00e1s de 100 partos atendidos cada a\u00f1o<\/p>\n        <div class=\"scan-line\"><\/div>\n      <\/div>\n\n      <div class=\"smart-card\">\n        <div class=\"card-glow\"><\/div>\n        <div class=\"icon-container\">\n          <div class=\"icon-placeholder pulse-coral\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n        <h3 class=\"card-h3\">Certificaci\u00f3n Oficial<\/h3>\n        <p class=\"card-text\">Certificada por el Colegio Mexicano de Ginecolog\u00eda y Obstetricia<\/p>\n        <div class=\"scan-line\"><\/div>\n      <\/div>\n\n      <div class=\"smart-card\">\n        <div class=\"card-glow\"><\/div>\n        <div class=\"icon-container\">\n          <div class=\"icon-placeholder pulse-white\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n        <h3 class=\"card-h3\">Atenci\u00f3n Integral<\/h3>\n        <p class=\"card-text\">Atenci\u00f3n continua en ginecolog\u00eda y obstetricia<\/p>\n        <div class=\"scan-line\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@400;600&display=swap');\n\n.tech-benefits-section {\n  padding: 100px 0;\n  background: #ffffff;\n  position: relative;\n  overflow: hidden;\n}\n\n.container {\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.section-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n  color: #333;\n  margin-bottom: 60px;\n  position: relative;\n}\n\n.cards-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 30px;\n}\n\n\/* Smart Card Design *\/\n.smart-card {\n  position: relative;\n  background: #fff;\n  padding: 50px 30px;\n  border-radius: 20px;\n  text-align: center;\n  border: 1px solid rgba(243, 172, 192, 0.3);\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n}\n\n.smart-card:hover {\n  transform: translateY(-15px);\n  box-shadow: 0 20px 40px rgba(215, 130, 120, 0.15);\n  border-color: #F3ACC0;\n}\n\n\/* Efecto de Brillo de Fondo en Card *\/\n.card-glow {\n  position: absolute;\n  top: 0; left: 0; width: 100%; height: 100%;\n  background: radial-gradient(circle at top right, rgba(243, 172, 192, 0.1), transparent);\n  pointer-events: none;\n}\n\n\/* Iconos Animados *\/\n.icon-container {\n  margin-bottom: 25px;\n  display: flex;\n  justify-content: center;\n}\n\n.icon-placeholder {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #D78278;\n  position: relative;\n  background: #fff;\n  z-index: 2;\n}\n\n.icon-placeholder svg {\n  width: 35px;\n  height: 35px;\n  transition: transform 0.3s ease;\n}\n\n.smart-card:hover svg {\n  transform: scale(1.1) rotate(5deg);\n}\n\n\/* Animaciones de Pulso Tecnol\u00f3gico *\/\n.pulse-pink::after {\n  content: '';\n  position: absolute;\n  width: 100%; height: 100%;\n  border: 2px solid #F3ACC0;\n  border-radius: 50%;\n  animation: pulseTech 2s infinite;\n}\n\n.pulse-coral::after {\n  content: '';\n  position: absolute;\n  width: 100%; height: 100%;\n  border: 2px solid #D78278;\n  border-radius: 50%;\n  animation: pulseTech 2s infinite 0.5s;\n}\n\n.pulse-white::after {\n  content: '';\n  position: absolute;\n  width: 100%; height: 100%;\n  border: 2px solid #333;\n  border-radius: 50%;\n  animation: pulseTech 2s infinite 1s;\n}\n\n@keyframes pulseTech {\n  0% { transform: scale(1); opacity: 1; }\n  100% { transform: scale(1.5); opacity: 0; }\n}\n\n\/* Tipograf\u00eda de Card *\/\n.card-h3 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 700;\n  font-size: 1.4rem;\n  color: #333;\n  margin-bottom: 15px;\n}\n\n.card-text {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1rem;\n  color: #666;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* L\u00ednea de Escaneo L\u00e1ser *\/\n.scan-line {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 2px;\n  background: linear-gradient(90deg, transparent, #D78278, transparent);\n  opacity: 0;\n  transition: 0.3s;\n}\n\n.smart-card:hover .scan-line {\n  opacity: 1;\n  animation: scanning 2s linear infinite;\n}\n\n@keyframes scanning {\n  0% { top: 0%; }\n  100% { top: 100%; }\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .cards-grid { grid-template-columns: 1fr; }\n  .smart-card { padding: 40px 20px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba11488 e-con-full e-flex e-con e-parent\" data-id=\"ba11488\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f990ee elementor-widget elementor-widget-html\" data-id=\"7f990ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"innovative-symptoms-final\">\n  \n  <!-- Fondo Geom\u00e9trico Din\u00e1mico -->\n  <div class=\"symptoms-geo-bg\">\n    <div class=\"geo-shape triangle-1\"><\/div>\n    <div class=\"geo-shape triangle-2\"><\/div>\n    <div class=\"geo-shape polygon-1\"><\/div>\n    <div class=\"geo-shape triangle-3\"><\/div>\n  <\/div>\n  \n  <div class=\"symptoms-container\">\n    <h2 class=\"symptoms-title\">\u00bfTe identificas con alguno de estos padecimientos?<\/h2>\n\n    <div class=\"symptoms-flex-layout\">\n      \n      <!-- CARD 1 -->\n      <div class=\"tech-card\" data-title=\"Infecciones vaginales\" data-bg=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Infecciones-vaginales.jpg\" style=\"--bg-card: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Infecciones-vaginales.jpg')\">\n        <div class=\"card-shutter-flash\"><\/div>\n        <div class=\"card-frame\">\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n        <\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-info\"><p>Infecciones vaginales<\/p><\/div>\n      <\/div>\n\n      <!-- CARD 2 -->\n      <div class=\"tech-card\" data-title=\"Flujo vaginal\" data-bg=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Flujo-vaginal-.jpg\" style=\"--bg-card: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Flujo-vaginal-.jpg')\">\n        <div class=\"card-shutter-flash\"><\/div>\n        <div class=\"card-frame\">\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n        <\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-info\"><p>Flujo vaginal<\/p><\/div>\n      <\/div>\n\n      <!-- CARD 3 -->\n      <div class=\"tech-card\" data-title=\"Alteraciones menstruales\" data-bg=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Alteraciones-menstruales-.jpg\" style=\"--bg-card: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Alteraciones-menstruales-.jpg')\">\n        <div class=\"card-shutter-flash\"><\/div>\n        <div class=\"card-frame\">\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n        <\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-info\"><p>Alteraciones menstruales<\/p><\/div>\n      <\/div>\n\n      <!-- CARD 4 -->\n      <div class=\"tech-card\" data-title=\"Quistes en ovario\" data-bg=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Quistes-en-ovario-scaled.jpg\" style=\"--bg-card: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Quistes-en-ovario-scaled.jpg')\">\n        <div class=\"card-shutter-flash\"><\/div>\n        <div class=\"card-frame\">\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n        <\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-info\"><p>Quistes en ovario<\/p><\/div>\n      <\/div>\n\n      <!-- CARD 5 -->\n      <div class=\"tech-card\" data-title=\"Miomas\" data-bg=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Miomas.jpg\" style=\"--bg-card: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Miomas.jpg')\">\n        <div class=\"card-shutter-flash\"><\/div>\n        <div class=\"card-frame\">\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n        <\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-info\"><p>Miomas<\/p><\/div>\n      <\/div>\n\n      <!-- CARD 6 -->\n      <div class=\"tech-card\" data-title=\"Molestias del embarazo\" data-bg=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Atencion-a-molestias-comunes-del-embarazo.jpg\" style=\"--bg-card: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Atencion-a-molestias-comunes-del-embarazo.jpg')\">\n        <div class=\"card-shutter-flash\"><\/div>\n        <div class=\"card-frame\">\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n        <\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-info\"><p>Molestias del embarazo<\/p><\/div>\n      <\/div>\n\n      <!-- CARD 7: HIGHLIGHT -->\n      <div class=\"tech-card highlight-card\" data-title=\"Embarazo de alto riesgo\" data-bg=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Embarazo-de-alto-riesgo.jpg\" style=\"--bg-card: url('https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Embarazo-de-alto-riesgo.jpg')\">\n        <div class=\"card-shutter-flash\"><\/div>\n        <div class=\"card-frame special-frame\">\n          <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n          <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n        <\/div>\n        <div class=\"card-overlay-pink\"><\/div>\n        <div class=\"card-info\"><p>Embarazo de alto riesgo<\/p><\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"symptoms-action\">\n      <p class=\"symptoms-note\">Escuchar a tu cuerpo y atender estos s\u00edntomas a tiempo es parte de cuidarte<\/p>\n      \n      <a href=\"https:\/\/wa.link\/q0un0m\" class=\"dra-btn-luxury-tech\" target=\"_blank\">\n        <span>Quiero agendar<\/span>\n        <div class=\"btn-shine\"><\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- DESTELLO GENERAL DE C\u00c1MARA PARA TOMA FOTOGR\u00c1FICA -->\n<div id=\"cameraFlashOverlay\" class=\"camera-flash-overlay\"><\/div>\n\n<!-- VENTANA MODAL DE ENFOQUE FOTOGR\u00c1FICO -->\n<div id=\"photoCardModal\" class=\"photo-modal-overlay\">\n  <div class=\"photo-modal-container\">\n    <button id=\"modalCloseBtn\" class=\"modal-close-btn\" aria-label=\"Cerrar modal\">&times;<\/button>\n    \n    <div class=\"photo-modal-card\">\n      <div id=\"modalCardBg\" class=\"photo-modal-bg\"><\/div>\n      \n      <!-- Marco Fotogr\u00e1fico Dentro del Modal -->\n      <div class=\"card-frame modal-frame\">\n        <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n        <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n      <\/div>\n      \n      <div class=\"card-overlay\"><\/div>\n      \n      <div class=\"photo-modal-info\">\n        <h3 id=\"modalCardTitle\">T\u00edtulo del Padecimiento<\/h3>\n        <a id=\"modalWaBtn\" href=\"https:\/\/wa.link\/q0un0m\" target=\"_blank\" class=\"dra-btn-luxury-tech\">\n          <span>Quiero agendar<\/span>\n          <div class=\"btn-shine\"><\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@300;500;600;700&display=swap');\n\n\/* --- SECCI\u00d3N PRINCIPAL --- *\/\n.innovative-symptoms-final {\n  position: relative;\n  padding: 60px 0;\n  background-color: #FDF8F7;\n  overflow: hidden;\n}\n\n\/* --- Fondo Geom\u00e9trico Din\u00e1mico --- *\/\n.symptoms-geo-bg {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.geo-shape {\n  position: absolute;\n  background: rgba(215, 130, 120, 0.05);\n  animation: floatGeo 20s ease-in-out infinite;\n}\n\n.triangle-1 { width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 150px solid rgba(215, 130, 120, 0.04); top: 10%; left: 5%; transform: rotate(15deg); }\n.triangle-2 { width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-bottom: 100px solid rgba(215, 130, 120, 0.06); bottom: 15%; right: 5%; transform: rotate(-20deg); animation-delay: -5s; }\n.polygon-1 { width: 120px; height: 120px; clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); top: 40%; right: 10%; animation-delay: -2s; }\n.triangle-3 { width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 70px solid rgba(215, 130, 120, 0.04); bottom: 10%; left: 15%; transform: rotate(45deg); animation-delay: -8s; }\n\n@keyframes floatGeo {\n  0%, 100% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-30px) rotate(8deg); }\n}\n\n.symptoms-container {\n  position: relative;\n  z-index: 5;\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.symptoms-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(1.8rem, 3vw, 2.3rem);\n  text-align: center;\n  margin-top: 0;\n  margin-bottom: 35px;\n  color: #333;\n}\n\n\/* --- GRID DE TARJETAS --- *\/\n.symptoms-flex-layout {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 22px;\n  justify-content: center;\n}\n\n\/* --- TARJETAS CON EFECTO ENFOQUE FOTOGR\u00c1FICO --- *\/\n.tech-card {\n  position: relative;\n  flex: 1 1 260px;\n  max-width: 280px;\n  height: 200px;\n  border-radius: 12px;\n  overflow: hidden;\n  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n  box-shadow: 0 10px 25px rgba(215, 130, 120, 0.08);\n  cursor: pointer;\n  background-color: #000;\n}\n\n\/* Fondo de Imagen con Zoom Sutil al Enfocar *\/\n.tech-card::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: var(--bg-card);\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s ease;\n  transform: scale(1.02);\n  z-index: 1;\n}\n\n.tech-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 18px 35px rgba(215, 130, 120, 0.2);\n}\n\n.tech-card:hover::before {\n  transform: scale(1.12);\n}\n\n\/* --- EFECTO DE MARCO FOTOGR\u00c1FICO --- *\/\n.card-frame {\n  position: absolute;\n  inset: 14px;\n  z-index: 4;\n  pointer-events: none;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 6px;\n  transition: all 0.4s ease;\n}\n\n.tech-card:hover .card-frame {\n  border-color: rgba(255, 255, 255, 0.4);\n  inset: 10px;\n}\n\n\/* Esquinas del visor fotogr\u00e1fico *\/\n.corner {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  border: 2px solid #D78278;\n  opacity: 0.5;\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.tl { top: -2px; left: -2px; border-right: none; border-bottom: none; }\n.tr { top: -2px; right: -2px; border-left: none; border-bottom: none; }\n.bl { bottom: -2px; left: -2px; border-right: none; border-top: none; }\n.br { bottom: -2px; right: -2px; border-left: none; border-top: none; }\n\n.tech-card:hover .corner {\n  opacity: 1;\n  width: 18px;\n  height: 18px;\n  border-color: #ffffff;\n  box-shadow: 0 0 8px rgba(215, 130, 120, 0.8);\n}\n\n.special-frame .corner {\n  border-color: #F3ACC0;\n}\n\n\/* --- DESTELLO DE OBTURADOR FOTOGR\u00c1FICO EN HOVER --- *\/\n.card-shutter-flash {\n  position: absolute;\n  top: 0;\n  left: -150%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    90deg, \n    transparent, \n    rgba(255, 255, 255, 0.35), \n    transparent\n  );\n  transform: skewX(-25deg);\n  z-index: 3;\n  pointer-events: none;\n}\n\n.tech-card:hover .card-shutter-flash {\n  animation: cameraFlash 0.75s ease-out forwards;\n}\n\n@keyframes cameraFlash {\n  0% { left: -150%; opacity: 0.8; }\n  100% { left: 150%; opacity: 0; }\n}\n\n\/* Capas de Sombras e Info *\/\n.card-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(30, 20, 20, 0.85) 0%, rgba(0,0,0,0.1) 60%, transparent 100%);\n  z-index: 2;\n  transition: opacity 0.4s ease;\n}\n\n.card-overlay-pink {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(215, 130, 120, 0.9) 0%, rgba(30, 20, 20, 0.3) 100%);\n  z-index: 2;\n  transition: opacity 0.4s ease;\n}\n\n.card-info {\n  position: absolute;\n  bottom: 16px;\n  left: 18px;\n  right: 18px;\n  z-index: 5;\n  color: #fff;\n  transition: transform 0.3s ease;\n}\n\n.tech-card:hover .card-info {\n  transform: translateY(-2px);\n}\n\n.card-info p {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 600;\n  font-size: 0.98rem;\n  margin: 0;\n  line-height: 1.25;\n  text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n  letter-spacing: 0.2px;\n}\n\n\/* --- ACCI\u00d3N Y NOTA --- *\/\n.symptoms-action {\n  text-align: center;\n  margin-top: 40px;\n}\n\n.symptoms-note {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.92rem;\n  font-style: italic;\n  color: #776e6c;\n  margin-bottom: 20px;\n}\n\n\/* --- BOT\u00d3N LUXURY TECH (HEROBANNER APARIENCIA) --- *\/\n.dra-btn-luxury-tech { \n  position: relative; \n  display: inline-flex; \n  align-items: center; \n  justify-content: center; \n  background-color: #D78278; \n  color: #ffffff !important; \n  padding: 18px 50px; \n  font-family: 'Montserrat', sans-serif; \n  font-weight: 600; \n  letter-spacing: 2px; \n  font-size: 0.85rem; \n  text-decoration: none !important; \n  border-radius: 50px; \n  overflow: hidden; \n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); \n  box-shadow: 0 10px 25px rgba(215, 130, 120, 0.3); \n  cursor: pointer; \n  border: none; \n  outline: none;\n}\n\n.btn-shine { \n  position: absolute; \n  top: 0; \n  left: -100%; \n  width: 100%; \n  height: 100%; \n  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent); \n  transition: all 0.6s; \n}\n\n.dra-btn-luxury-tech span { \n  position: relative; \n  z-index: 2; \n  text-decoration: none !important; \n}\n\n.dra-btn-luxury-tech:hover { \n  background-color: #F3ACC0; \n  transform: translateY(-5px); \n  box-shadow: 0 15px 30px rgba(243, 172, 192, 0.4); \n}\n\n.dra-btn-luxury-tech:hover .btn-shine { \n  left: 100%; \n}\n\n\/* ==========================================\n   EFECTO DE FLASH DE C\u00c1MARA (AL HACER CLIC)\n   ========================================== *\/\n.camera-flash-overlay {\n  position: fixed;\n  inset: 0;\n  background-color: #ffffff;\n  z-index: 99999;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.08s ease-out;\n}\n\n.camera-flash-overlay.active {\n  opacity: 0.95;\n}\n\n\/* ==========================================\n   VENTANA MODAL ESTILO FOTOGR\u00c1FICO\n   ========================================== *\/\n.photo-modal-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(20, 15, 15, 0.85);\n  backdrop-filter: blur(8px);\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  visibility: hidden;\n  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n  padding: 20px;\n}\n\n.photo-modal-overlay.open {\n  opacity: 1;\n  visibility: visible;\n}\n\n.photo-modal-container {\n  position: relative;\n  width: 100%;\n  max-width: 550px;\n  transform: scale(0.85);\n  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.photo-modal-overlay.open .photo-modal-container {\n  transform: scale(1);\n}\n\n.modal-close-btn {\n  position: absolute;\n  top: -45px;\n  right: 0;\n  background: none;\n  border: none;\n  color: #ffffff;\n  font-size: 2.2rem;\n  line-height: 1;\n  cursor: pointer;\n  transition: transform 0.3s ease, color 0.3s ease;\n  z-index: 10;\n}\n\n.modal-close-btn:hover {\n  transform: rotate(90deg);\n  color: #D78278;\n}\n\n.photo-modal-card {\n  position: relative;\n  width: 100%;\n  height: 380px;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n  background: #000;\n}\n\n.photo-modal-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  transition: transform 8s ease;\n  z-index: 1;\n}\n\n.photo-modal-overlay.open .photo-modal-bg {\n  transform: scale(1.08);\n}\n\n.modal-frame {\n  inset: 20px !important;\n  border-color: rgba(255, 255, 255, 0.4) !important;\n}\n\n.modal-frame .corner {\n  opacity: 1 !important;\n  width: 22px !important;\n  height: 22px !important;\n  border-color: #ffffff !important;\n  box-shadow: 0 0 10px rgba(215, 130, 120, 0.8);\n}\n\n.photo-modal-info {\n  position: absolute;\n  bottom: 30px;\n  left: 30px;\n  right: 30px;\n  z-index: 5;\n  color: #ffffff;\n}\n\n.photo-modal-info h3 {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(1.4rem, 2.5vw, 1.8rem);\n  margin: 0 0 18px 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,0.7);\n}\n\n\/* ==========================================\n   RESPONSIVE (M\u00d3VILES Y TABLETS)\n   ========================================== *\/\n@media (max-width: 991px) {\n  .innovative-symptoms-final { padding: 45px 0; }\n  .symptoms-flex-layout { gap: 14px; }\n  .tech-card { \n    flex: 1 1 calc(50% - 14px); \n    max-width: 100%; \n    height: 165px; \n  }\n}\n\n@media (max-width: 576px) {\n  .symptoms-title { font-size: 1.45rem; margin-bottom: 25px; }\n  .tech-card { \n    flex: 1 1 calc(50% - 10px); \n    height: 150px; \n  }\n  .card-frame { inset: 8px; }\n  .card-info { bottom: 12px; left: 12px; right: 12px; }\n  .card-info p { font-size: 0.85rem; }\n  .geo-shape { display: none; }\n  \n  \/* Ajuste de botones en m\u00f3vil *\/\n  .dra-btn-luxury-tech { width: 90%; padding: 15px 30px; }\n  \n  \/* Ajustes del Modal en M\u00f3vil *\/\n  .photo-modal-card { height: 320px; }\n  .photo-modal-info { bottom: 20px; left: 20px; right: 20px; }\n  .photo-modal-info h3 { font-size: 1.25rem; margin-bottom: 14px; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const cards = document.querySelectorAll('.tech-card');\n  const flashOverlay = document.getElementById('cameraFlashOverlay');\n  const modal = document.getElementById('photoCardModal');\n  const closeBtn = document.getElementById('modalCloseBtn');\n  const modalCardBg = document.getElementById('modalCardBg');\n  const modalCardTitle = document.getElementById('modalCardTitle');\n  const modalWaBtn = document.getElementById('modalWaBtn');\n\n  \/\/ Funci\u00f3n para reproducir el efecto de obturador y abrir modal\n  cards.forEach(card => {\n    card.addEventListener('click', function() {\n      const title = this.getAttribute('data-title');\n      const bgUrl = this.getAttribute('data-bg');\n\n      \/\/ 1. Activar Flash de C\u00e1mara\n      flashOverlay.classList.add('active');\n      \n      setTimeout(() => {\n        flashOverlay.classList.remove('active');\n      }, 120);\n\n      \/\/ 2. Cargar datos en la tarjeta del Modal\n      modalCardTitle.textContent = title;\n      modalCardBg.style.backgroundImage = `url('${bgUrl}')`;\n      modalWaBtn.href = `https:\/\/wa.link\/q0un0m?text=Hola,%20quisiera%20agendar%20una%20consulta%20sobre:%20${encodeURIComponent(title)}`;\n\n      \/\/ 3. Abrir Modal\n      setTimeout(() => {\n        modal.classList.add('open');\n        document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de fondo\n      }, 150);\n    });\n  });\n\n  \/\/ Cierre del Modal al hacer clic en bot\u00f3n de cerrar\n  closeBtn.addEventListener('click', closeModal);\n\n  \/\/ Cierre del Modal al hacer clic fuera del contenido\n  modal.addEventListener('click', function(e) {\n    if (e.target === modal) {\n      closeModal();\n    }\n  });\n\n  \/\/ Cierre del Modal con la tecla ESC\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && modal.classList.contains('open')) {\n      closeModal();\n    }\n  });\n\n  function closeModal() {\n    modal.classList.remove('open');\n    document.body.style.overflow = '';\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4feadd5 e-con-full e-flex e-con e-parent\" data-id=\"4feadd5\" data-element_type=\"container\" data-e-type=\"container\" id=\"consulta\">\n\t\t\t\t<div class=\"elementor-element elementor-element-513fa07 elementor-widget elementor-widget-html\" data-id=\"513fa07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"servicios-tech\" class=\"tech-flow-section\">\n  <!-- L\u00edneas Din\u00e1micas de Fondo -->\n  <div class=\"tech-flow-background\">\n    <div class=\"colorful-line\"><\/div>\n    <div class=\"colorful-line\"><\/div>\n    <div class=\"colorful-line\"><\/div>\n    <div class=\"colorful-line\"><\/div>\n  <\/div>\n\n  <!-- Imagen de Fondo Animada (Flotando con Overlay Blanco al 70%) -->\n  <div class=\"tech-floating-bg-wrapper\">\n    <div class=\"tech-floating-bg-inner\">\n      <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/fondo-seccion-consulta-precios.png\" alt=\"Decoraci\u00f3n de fondo\" class=\"tech-floating-bg-img\">\n      <div class=\"tech-floating-bg-overlay\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tech-flow-container\">\n    \n    <!-- Imagen y Marco Geom\u00e9trico -->\n    <div class=\"tech-flow-visual\">\n      <div class=\"geometric-shape-frame\">\n        <div class=\"image-layered-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-6-scaled.jpg\" alt=\"Consultorio Dra. Karla S\u00e1nchez\" class=\"tech-main-img\">\n          <div class=\"medical-data-overlay\">\n            <svg viewBox=\"0 0 100 100\" class=\"tech-cell-pattern\">\n              <circle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"rgba(215, 130, 120, 0.3)\" \/>\n              <path d=\"M20,20 Q40,40 60,20\" stroke=\"rgba(215, 130, 120, 0.15)\" stroke-width=\"0.3\" fill=\"none\" \/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <!-- Formas colocadas por encima de la imagen -->\n        <div class=\"facet tl-facet\"><\/div>\n        <div class=\"facet br-facet\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Contenido y Lista de Servicios -->\n    <div class=\"tech-flow-content\">\n      <h2 class=\"tech-flow-h2\">Consulta ginecol\u00f3gica<\/h2>\n      \n      <div class=\"tech-services-list\">\n        \n        <!-- SERVICIO 1 -->\n        <div class=\"tech-service-entry\">\n          <div class=\"tech-service-text\">\n            <div class=\"tech-service-title-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/consulta-primera-vez-y-subsecuentes.svg\" alt=\"Icono Consulta\" class=\"tech-service-icon\">\n              <h3>(Primera vez y subsecuente)<\/h3>\n            <\/div>\n            <span class=\"tech-subtext\"><\/span>\n          <\/div>\n          <div class=\"tech-service-price\">\n            <div class=\"price-badge\">\n              <span>$1,000<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- SERVICIO 2 -->\n        <div class=\"tech-service-entry\">\n          <div class=\"tech-service-text\">\n            <div class=\"tech-service-title-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/check-up-ginecologico.svg\" alt=\"Icono Check up\" class=\"tech-service-icon\">\n              <h3>Check up ginecol\u00f3gico<\/h3>\n            <\/div>\n            <span class=\"tech-subtext\"><\/span>\n          <\/div>\n          <div class=\"tech-service-price\">\n            <div class=\"price-badge\">\n              <span>$1,200<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600&family=Montserrat:wght@300;400;500;600&display=swap');\n\n.tech-flow-section {\n  position: relative;\n  padding: 80px 0; \n  background-color: #ffffff;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n\n.tech-flow-background {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n}\n\n\/* --- Contenedor de Imagen Flotante de Fondo (Escritorio \/ Derecha) --- *\/\n.tech-floating-bg-wrapper {\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  right: -2%; \/* Posicionada a la derecha de la pantalla *\/\n  transform: translateY(-50%);\n  width: 48%;\n  max-width: 650px;\n  pointer-events: none;\n}\n\n.tech-floating-bg-inner {\n  position: relative;\n  width: 100%;\n  animation: floatingBg 6s ease-in-out infinite alternate;\n}\n\n.tech-floating-bg-img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* Overlay Blanco al 70% de opacidad sobre la imagen flotante *\/\n.tech-floating-bg-overlay {\n  position: absolute;\n  inset: 0;\n  background-color: #ffffff;\n  opacity: 0.70;\n  pointer-events: none;\n}\n\n@keyframes floatingBg {\n  0% {\n    transform: translateY(-15px) rotate(0deg);\n  }\n  50% {\n    transform: translateY(10px) rotate(1.5deg);\n  }\n  100% {\n    transform: translateY(-10px) rotate(-1deg);\n  }\n}\n\n.colorful-line {\n  position: absolute;\n  width: 1.5px;\n  height: 100%;\n  animation: moveTechLine 12s linear infinite;\n  opacity: 0.35;\n}\n\n.colorful-line:nth-child(1) { left: 10%; animation-delay: 0s; background: linear-gradient(to bottom, transparent, #EABFB9, transparent); }\n.colorful-line:nth-child(2) { left: 35%; animation-delay: 4s; background: linear-gradient(to bottom, transparent, #D78278, transparent); }\n.colorful-line:nth-child(3) { left: 70%; animation-delay: 8s; background: linear-gradient(to bottom, transparent, #F3ACC0, transparent); }\n.colorful-line:nth-child(4) { left: 90%; animation-delay: 2s; background: linear-gradient(to bottom, transparent, #EABFB9, transparent); }\n\n@keyframes moveTechLine {\n  0% { transform: translateY(-100%); }\n  100% { transform: translateY(100%); }\n}\n\n.tech-flow-container {\n  position: relative;\n  z-index: 10;\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  width: 90%;\n  align-items: center;\n}\n\n\/* Imagen y Marco *\/\n.geometric-shape-frame {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  aspect-ratio: 1;\n  margin: 0 auto;\n}\n\n.image-layered-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n  clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%);\n  box-shadow: 0 15px 35px rgba(215, 130, 120, 0.12);\n  background: #fff;\n}\n\n.tech-main-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.medical-data-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background: linear-gradient(to top, rgba(255, 255, 255, 0.2), transparent);\n  pointer-events: none;\n}\n\n\/* Formas Geom\u00e9tricas por Encima de la Foto *\/\n.facet {\n  position: absolute;\n  z-index: 3;\n  opacity: 0.85;\n  width: 38%;\n  height: 38%;\n  pointer-events: none;\n  mix-blend-mode: multiply;\n}\n\n\/* Esquina Superior Izquierda *\/\n.tl-facet { \n  top: -15px; \n  left: -15px; \n  background: #EABFB9;\n  clip-path: polygon(0 0, 100% 0, 0 100%);\n  animation: swapFacetTL 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;\n}\n\n\/* Esquina Inferior Derecha *\/\n.br-facet { \n  bottom: -15px; \n  right: -15px; \n  background: #D78278;\n  clip-path: polygon(100% 100%, 100% 0, 0 100%); \n  animation: swapFacetBR 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;\n}\n\n\/* Animaci\u00f3n Diagonal Acelerada *\/\n@keyframes swapFacetTL {\n  0% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(140px, 140px) scale(0.85);\n  }\n  100% {\n    transform: translate(calc(100% + 30px), calc(100% + 30px)) scale(1);\n  }\n}\n\n@keyframes swapFacetBR {\n  0% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(-140px, -140px) scale(0.85);\n  }\n  100% {\n    transform: translate(calc(-100% - 30px), calc(-100% - 30px)) scale(1);\n  }\n}\n\n\/* Tipograf\u00eda y Lista *\/\n.tech-flow-h2 {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.5rem;\n  color: #3D3433;\n  margin-top: 0;\n  margin-bottom: 35px;\n}\n\n.tech-services-list {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.tech-service-entry {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid rgba(234, 191, 185, 0.35);\n  padding-bottom: 20px;\n}\n\n\/* Contenedor de Icono + Texto *\/\n.tech-service-title-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n\/* Iconos Grandes e Inyecci\u00f3n de color #D78278 *\/\n.tech-service-icon {\n  width: 38px;\n  height: 38px;\n  object-fit: contain;\n  flex-shrink: 0;\n  filter: invert(56%) sepia(21%) saturate(1210%) hue-rotate(318deg) brightness(94%) contrast(89%);\n}\n\n.tech-service-text h3 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 500;\n  font-size: 1.15rem;\n  color: #3D3433;\n  margin: 0;\n}\n\n.tech-subtext {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem;\n  color: #8C7A78;\n  display: block;\n  margin-top: 4px;\n}\n\n\/* Contenedores Redondeados de Precios + Animaci\u00f3n Pop en Bucle *\/\n.tech-service-price {\n  flex-shrink: 0;\n}\n\n.price-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(253, 248, 247, 0.9);\n  border: 1.5px solid rgba(215, 130, 120, 0.3);\n  padding: 8px 20px;\n  border-radius: 30px;\n  box-shadow: 0 4px 15px rgba(215, 130, 120, 0.08);\n  animation: popPulse 3s ease-in-out infinite;\n}\n\n.price-badge span {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.45rem;\n  font-weight: 600;\n  color: #D78278;\n  letter-spacing: -0.5px;\n}\n\n\/* Animaci\u00f3n Pop \/ Pulse *\/\n@keyframes popPulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 4px 15px rgba(215, 130, 120, 0.08);\n  }\n  15% {\n    transform: scale(1.08);\n    box-shadow: 0 8px 22px rgba(215, 130, 120, 0.25);\n    border-color: rgba(215, 130, 120, 0.6);\n  }\n  30% {\n    transform: scale(0.98);\n  }\n  45% {\n    transform: scale(1.03);\n    box-shadow: 0 6px 18px rgba(215, 130, 120, 0.18);\n  }\n  60%, 100% {\n    transform: scale(1);\n    box-shadow: 0 4px 15px rgba(215, 130, 120, 0.08);\n  }\n}\n\n.tech-service-entry:nth-child(2) .price-badge {\n  animation-delay: 0.6s;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 850px) {\n  .tech-flow-section { padding: 50px 0; }\n  .tech-flow-container { grid-template-columns: 1fr; gap: 40px; }\n  .tech-flow-h2 { text-align: center; font-size: 2rem; }\n  .price-badge span { font-size: 1.25rem; }\n  .price-badge { padding: 6px 16px; }\n\n  \/* Ajuste de la Imagen Flotante en M\u00f3viles (Centro en la pantalla) *\/\n  .tech-floating-bg-wrapper {\n    right: auto;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 85%;\n    max-width: none;\n  }\n}\n\n@media (max-width: 480px) {\n  .tech-service-entry {\n    flex-direction: row;\n    gap: 12px;\n  }\n  .tech-service-icon {\n    width: 30px;\n    height: 30px;\n  }\n  .tech-service-text h3 {\n    font-size: 0.95rem;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab98505 e-con-full e-flex e-con e-parent\" data-id=\"ab98505\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0202ade elementor-widget elementor-widget-html\" data-id=\"0202ade\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"atencion-integral\" class=\"unified-section\">\n  \n  <!-- L\u00edneas Din\u00e1micas de Fondo -->\n  <div class=\"unified-bg-animation\">\n    <div class=\"u-line\" style=\"--i:1; --left:12%\"><\/div>\n    <div class=\"u-line\" style=\"--i:2; --left:50%\"><\/div>\n    <div class=\"u-line\" style=\"--i:3; --left:88%\"><\/div>\n  <\/div>\n\n  <div class=\"unified-container\">\n    \n    <div class=\"specialties-header\">\n      <span class=\"u-eyebrow\"><\/span>\n      <h2 class=\"u-title-large\">Tambi\u00e9n brindo atenci\u00f3n en:<\/h2>\n    <\/div>\n\n    <div class=\"u-octo-grid\">\n      \n      <!-- SERVICIO 1 -->\n      <div class=\"u-octo-card\">\n        <div class=\"card-corner-tag\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/parto1.svg\" alt=\"Icono\" class=\"corner-icon\">\n        <\/div>\n        <div class=\"u-image-box\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Parto.jpg\" alt=\"Parto\" class=\"u-img\">\n        <\/div>\n        <div class=\"u-info-plate\">\n          <span class=\"u-bullet\">\u2726<\/span>\n          <h3>Parto<\/h3>\n        <\/div>\n      <\/div>\n\n      <!-- SERVICIO 2 -->\n      <div class=\"u-octo-card\">\n        <div class=\"card-corner-tag\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/cesarea.svg\" alt=\"Icono\" class=\"corner-icon\">\n        <\/div>\n        <div class=\"u-image-box\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/cesarea-1.jpg\" alt=\"Ces\u00e1rea\" class=\"u-img\">\n        <\/div>\n        <div class=\"u-info-plate\">\n          <span class=\"u-bullet\">\u2726<\/span>\n          <h3>Ces\u00e1rea<\/h3>\n        <\/div>\n      <\/div>\n\n      <!-- SERVICIO 3 -->\n      <div class=\"u-octo-card\">\n        <div class=\"card-corner-tag\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/histerectomia.svg\" alt=\"Icono\" class=\"corner-icon\">\n        <\/div>\n        <div class=\"u-image-box\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Histerectomia-1.jpg\" alt=\"Histerectom\u00eda\" class=\"u-img\">\n        <\/div>\n        <div class=\"u-info-plate\">\n          <span class=\"u-bullet\">\u2726<\/span>\n          <h3>Histerectom\u00eda<\/h3>\n        <\/div>\n      <\/div>\n\n      <!-- SERVICIO 4 -->\n      <div class=\"u-octo-card\">\n        <div class=\"card-corner-tag\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/seguimiento-de-embarazo.svg\" alt=\"Icono\" class=\"corner-icon\">\n        <\/div>\n        <div class=\"u-image-box\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Seguimiento-de-embarazo.jpg\" alt=\"Seguimiento de embarazo\" class=\"u-img\">\n        <\/div>\n        <div class=\"u-info-plate\">\n          <span class=\"u-bullet\">\u2726<\/span>\n          <h3>Seguimiento de embarazo<\/h3>\n        <\/div>\n      <\/div>\n\n      <!-- SERVICIO 5 -->\n      <div class=\"u-octo-card\">\n        <div class=\"card-corner-tag\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/planificacion-familiar.svg\" alt=\"Icono\" class=\"corner-icon\">\n        <\/div>\n        <div class=\"u-image-box\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Orientacion-en-planificacion-familiar.jpg\" alt=\"Planificaci\u00f3n familiar\" class=\"u-img\">\n        <\/div>\n        <div class=\"u-info-plate\">\n          <span class=\"u-bullet\">\u2726<\/span>\n          <h3>Planificaci\u00f3n familiar<\/h3>\n        <\/div>\n      <\/div>\n\n      <!-- SERVICIO 6 -->\n      <div class=\"u-octo-card\">\n        <div class=\"card-corner-tag\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/diu.svg\" alt=\"Icono\" class=\"corner-icon\">\n        <\/div>\n        <div class=\"u-image-box\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/diu.jpg\" alt=\"Colocaci\u00f3n de DIU\" class=\"u-img\">\n        <\/div>\n        <div class=\"u-info-plate\">\n          <span class=\"u-bullet\">\u2726<\/span>\n          <h3>Colocaci\u00f3n de DIU<\/h3>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600&family=Montserrat:wght@300;400;500;600&display=swap');\n\n.unified-section {\n  position: relative;\n  padding: 60px 0 90px 0;\n  background-color: #FDF8F7;\n  overflow: hidden;\n}\n\n.unified-container {\n  position: relative;\n  z-index: 10;\n  max-width: 1150px;\n  margin: 0 auto;\n  width: 90%;\n}\n\n\/* L\u00edneas Din\u00e1micas de Fondo *\/\n.unified-bg-animation {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.u-line {\n  position: absolute;\n  top: 0;\n  left: var(--left);\n  width: 1.5px;\n  height: 100%;\n  background: linear-gradient(to bottom, transparent, rgba(215, 130, 120, 0.3), transparent);\n  animation: uLineFlow 14s linear infinite;\n  animation-delay: calc(var(--i) * 3s);\n}\n\n@keyframes uLineFlow {\n  0% { transform: translateY(-100%); }\n  100% { transform: translateY(100%); }\n}\n\n\/* Encabezado *\/\n.specialties-header {\n  text-align: center;\n  margin-bottom: 45px;\n}\n\n.u-eyebrow {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #D78278;\n  display: block;\n  margin-bottom: 8px;\n}\n\n.u-title-large {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.5rem;\n  color: #3D3433;\n  margin: 0;\n  position: relative;\n  display: inline-block;\n}\n\n.u-title-large::after {\n  content: '';\n  display: block;\n  width: 60px;\n  height: 2px;\n  background: #EABFB9;\n  margin: 12px auto 0 auto;\n  border-radius: 2px;\n}\n\n\/* Grid Principal *\/\n.u-octo-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n}\n\n\/* Tarjetas *\/\n.u-octo-card {\n  position: relative;\n  background: #ffffff;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 10px 25px rgba(215, 130, 120, 0.08);\n  border: 1px solid rgba(234, 191, 185, 0.4);\n  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n  display: flex !important;\n  flex-direction: column !important;\n  height: auto !important;\n}\n\n.u-octo-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 18px 35px rgba(215, 130, 120, 0.18);\n  border-color: rgba(215, 130, 120, 0.7);\n}\n\n\/* Pesta\u00f1a Triangular en la Esquina Superior Derecha *\/\n.card-corner-tag {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 65px;\n  height: 65px;\n  background: #D78278;\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\n  z-index: 5;\n  pointer-events: none;\n  transition: width 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), \n              height 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n.u-octo-card:hover .card-corner-tag {\n  width: 115px;\n  height: 115px;\n}\n\n\/* Icono dentro de la Pesta\u00f1a *\/\n.corner-icon {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 22px;\n  height: 22px;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n  transition: all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n.u-octo-card:hover .corner-icon {\n  top: 18px;\n  right: 18px;\n  width: 32px;\n  height: 32px;\n  transform: rotate(-10deg);\n}\n\n\/* Contenedor de Imagen *\/\n.u-image-box {\n  position: relative;\n  width: 100% !important;\n  height: auto !important;\n  aspect-ratio: 4 \/ 3;\n  overflow: hidden;\n  display: block;\n}\n\n.u-img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n.u-octo-card:hover .u-img {\n  transform: scale(1.08);\n}\n\n\/* Placa Informativa Inferior *\/\n.u-info-plate {\n  background: #ffffff;\n  padding: 16px 20px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  border-top: 1px solid rgba(234, 191, 185, 0.25);\n  position: relative;\n  z-index: 2;\n  margin-top: 0 !important;\n}\n\n.u-bullet {\n  color: #D78278;\n  font-size: 0.9rem;\n  transition: transform 0.3s ease;\n}\n\n.u-octo-card:hover .u-bullet {\n  transform: rotate(45deg) scale(1.2);\n}\n\n.u-info-plate h3 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 600;\n  font-size: 1.05rem;\n  color: #3D3433;\n  margin: 0;\n  line-height: 1.3;\n  transition: color 0.3s ease;\n}\n\n.u-octo-card:hover .u-info-plate h3 {\n  color: #D78278;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .u-octo-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n  .u-title-large {\n    font-size: 2.1rem;\n  }\n}\n\n@media (max-width: 550px) {\n  .unified-section {\n    padding: 40px 0 60px 0;\n  }\n  .u-title-large {\n    font-size: 1.6rem;\n  }\n  .u-octo-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n  .u-image-box {\n    aspect-ratio: 1 \/ 1 !important; \/* Relaci\u00f3n cuadrada en m\u00f3vil para compacidad *\/\n  }\n  .card-corner-tag {\n    width: 48px;\n    height: 48px;\n  }\n  .u-octo-card:hover .card-corner-tag {\n    width: 80px;\n    height: 80px;\n  }\n  .corner-icon {\n    top: 6px;\n    right: 6px;\n    width: 16px;\n    height: 16px;\n  }\n  .u-octo-card:hover .corner-icon {\n    top: 10px;\n    right: 10px;\n    width: 24px;\n    height: 24px;\n  }\n  .u-info-plate {\n    padding: 12px 10px;\n    gap: 6px;\n  }\n  .u-info-plate h3 {\n    font-size: 0.82rem;\n  }\n  .u-bullet {\n    font-size: 0.75rem;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2798996 e-con-full e-flex e-con e-parent\" data-id=\"2798996\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c896d9e elementor-widget elementor-widget-html\" data-id=\"c896d9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"human-commitment\">\n  <!-- Imagen Animada Flotante de Fondo -->\n  <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/fondo-seccion-consulta.png\" alt=\"Fondo decorativo consulta\" class=\"hc-floating-bg\">\n\n  <div class=\"hc-container\">\n    <div class=\"hc-grid\">\n      \n      <!-- Visual con Marco Geom\u00e9trico y Tri\u00e1ngulos Intercambi\u00e1ndose -->\n      <div class=\"hc-visual\">\n        <div class=\"geometric-shape-frame\">\n          <div class=\"image-layered-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-11-scaled.jpg\" alt=\"Dra. Karla S\u00e1nchez\" class=\"hc-img\">\n            <div class=\"medical-data-overlay\">\n              <svg viewBox=\"0 0 100 100\" class=\"tech-cell-pattern\">\n                <circle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"rgba(215, 130, 120, 0.3)\" \/>\n                <path d=\"M20,20 Q40,40 60,20\" stroke=\"rgba(215, 130, 120, 0.15)\" stroke-width=\"0.3\" fill=\"none\" \/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <!-- Tri\u00e1ngulos que se cruzan en diagonal -->\n          <div class=\"facet tl-facet\"><\/div>\n          <div class=\"facet br-facet\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Contenido textual y bot\u00f3n CTA estilo Hero -->\n      <div class=\"hc-content\">\n        <h2 class=\"hc-title\">Tu embarazo merece atenci\u00f3n <span>cercana y profesional<\/span><\/h2>\n        <div class=\"hc-divider\"><\/div>\n        <p class=\"hc-text\">\n          Como ginec\u00f3loga, obstetra y mam\u00e1, te acompa\u00f1o con informaci\u00f3n clara, seguimiento m\u00e9dico y un trato humano para que vivas tu embarazo con la mayor tranquilidad posible\n        <\/p>\n        \n        <!-- Bot\u00f3n CTA con estilos del Hero Banner -->\n        <a href=\"https:\/\/wa.link\/q0un0m\" target=\"_blank\" class=\"btn-hero-cta\">\n          <span class=\"btn-text\">Programar mi cita<\/span>\n          <span class=\"btn-arrow-wrapper\">\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Montserrat:wght@300;500;600;700&display=swap');\n\n\/* Estructura Base *\/\n.human-commitment {\n  padding: 80px 0;\n  background-color: #ffffff;\n  font-family: 'Montserrat', sans-serif;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Imagen Flotante en el Fondo *\/\n.hc-floating-bg {\n  position: absolute;\n  top: 50%;\n  right: -5%; \/* Posicionada sutilmente a la derecha *\/\n  width: 45%;\n  max-width: 500px;\n  height: auto;\n  object-fit: contain;\n  opacity: 0.25;\n  pointer-events: none;\n  z-index: 1;\n  animation: hcFloatBg 8s ease-in-out infinite;\n}\n\n@keyframes hcFloatBg {\n  0% {\n    transform: translateY(-50%) translateY(0px) rotate(0deg);\n  }\n  50% {\n    transform: translateY(-50%) translateY(-15px) rotate(1.5deg);\n  }\n  100% {\n    transform: translateY(-50%) translateY(0px) rotate(0deg);\n  }\n}\n\n.hc-container {\n  position: relative;\n  z-index: 2;\n  max-width: 1100px;\n  margin: 0 auto;\n  width: 90%;\n}\n\n.hc-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n}\n\n\/* MARCO Y ANIMACI\u00d3N DE TRI\u00c1NGULOS INTERCAMBIABLES *\/\n.geometric-shape-frame {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  aspect-ratio: 1;\n  margin: 0 auto;\n}\n\n.image-layered-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n  clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%);\n  box-shadow: 0 15px 35px rgba(215, 130, 120, 0.12);\n  background: #fff;\n}\n\n.hc-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s ease;\n}\n\n.geometric-shape-frame:hover .hc-img {\n  transform: scale(1.05);\n}\n\n.medical-data-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background: linear-gradient(to top, rgba(255, 255, 255, 0.15), transparent);\n  pointer-events: none;\n}\n\n\/* Formas Triangulares Superpuestas *\/\n.facet {\n  position: absolute;\n  z-index: 3;\n  opacity: 0.85;\n  width: 38%;\n  height: 38%;\n  pointer-events: none;\n  mix-blend-mode: multiply;\n}\n\n.tl-facet { \n  top: -15px; \n  left: -15px; \n  background: #EABFB9;\n  clip-path: polygon(0 0, 100% 0, 0 100%);\n  animation: swapFacetTL 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;\n}\n\n.br-facet { \n  bottom: -15px; \n  right: -15px; \n  background: #D78278;\n  clip-path: polygon(100% 100%, 100% 0, 0 100%); \n  animation: swapFacetBR 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;\n}\n\n@keyframes swapFacetTL {\n  0% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(140px, 140px) scale(0.85);\n  }\n  100% {\n    transform: translate(calc(100% + 30px), calc(100% + 30px)) scale(1);\n  }\n}\n\n@keyframes swapFacetBR {\n  0% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(-140px, -140px) scale(0.85);\n  }\n  100% {\n    transform: translate(calc(-100% - 30px), calc(-100% - 30px)) scale(1);\n  }\n}\n\n\/* Tipograf\u00eda y Textos *\/\n.hc-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.8rem;\n  color: #3D3433;\n  line-height: 1.15;\n  margin-bottom: 20px;\n}\n\n.hc-title span {\n  display: block;\n  color: #D78278;\n  font-style: italic;\n  font-weight: 400;\n}\n\n.hc-divider {\n  width: 60px;\n  height: 3px;\n  background-color: #D78278;\n  margin-bottom: 25px;\n  border-radius: 2px;\n}\n\n.hc-text {\n  font-size: 1.05rem;\n  line-height: 1.8;\n  color: #5A504E;\n  font-weight: 300;\n  margin-bottom: 35px;\n}\n\n\/* BOT\u00d3N CTA ESTILO HERO BANNER *\/\n.btn-hero-cta {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 15px;\n  padding: 14px 32px;\n  background-color: #D78278;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 600;\n  font-size: 0.9rem;\n  letter-spacing: 1px;\n  border-radius: 50px;\n  box-shadow: 0 8px 20px rgba(215, 130, 120, 0.3);\n  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n  overflow: hidden;\n}\n\n.btn-hero-cta::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.25), transparent);\n  transform: translateX(-100%);\n  transition: transform 0.6s ease;\n}\n\n.btn-hero-cta:hover::before {\n  transform: translateX(100%);\n}\n\n.btn-hero-cta:hover {\n  background-color: #c46f65;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 28px rgba(215, 130, 120, 0.45);\n  color: #ffffff !important;\n}\n\n.btn-text {\n  position: relative;\n  z-index: 2;\n}\n\n.btn-arrow-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 50%;\n  transition: transform 0.3s ease, background 0.3s ease;\n}\n\n.arrow-icon {\n  width: 14px;\n  height: 14px;\n  stroke: #ffffff;\n}\n\n.btn-hero-cta:hover .btn-arrow-wrapper {\n  transform: translateX(4px);\n  background: rgba(255, 255, 255, 0.3);\n}\n\n\/* Responsivo *\/\n@media (max-width: 991px) {\n  .hc-grid { gap: 40px; }\n  .hc-title { font-size: 2.2rem; }\n}\n\n@media (max-width: 768px) {\n  .human-commitment { padding: 50px 0; }\n  .hc-grid { grid-template-columns: 1fr; text-align: center; gap: 40px; }\n  \n  .hc-floating-bg {\n    left: 50%;\n    right: auto;\n    width: 70%;\n    max-width: 320px;\n    animation: hcFloatBgMobile 8s ease-in-out infinite;\n  }\n\n  .hc-visual { order: -1; }\n  .geometric-shape-frame { max-width: 320px; }\n  \n  .hc-divider { margin: 0 auto 20px; }\n  .hc-text { font-size: 0.98rem; margin-bottom: 30px; padding: 0 10px; }\n  \n  .btn-hero-cta { width: 100%; max-width: 300px; justify-content: center; }\n}\n\n@keyframes hcFloatBgMobile {\n  0% {\n    transform: translate(-50%, -50%) translateY(0px) rotate(0deg);\n  }\n  50% {\n    transform: translate(-50%, -50%) translateY(-12px) rotate(1.5deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) translateY(0px) rotate(0deg);\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bfdbbc e-con-full e-flex e-con e-parent\" data-id=\"8bfdbbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea521fb elementor-widget elementor-widget-html\" data-id=\"ea521fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"metodos-pago\" class=\"pago-section\">\n  <div class=\"pago-container\">\n    <h4 class=\"pago-title\">Acepto diversos m\u00e9todos de pago:<\/h4>\n    \n    <div class=\"pago-grid\">\n      \n      <!-- CARD 1: EFECTIVO -->\n      <div class=\"pago-card\">\n        <div class=\"pago-icon-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/efectivo.svg\" alt=\"Efectivo\" class=\"custom-pago-icon\">\n        <\/div>\n        <span class=\"pago-card-label\">Efectivo<\/span>\n      <\/div>\n\n      <!-- CARD 2: TRANSFERENCIA -->\n      <div class=\"pago-card\">\n        <div class=\"pago-icon-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/transferencia.svg\" alt=\"Transferencia\" class=\"custom-pago-icon\">\n        <\/div>\n        <span class=\"pago-card-label\">Transferencia<\/span>\n      <\/div>\n\n      <!-- CARD 3: TARJETAS -->\n      <div class=\"pago-card\">\n        <div class=\"pago-icon-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/tarjeta-de-credito-y-debito.svg\" alt=\"Tarjetas\" class=\"custom-pago-icon\">\n        <\/div>\n        <span class=\"pago-card-label\">Tarjeta de d\u00e9bito y cr\u00e9dito<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap');\n\n.pago-section {\n  padding: 50px 0 60px 0;\n  background-color: #FDF8F7;\n  border-top: 1px solid rgba(215, 130, 120, 0.15);\n}\n\n.pago-container {\n  max-width: 1000px;\n  margin: 0 auto;\n  width: 90%;\n  text-align: center;\n}\n\n.pago-title {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #D78278;\n  letter-spacing: 2.5px;\n  margin-bottom: 35px;\n}\n\n\/* GRID DE TARJETAS *\/\n.pago-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 25px;\n  justify-content: center;\n  align-items: stretch;\n}\n\n\/* ESTILO DE CADA CARD *\/\n.pago-card {\n  background: #ffffff;\n  border: 1px solid rgba(234, 191, 185, 0.35);\n  border-radius: 12px;\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n  box-shadow: 0 8px 20px rgba(215, 130, 120, 0.05);\n  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n.pago-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 14px 28px rgba(215, 130, 120, 0.12);\n  border-color: rgba(215, 130, 120, 0.6);\n}\n\n\/* CONTENEDOR DE ICONO REDONDO - AHORA COLOR #D78278 *\/\n.pago-icon-wrapper {\n  width: 68px;\n  height: 68px;\n  border-radius: 50%;\n  background: #D78278;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(215, 130, 120, 0.4);\n  flex-shrink: 0;\n  box-shadow: 0 4px 12px rgba(215, 130, 120, 0.25);\n  perspective: 1000px;\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;\n}\n\n\/* ROTACI\u00d3N 360 HORIZONTAL EN HOVER *\/\n.pago-card:hover .pago-icon-wrapper {\n  transform: rotateY(360deg) scale(1.08);\n  background: #c46f65;\n}\n\n\/* ICONOS AHORA DE COLOR BLANCO (#FFFFFF) *\/\n.custom-pago-icon {\n  width: 38px;\n  height: 38px;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n  transition: transform 0.3s ease;\n  backface-visibility: hidden;\n}\n\n.pago-card-label {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.95rem;\n  color: #3D3433;\n  font-weight: 500;\n  line-height: 1.3;\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 768px) {\n  .pago-grid {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n  }\n  \n  .pago-card {\n    padding: 20px 12px;\n    gap: 12px;\n  }\n\n  .pago-icon-wrapper {\n    width: 56px;\n    height: 56px;\n  }\n\n  .custom-pago-icon {\n    width: 30px;\n    height: 30px;\n  }\n\n  .pago-card-label {\n    font-size: 0.85rem;\n  }\n}\n\n@media (max-width: 520px) {\n  .pago-grid {\n    grid-template-columns: 1fr;\n    max-width: 340px;\n    margin: 0 auto;\n    gap: 15px;\n  }\n\n  .pago-card {\n    flex-direction: row;\n    justify-content: flex-start;\n    padding: 16px 22px;\n    gap: 18px;\n  }\n\n  .pago-card-label {\n    text-align: left;\n    font-size: 0.92rem;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f4b83c e-con-full e-flex e-con e-parent\" data-id=\"6f4b83c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a90b248 elementor-widget elementor-widget-html\" data-id=\"a90b248\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"aseguradoras-compact\" class=\"ins-opt-section\">\n  <div class=\"ins-opt-container\">\n    \n    <div class=\"ins-opt-header\">\n      <h2 class=\"ins-opt-title\">No te preocupes, acepto las siguientes aseguradoras:<\/h2>\n    <\/div>\n\n    <!-- Carrusel con desvanecimiento lateral y escalado al centro -->\n    <div class=\"ins-opt-slider\">\n      <div class=\"ins-opt-track\" id=\"insTrack\">\n        \n        <!-- Bloque 1 -->\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/gnp.png\" alt=\"GNP\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/axa.png\" alt=\"AXA\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/mapfre.png\" alt=\"Mapfre\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/metlife.png\" alt=\"Metlife\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/bbva.png\" alt=\"BBVA\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/bupa.png\" alt=\"Bupa\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/allianz.png\" alt=\"Allianz\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/smnyl.png\" alt=\"SMNYL\" class=\"ins-opt-logo\"><\/div>\n\n        <!-- Bloque 2 (Duplicado para loop infinito) -->\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/gnp.png\" alt=\"GNP\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/axa.png\" alt=\"AXA\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/mapfre.png\" alt=\"Mapfre\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/metlife.png\" alt=\"Metlife\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/bbva.png\" alt=\"BBVA\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/bupa.png\" alt=\"Bupa\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/allianz.png\" alt=\"Allianz\" class=\"ins-opt-logo\"><\/div>\n        <div class=\"ins-opt-card\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/smnyl.png\" alt=\"SMNYL\" class=\"ins-opt-logo\"><\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,400&family=Montserrat:wght@400;500&display=swap');\n\n\/* SECCI\u00d3N BASE *\/\n.ins-opt-section {\n  position: relative;\n  padding: 60px 0;\n  background-color: #ffffff;\n  overflow: hidden;\n}\n\n.ins-opt-container {\n  max-width: 1100px;\n  margin: 0 auto;\n  width: 90%;\n}\n\n.ins-opt-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.ins-opt-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.8rem;\n  color: #3D3433;\n  font-weight: 600;\n  letter-spacing: 0.2px;\n}\n\n\/* CARRUSEL Y FADE *\/\n.ins-opt-slider {\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  padding: 25px 0; \/* Padding vertical para permitir que la tarjeta crezca sin cortarse *\/\n  -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);\n  mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);\n}\n\n.ins-opt-track {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  width: max-content;\n  animation: scrollContinuous 28s linear infinite;\n}\n\n.ins-opt-track:hover {\n  animation-play-state: paused;\n}\n\n@keyframes scrollContinuous {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* TARJETAS CON BORDES REDONDEADOS Y PROPIEDAD DE ESCALADO *\/\n.ins-opt-card {\n  width: 170px;\n  height: 85px;\n  background: #ffffff;\n  border: 1.5px solid rgba(234, 191, 185, 0.45);\n  border-radius: 50px; \/* Bordes redondeados tipo p\u00edldora *\/\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 15px 25px;\n  box-shadow: 0 6px 18px rgba(215, 130, 120, 0.05);\n  flex-shrink: 0;\n  transform: scale(0.85); \/* Tama\u00f1o base m\u00e1s peque\u00f1o a los lados *\/\n  opacity: 0.6;\n  transition: transform 0.15s ease-out, opacity 0.15s ease-out, border-color 0.3s ease, box-shadow 0.3s ease;\n  will-change: transform, opacity;\n}\n\n.ins-opt-logo {\n  max-width: 100%;\n  max-height: 40px;\n  object-fit: contain;\n  filter: grayscale(100%);\n  opacity: 0.7;\n  transition: all 0.3s ease;\n}\n\n\/* ESTILOS AL PASAR EL MOUSE O ESTAR EN EL CENTRO *\/\n.ins-opt-card.is-centered,\n.ins-opt-card:hover {\n  border-color: #D78278;\n  box-shadow: 0 12px 28px rgba(215, 130, 120, 0.18);\n}\n\n.ins-opt-card.is-centered .ins-opt-logo,\n.ins-opt-card:hover .ins-opt-logo {\n  filter: grayscale(0%);\n  opacity: 1;\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 768px) {\n  .ins-opt-section { padding: 45px 0; }\n  .ins-opt-title { font-size: 1.4rem; }\n  .ins-opt-card { width: 140px; height: 70px; padding: 12px 18px; border-radius: 40px; }\n  .ins-opt-logo { max-height: 30px; }\n}\n<\/style>\n\n<!-- SCRIPT ULTRALIGERO PARA CALCULAR LA DISTANCIA AL CENTRO -->\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const cards = document.querySelectorAll('.ins-opt-card');\n  \n  function updateCardScales() {\n    const screenCenter = window.innerWidth \/ 2;\n    const maxDistance = screenCenter * 0.75; \/\/ Distancia l\u00edmite para escala m\u00ednima\n\n    cards.forEach(card => {\n      const rect = card.getBoundingClientRect();\n      const cardCenter = rect.left + rect.width \/ 2;\n      const distanceFromCenter = Math.abs(screenCenter - cardCenter);\n\n      if (distanceFromCenter < maxDistance) {\n        \/\/ Calcula factor de escala entre 0.85 (lados) y 1.15 (centro exacto)\n        const normDistance = distanceFromCenter \/ maxDistance;\n        const scale = 1.15 - (normDistance * 0.30);\n        const opacity = 1 - (normDistance * 0.4);\n\n        card.style.transform = `scale(${scale.toFixed(3)})`;\n        card.style.opacity = opacity.toFixed(2);\n        \n        if (scale > 1.02) {\n          card.classList.add('is-centered');\n        } else {\n          card.classList.remove('is-centered');\n        }\n      } else {\n        card.style.transform = 'scale(0.85)';\n        card.style.opacity = '0.6';\n        card.classList.remove('is-centered');\n      }\n    });\n\n    requestAnimationFrame(updateCardScales);\n  }\n\n  requestAnimationFrame(updateCardScales);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4644feb e-con-full e-flex e-con e-parent\" data-id=\"4644feb\" data-element_type=\"container\" data-e-type=\"container\" id=\"sobremi\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62f1fe6 elementor-widget elementor-widget-html\" data-id=\"62f1fe6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"sobre-mi-final-corregido\" class=\"dra-luxury-section\">\n  <div class=\"dra-dot-pattern\"><\/div>\n  \n  <div class=\"dra-luxury-container\">\n    <div class=\"dra-luxury-grid\">\n      \n      <div class=\"dra-visual-box\">\n        <div class=\"dra-visual-stack\">\n          <div class=\"stack-bg\" style=\"background-color: #F6C2C2;\"><\/div>\n          <div class=\"stack-border\" style=\"border-color: #D78278;\"><\/div>\n          <div class=\"stack-img-container\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-24-scaled.jpg\" alt=\"Dra. Karla Adriana S\u00e1nchez Guerrero\" class=\"dra-img-main\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"dra-content-box\">\n        <header class=\"dra-content-header\">\n          <span class=\"dra-eyebrow\"><\/span>\n          <h2 class=\"dra-h2-title\">Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro<\/h2>\n          <p class=\"dra-cedula-tag\">C\u00e9dula profesional: 15533383<\/p>\n        <\/header>\n\n        <div class=\"dra-body-text\">\n          <p class=\"dra-intro-text\">\n            \u00a1Hola! Soy la Dra. Karla Adriana S\u00e1nchez Guerrero, a lo largo de mi carrera he trabajado en el Hospital de Especialidades del Ni\u00f1o y la Mujer en el cual mi pr\u00e1ctica m\u00e9dica se basa en escuchar, explicar con calma y acompa\u00f1ar cada proceso con respeto. Como ginec\u00f3loga y obstetra, comprendo las dudas, emociones y preocupaciones que pueden surgir tanto en una consulta ginecol\u00f3gica como durante el embarazo. Mi objetivo es que te sientas tranquila, informada y acompa\u00f1ada en cada decisi\u00f3n\n          <\/p>\n        <\/div>\n\n        <div class=\"dra-curriculum-compact\">\n          <div class=\"curriculum-group\">\n            <h3 class=\"dra-small-h3\">Formaci\u00f3n acad\u00e9mica<\/h3>\n            <div class=\"curriculum-item align-start\">\n              <div class=\"inst-logo\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Universidad-Autonoma-de-Queretaro.jpg\" alt=\"UAQ\"><\/div>\n              <div class=\"curriculum-texts\">\n                <p><strong>Medicina General:<\/strong> Universidad Aut\u00f3noma de Quer\u00e9taro<\/p>\n                <p><strong>Especialidad en Ginecolog\u00eda y Obstetricia:<\/strong> Hospital de Especialidades del Ni\u00f1o y la Mujer de Quer\u00e9taro, avalado por la Universidad Aut\u00f3noma de Quer\u00e9taro<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"curriculum-group\">\n            <h3 class=\"dra-small-h3\">Certificaci\u00f3n<\/h3>\n            <div class=\"curriculum-item\">\n              <div class=\"inst-logo\"><img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Colegio-Mexicano-de-Ginecologia-y-Obstetricia.png\" alt=\"Colegio Mexicano de Ginecolog\u00eda\"><\/div>\n              <p>Colegio Mexicano de Ginecolog\u00eda y Obstetricia<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"dra-action\">\n          <a href=\"https:\/\/wa.link\/q0un0m\" class=\"dra-btn-luxury-tech\">\n            <span>Cont\u00e1ctame<\/span>\n            <div class=\"btn-shine\"><\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600&family=Montserrat:wght@300;400;600&display=swap');\n\n.dra-luxury-section {\n  position: relative;\n  padding: 60px 0;\n  background-color: #FDF8F7;\n  overflow: hidden;\n}\n\n.dra-dot-pattern {\n  position: absolute;\n  top: 0; left: 0; width: 100%; height: 100%;\n  background-image: radial-gradient(#F3ACC0 1.2px, transparent 1.2px);\n  background-size: 25px 25px;\n  opacity: 0.2;\n  z-index: 1;\n}\n\n\/* MARGEN LATERAL AJUSTADO *\/\n.dra-luxury-container {\n  position: relative;\n  z-index: 10;\n  max-width: 1100px;\n  margin: 0 auto;\n  width: 100%;\n  padding: 0 20px; \/* Previene el contacto con bordes *\/\n  box-sizing: border-box;\n}\n\n.dra-luxury-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.3fr;\n  gap: 50px;\n  align-items: center;\n}\n\n.dra-visual-stack {\n  position: relative;\n  width: 100%;\n  max-width: 380px;\n  aspect-ratio: 0.85;\n  margin: 0 auto;\n}\n\n.stack-bg {\n  position: absolute;\n  top: 20px; left: -20px;\n  width: 100%; height: 100%;\n  z-index: 1;\n}\n\n.stack-border {\n  position: absolute;\n  top: -15px; right: -15px;\n  width: 100%; height: 100%;\n  border: 1px solid #D78278;\n  z-index: 2;\n}\n\n.stack-img-container {\n  position: relative;\n  width: 100%; height: 100%;\n  z-index: 3;\n  overflow: hidden;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n}\n\n.dra-img-main {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.dra-h2-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 2rem;\n  color: #3D3433;\n  line-height: 1.2;\n  margin-bottom: 8px;\n}\n\n.dra-cedula-tag {\n  font-family: 'Montserrat', sans-serif;\n  color: #8C7A78;\n  font-size: 0.85rem;\n  margin-bottom: 20px;\n}\n\n.dra-intro-text {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.95rem;\n  line-height: 1.7;\n  color: #5A504E;\n  text-align: justify;\n  margin-bottom: 25px;\n}\n\n.dra-small-h3 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 600;\n  font-size: 0.9rem;\n  color: #3D3433;\n  margin-bottom: 12px;\n  border-left: 2px solid #F3ACC0;\n  padding-left: 10px;\n}\n\n.curriculum-item {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 12px;\n}\n\n.curriculum-item.align-start {\n  align-items: flex-start;\n}\n\n.curriculum-texts p {\n  margin-bottom: 8px;\n}\n\n.inst-logo {\n  flex-shrink: 0;\n  width: 42px; height: 42px;\n  background: white;\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.inst-logo img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n}\n\n.curriculum-item p {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem;\n  line-height: 1.4;\n  color: #5A504E;\n  margin: 0;\n}\n\n.curriculum-group { margin-bottom: 22px; }\n\n.dra-btn-luxury-tech {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #D78278;\n  color: #ffffff;\n  padding: 15px 45px;\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 600;\n  letter-spacing: 2px;\n  font-size: 0.75rem;\n  text-decoration: none;\n  border-radius: 50px;\n  overflow: hidden;\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n  box-shadow: 0 4px 15px rgba(215, 130, 120, 0.3);\n  margin-top: 10px;\n  cursor: pointer;\n  border: none;\n}\n\n.btn-shine {\n  position: absolute;\n  top: 0; left: -100%;\n  width: 100%; height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n  transition: all 0.6s;\n}\n\n.dra-btn-luxury-tech span { position: relative; z-index: 2; }\n\n.dra-btn-luxury-tech:hover {\n  background-color: #F3ACC0; \n  transform: translateY(-3px);\n  box-shadow: 0 8px 25px rgba(243, 172, 192, 0.4);\n}\n\n.dra-btn-luxury-tech:hover .btn-shine { left: 100%; }\n\n\/* --- AJUSTES RESPONSIVE Y ESPACIADO LATERAL EN M\u00d3VILES --- *\/\n@media (max-width: 950px) {\n  .dra-luxury-container { \n    padding: 0 24px; \/* Otorga un margen c\u00f3modo de separaci\u00f3n en m\u00f3viles *\/\n  }\n  .dra-luxury-grid { \n    grid-template-columns: 1fr; \n    gap: 40px; \n  }\n  .dra-visual-box { order: -1; }\n  .dra-h2-title { font-size: 1.8rem; text-align: center; }\n  .dra-cedula-tag { text-align: center; }\n  .dra-luxury-section { padding: 40px 0; }\n  .dra-action { display: flex; justify-content: center; width: 100%; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ba91c0 e-con-full e-flex e-con e-parent\" data-id=\"4ba91c0\" data-element_type=\"container\" data-e-type=\"container\" id=\"Testimonios\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f201054 elementor-widget elementor-widget-html\" data-id=\"f201054\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"testimonios-3d-luxury\" class=\"ins-3d-section-opt\">\n  <!-- Imagen Animada Flotante de Fondo (Tama\u00f1o Micro) -->\n  <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/fondo-seccion-testimonios.webp\" alt=\"Fondo decorativo\" class=\"dra-floating-bg\">\n\n  <div class=\"dra-dot-pattern\"><\/div>\n\n  <div class=\"ins-3d-container\">\n    <div class=\"ins-3d-header\">\n      <span class=\"dra-eyebrow\"><\/span>\n      <h2 class=\"dra-h2-title\">Testimonios<\/h2>\n    <\/div>\n\n    <div class=\"ins-3d-wrapper\">\n      <!-- Bot\u00f3n Anterior -->\n      <button class=\"nav-btn prev-btn\" id=\"prevTestimonial\" aria-label=\"Testimonio anterior\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n      <\/button>\n\n      <div class=\"ins-3d-carousel-opt\" id=\"testimonialCarousel\">\n        \n        <div class=\"ins-3d-card\">\n          <div class=\"ins-3d-content\">\n            <span class=\"ins-3d-quote\">\u201c<\/span>\n            <p class=\"ins-3d-text\">Excelente trato; aclaro todas las dudas me sent\u00ed muy c\u00f3moda tranquila<\/p>\n            <div class=\"ins-3d-footer\">\n              <div class=\"ins-3d-author-info\">\n                <svg class=\"ins-3d-user-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" fill=\"currentColor\"\/>\n                  <path d=\"M12 13C8.68629 13 6 15.6863 6 19V21H18V19C18 15.6863 15.3137 13 12 13Z\" fill=\"currentColor\"\/>\n                <\/svg>\n                <span class=\"ins-3d-name\">Elizabeth<\/span>\n              <\/div>\n              <div class=\"ins-3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ins-3d-card\">\n          <div class=\"ins-3d-content\">\n            <span class=\"ins-3d-quote\">\u201c<\/span>\n            <p class=\"ins-3d-text\">Me gust\u00f3 mucho la actitud con la que atendi\u00f3. Dio una explicaci\u00f3n muy detallada y respetuosa<\/p>\n            <div class=\"ins-3d-footer\">\n              <div class=\"ins-3d-author-info\">\n                <svg class=\"ins-3d-user-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" fill=\"currentColor\"\/>\n                  <path d=\"M12 13C8.68629 13 6 15.6863 6 19V21H18V19C18 15.6863 15.3137 13 12 13Z\" fill=\"currentColor\"\/>\n                <\/svg>\n                <span class=\"ins-3d-name\">Fernanda Mart\u00ednez<\/span>\n              <\/div>\n              <div class=\"ins-3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ins-3d-card\">\n          <div class=\"ins-3d-content\">\n            <span class=\"ins-3d-quote\">\u201c<\/span>\n            <p class=\"ins-3d-text\">Excelente doctora, muy buena en su trabajo y explica perfectamente<\/p>\n            <div class=\"ins-3d-footer\">\n              <div class=\"ins-3d-author-info\">\n                <svg class=\"ins-3d-user-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" fill=\"currentColor\"\/>\n                  <path d=\"M12 13C8.68629 13 6 15.6863 6 19V21H18V19C18 15.6863 15.3137 13 12 13Z\" fill=\"currentColor\"\/>\n                <\/svg>\n                <span class=\"ins-3d-name\">Sof\u00eda Orozco<\/span>\n              <\/div>\n              <div class=\"ins-3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ins-3d-card\">\n          <div class=\"ins-3d-content\">\n            <span class=\"ins-3d-quote\">\u201c<\/span>\n            <p class=\"ins-3d-text\">La doctora Karla es muy profesional y atenta, ella me ha explicado con detalle y llevado paso a paso. La recomiendo<\/p>\n            <div class=\"ins-3d-footer\">\n              <div class=\"ins-3d-author-info\">\n                <svg class=\"ins-3d-user-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" fill=\"currentColor\"\/>\n                  <path d=\"M12 13C8.68629 13 6 15.6863 6 19V21H18V19C18 15.6863 15.3137 13 12 13Z\" fill=\"currentColor\"\/>\n                <\/svg>\n                <span class=\"ins-3d-name\">Karla Larios<\/span>\n              <\/div>\n              <div class=\"ins-3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ins-3d-card\">\n          <div class=\"ins-3d-content\">\n            <span class=\"ins-3d-quote\">\u201c<\/span>\n            <p class=\"ins-3d-text\">Excelente ginec\u00f3loga y obstetra, est\u00e1 al pendiente de cada detalle y explica de manera sencilla y precisa. Hace sentir mucha confianza en este proceso<\/p>\n            <div class=\"ins-3d-footer\">\n              <div class=\"ins-3d-author-info\">\n                <svg class=\"ins-3d-user-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" fill=\"currentColor\"\/>\n                  <path d=\"M12 13C8.68629 13 6 15.6863 6 19V21H18V19C18 15.6863 15.3137 13 12 13Z\" fill=\"currentColor\"\/>\n                <\/svg>\n                <span class=\"ins-3d-name\">ACC<\/span>\n              <\/div>\n              <div class=\"ins-3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Bot\u00f3n Siguiente -->\n      <button class=\"nav-btn next-btn\" id=\"nextTestimonial\" aria-label=\"Testimonio siguiente\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600&family=Montserrat:wght@300;400;600&display=swap');\n\n\/* 1. SECCI\u00d3N Y FONDO NUDE *\/\n.ins-3d-section-opt {\n  position: relative;\n  padding: 35px 0; \/* Reducido de 60px *\/\n  background-color: #F9EBEC;\n  overflow: hidden;\n  perspective: 2500px;\n}\n\n\/* Imagen Animada Flotante (Ultra Reducida) *\/\n.dra-floating-bg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 25%;\n  max-width: 250px;\n  height: auto;\n  object-fit: contain;\n  opacity: 0.25;\n  pointer-events: none;\n  z-index: 1;\n  animation: floatingBg 8s ease-in-out infinite;\n}\n\n@keyframes floatingBg {\n  0% { transform: translate(-50%, -50%) translateY(0px) rotate(0deg); }\n  50% { transform: translate(-50%, -50%) translateY(-10px) rotate(1.5deg); }\n  100% { transform: translate(-50%, -50%) translateY(0px) rotate(0deg); }\n}\n\n.dra-dot-pattern {\n  position: absolute;\n  top: 0; left: 0; width: 100%; height: 100%;\n  background-image: radial-gradient(#D78278 1.2px, transparent 1.2px);\n  background-size: 25px 25px;\n  opacity: 0.12;\n  z-index: 2;\n}\n\n.ins-3d-container {\n  position: relative;\n  z-index: 10;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n\/* 2. CABECERA REDUCIDA *\/\n.ins-3d-header {\n  text-align: center;\n  margin-bottom: 20px; \/* Reducido de 50px *\/\n}\n\n.dra-eyebrow {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #D78278;\n  margin-bottom: 4px;\n  display: block;\n}\n\n.dra-h2-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 2rem;\n  color: #3D3433;\n  line-height: 1.2;\n  margin: 0;\n}\n\n\/* 3. ESCENARIO DEL CARRUSEL OPTIMIZADO *\/\n.ins-3d-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 310px; \/* Reducido de 380px *\/\n  position: relative;\n  transform-style: preserve-3d;\n}\n\n.ins-3d-carousel-opt {\n  position: relative;\n  width: 320px;\n  height: 230px;\n  transform-style: preserve-3d;\n  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n\/* 4. BOTONES DE NAVEGACI\u00d3N EN ESCRITORIO *\/\n.nav-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%) translateZ(500px);\n  width: 54px;\n  height: 54px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 1px solid rgba(215, 130, 120, 0.25);\n  color: #D78278;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 999;\n  box-shadow: 0 8px 20px rgba(215, 130, 120, 0.2);\n  transition: all 0.3s ease;\n}\n\n.nav-btn svg {\n  width: 30px;\n  height: 30px;\n}\n\n.nav-btn:hover {\n  background: #D78278;\n  color: #ffffff;\n  transform: translateY(-50%) translateZ(500px) scale(1.1);\n  box-shadow: 0 12px 25px rgba(215, 130, 120, 0.3);\n}\n\n.prev-btn { left: 8%; }\n.next-btn { right: 8%; }\n\n\/* 5. TARJETAS *\/\n.ins-3d-card {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background: #ffffff;\n  padding: 20px;\n  border-radius: 12px;\n  box-shadow: 0 15px 35px rgba(215, 130, 120, 0.12);\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  backface-visibility: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  box-sizing: border-box;\n}\n\n\/* Posiciones 3D *\/\n.ins-3d-card:nth-child(1) { transform: rotateY(0deg) translateZ(380px); }\n.ins-3d-card:nth-child(2) { transform: rotateY(72deg) translateZ(380px); }\n.ins-3d-card:nth-child(3) { transform: rotateY(144deg) translateZ(380px); }\n.ins-3d-card:nth-child(4) { transform: rotateY(216deg) translateZ(380px); }\n.ins-3d-card:nth-child(5) { transform: rotateY(288deg) translateZ(380px); }\n\n\/* 6. CONTENIDO INTERNO *\/\n.ins-3d-quote {\n  font-family: 'Playfair Display', serif;\n  font-size: 2rem;\n  color: #D78278;\n  line-height: 0.8;\n  display: block;\n}\n\n.ins-3d-text {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem;\n  line-height: 1.4;\n  color: #5A504E;\n  font-style: italic;\n  margin-bottom: 8px;\n}\n\n.ins-3d-footer {\n  border-top: 1px solid #F9EBEC;\n  padding-top: 10px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ins-3d-author-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.ins-3d-user-icon {\n  width: 16px; height: 16px;\n  color: #F3ACC0;\n  flex-shrink: 0;\n}\n\n.ins-3d-name {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 600;\n  font-size: 0.8rem;\n  color: #3D3433;\n}\n\n.ins-3d-stars {\n  color: #D78278;\n  font-size: 0.7rem;\n}\n\n\/* 7. RESPONSIVO M\u00d3VIL COMPACTO *\/\n@media (max-width: 768px) {\n  .ins-3d-section-opt { padding: 20px 0 10px 0; } \/* Padding vertical m\u00ednimo *\/\n  .ins-3d-container { padding: 0 16px; }\n  .ins-3d-header { margin-bottom: 10px; }\n  .dra-floating-bg { width: 40%; max-width: 180px; }\n  \n  .ins-3d-wrapper { height: 250px; } \/* Reducci\u00f3n de la altura total del contenedor en m\u00f3viles *\/\n  .ins-3d-carousel-opt { width: 260px; height: 195px; }\n  \n  .ins-3d-card { padding: 15px; }\n  .ins-3d-text { font-size: 0.8rem; line-height: 1.35; margin-bottom: 5px; }\n\n  .ins-3d-card:nth-child(1) { transform: rotateY(0deg) translateZ(260px); }\n  .ins-3d-card:nth-child(2) { transform: rotateY(72deg) translateZ(260px); }\n  .ins-3d-card:nth-child(3) { transform: rotateY(144deg) translateZ(260px); }\n  .ins-3d-card:nth-child(4) { transform: rotateY(216deg) translateZ(260px); }\n  .ins-3d-card:nth-child(5) { transform: rotateY(288deg) translateZ(260px); }\n\n  .prev-btn { left: 1%; }\n  .next-btn { right: 1%; }\n  \n  .nav-btn { \n    width: 48px; \n    height: 48px; \n    z-index: 999;\n    transform: translateY(-50%) translateZ(320px);\n  }\n\n  .nav-btn:hover {\n    transform: translateY(-50%) translateZ(320px) scale(1.05);\n  }\n\n  .nav-btn svg { \n    width: 28px; \n    height: 28px; \n    stroke-width: 3;\n  }\n}\n<\/style>\n\n<!-- L\u00d3GICA DE INTERACCI\u00d3N CON JS -->\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const carousel = document.getElementById('testimonialCarousel');\n  const prevBtn = document.getElementById('prevTestimonial');\n  const nextBtn = document.getElementById('nextTestimonial');\n  \n  let currentAngle = 0;\n  const angleStep = 72;\n  let autoRotateInterval;\n\n  function rotateCarousel() {\n    carousel.style.transform = `rotateY(${currentAngle}deg)`;\n  }\n\n  function nextSlide() {\n    currentAngle -= angleStep;\n    rotateCarousel();\n  }\n\n  function prevSlide() {\n    currentAngle += angleStep;\n    rotateCarousel();\n  }\n\n  nextBtn.addEventListener('click', () => {\n    nextSlide();\n    resetAutoRotate();\n  });\n\n  prevBtn.addEventListener('click', () => {\n    prevSlide();\n    resetAutoRotate();\n  });\n\n  function startAutoRotate() {\n    autoRotateInterval = setInterval(nextSlide, 5000);\n  }\n\n  function resetAutoRotate() {\n    clearInterval(autoRotateInterval);\n    startAutoRotate();\n  }\n\n  carousel.addEventListener('mouseenter', () => clearInterval(autoRotateInterval));\n  carousel.addEventListener('mouseleave', startAutoRotate);\n\n  startAutoRotate();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f84ba4 e-con-full e-flex e-con e-parent\" data-id=\"3f84ba4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f464005 elementor-widget elementor-widget-html\" data-id=\"f464005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"instalaciones-v8-opt\" class=\"inst-v8-opt\">\n  <div class=\"inst-v8-glass\"><\/div>\n\n  <div class=\"inst-v8-container\">\n    <div class=\"inst-v8-header\">\n      <span class=\"dra-eyebrow\"><\/span>\n      <h2 class=\"dra-h2-title\">Instalaciones <span><\/span><\/h2>\n      <p class=\"inst-v8-copy\">Un espacio pensado para tu tranquilidad ideal si buscas una ginec\u00f3loga y obstetra cerca de ti<\/p>\n    <\/div>\n\n    <div class=\"inst-v8-scene\">\n      <!-- Bot\u00f3n Anterior -->\n      <button class=\"inst-v8-nav prev-inst\" id=\"prevInst\" aria-label=\"Imagen anterior\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n      <\/button>\n\n      <div class=\"inst-v8-carousel\" id=\"instCarousel\">\n        \n        <div class=\"inst-v8-item\">\n          <div class=\"inst-v8-inner\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-18-scaled.jpg\" alt=\"Instalaciones\">\n            <div class=\"inst-v8-label\">Consultorio<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"inst-v8-item\">\n          <div class=\"inst-v8-inner\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-13-scaled.jpg\" alt=\"Instalaciones\">\n            <div class=\"inst-v8-label\">Servicio<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"inst-v8-item\">\n          <div class=\"inst-v8-inner\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-15-scaled.jpg\" alt=\"Instalaciones\">\n            <div class=\"inst-v8-label\">Servicio<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"inst-v8-item\">\n          <div class=\"inst-v8-inner\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-25-scaled.jpg\" alt=\"Instalaciones\">\n            <div class=\"inst-v8-label\">Atenci\u00f3n calida<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"inst-v8-item\">\n          <div class=\"inst-v8-inner\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-16-scaled.jpg\" alt=\"Instalaciones\">\n            <div class=\"inst-v8-label\">confidencialidad<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Bot\u00f3n Siguiente -->\n      <button class=\"inst-v8-nav next-inst\" id=\"nextInst\" aria-label=\"Imagen siguiente\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* 1. SECCI\u00d3N COMPACTA *\/\n.inst-v8-opt {\n  position: relative;\n  padding: 40px 0;\n  background-color: #ffffff;\n  overflow: hidden;\n  perspective: 1800px;\n}\n\n.inst-v8-glass {\n  position: absolute;\n  top: 0; left: 0; width: 100%; height: 100%;\n  background: radial-gradient(circle at 50% 50%, rgba(243, 172, 192, 0.12), transparent 75%);\n  pointer-events: none;\n}\n\n\/* MARGEN LATERAL AJUSTADO *\/\n.inst-v8-container {\n  position: relative;\n  z-index: 5;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  padding: 0 20px; \/* Previene el contacto con bordes *\/\n  box-sizing: border-box;\n}\n\n\/* 2. HEADER MINIMALISTA *\/\n.inst-v8-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.inst-v8-header .dra-eyebrow { \n  color: #D78278; \n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.75rem; \n  letter-spacing: 3px; \n  font-weight: 600;\n  display: block;\n}\n\n.inst-v8-header .dra-h2-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.2rem;\n  margin: 10px 0;\n  color: #3D3433;\n}\n\n.inst-v8-header .dra-h2-title span { font-style: italic; font-weight: 400; color: #8C7A78; }\n\n.inst-v8-copy {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.95rem;\n  color: #5A504E;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* 3. ESCENA 3D GIRATORIA *\/\n.inst-v8-scene {\n  position: relative;\n  width: 100%;\n  height: 320px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform-style: preserve-3d;\n}\n\n.inst-v8-carousel {\n  width: 480px;\n  height: 270px;\n  position: relative;\n  transform-style: preserve-3d;\n  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n\/* 4. BOTONES NAVEGACI\u00d3N *\/\n.inst-v8-nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%) translateZ(500px);\n  width: 54px;\n  height: 54px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 1px solid rgba(215, 130, 120, 0.3);\n  color: #D78278;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 999;\n  box-shadow: 0 8px 20px rgba(215, 130, 120, 0.2);\n  transition: all 0.3s ease;\n}\n\n.inst-v8-nav svg {\n  width: 30px;\n  height: 30px;\n}\n\n.inst-v8-nav:hover {\n  background: #D78278;\n  color: #ffffff;\n  transform: translateY(-50%) translateZ(500px) scale(1.1);\n  box-shadow: 0 12px 25px rgba(215, 130, 120, 0.3);\n}\n\n.prev-inst { left: 5%; }\n.next-inst { right: 5%; }\n\n\/* 5. CARDS (Optimizaci\u00f3n horizontal) *\/\n.inst-v8-item {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0; top: 0;\n  backface-visibility: hidden;\n}\n\n.inst-v8-item:nth-child(1) { transform: rotateY(0deg) translateZ(420px); }\n.inst-v8-item:nth-child(2) { transform: rotateY(72deg) translateZ(420px); }\n.inst-v8-item:nth-child(3) { transform: rotateY(144deg) translateZ(420px); }\n.inst-v8-item:nth-child(4) { transform: rotateY(216deg) translateZ(420px); }\n.inst-v8-item:nth-child(5) { transform: rotateY(288deg) translateZ(420px); }\n\n.inst-v8-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: 15px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(61, 52, 51, 0.12);\n  background: #fcfcfc;\n}\n\n.inst-v8-inner img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.inst-v8-label {\n  position: absolute;\n  bottom: 0; left: 0; width: 100%;\n  padding: 15px;\n  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);\n  color: #fff;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.75rem;\n  letter-spacing: 2px;\n  opacity: 0.9;\n  transition: opacity 0.4s ease;\n}\n\n\/* 6. RESPONSIVO M\u00d3VIL Y ESPACIADO LATERAL *\/\n@media (max-width: 768px) {\n  .inst-v8-opt { padding: 30px 0; }\n  .inst-v8-container { padding: 0 16px; } \/* Espaciado c\u00f3modo en pantallas m\u00f3viles *\/\n  .inst-v8-scene { height: 250px; }\n  .inst-v8-carousel { width: 280px; height: 160px; }\n  .inst-v8-item:nth-child(1) { transform: rotateY(0deg) translateZ(240px); }\n  .inst-v8-item:nth-child(2) { transform: rotateY(72deg) translateZ(240px); }\n  .inst-v8-item:nth-child(3) { transform: rotateY(144deg) translateZ(240px); }\n  .inst-v8-item:nth-child(4) { transform: rotateY(216deg) translateZ(240px); }\n  .inst-v8-item:nth-child(5) { transform: rotateY(288deg) translateZ(240px); }\n\n  .prev-inst { left: 1%; }\n  .next-inst { right: 1%; }\n\n  .inst-v8-nav { \n    width: 52px; \n    height: 52px; \n    z-index: 999;\n    transform: translateY(-50%) translateZ(350px);\n  }\n\n  .inst-v8-nav:hover {\n    transform: translateY(-50%) translateZ(350px) scale(1.05);\n  }\n\n  .inst-v8-nav svg { \n    width: 32px; \n    height: 32px; \n    stroke-width: 3; \n  }\n}\n<\/style>\n\n<!-- SCRIPT DE NAVEGACI\u00d3N INTERACTIVA -->\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const carousel = document.getElementById('instCarousel');\n  const prevBtn = document.getElementById('prevInst');\n  const nextBtn = document.getElementById('nextInst');\n\n  let currentAngle = 0;\n  const angleStep = 72; \/\/ 360 \/ 5 im\u00e1genes\n  let autoRotateTimer;\n\n  function updateRotation() {\n    carousel.style.transform = `rotateY(${currentAngle}deg)`;\n  }\n\n  function nextSlide() {\n    currentAngle -= angleStep;\n    updateRotation();\n  }\n\n  function prevSlide() {\n    currentAngle += angleStep;\n    updateRotation();\n  }\n\n  nextBtn.addEventListener('click', () => {\n    nextSlide();\n    restartAutoRotate();\n  });\n\n  prevBtn.addEventListener('click', () => {\n    prevSlide();\n    restartAutoRotate();\n  });\n\n  function startAutoRotate() {\n    autoRotateTimer = setInterval(nextSlide, 4500);\n  }\n\n  function restartAutoRotate() {\n    clearInterval(autoRotateTimer);\n    startAutoRotate();\n  }\n\n  carousel.addEventListener('mouseenter', () => clearInterval(autoRotateTimer));\n  carousel.addEventListener('mouseleave', startAutoRotate);\n\n  startAutoRotate();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61799a1 e-con-full e-flex e-con e-parent\" data-id=\"61799a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8825002 elementor-widget elementor-widget-html\" data-id=\"8825002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"faq-modern-v9\" class=\"faq-v9\">\n  <!-- Imagen Animada Flotante de Fondo -->\n  <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/fondo-seccion-faq-1.webp\" alt=\"Fondo decorativo FAQ\" class=\"faq-v9-floating-bg\">\n\n  <div class=\"faq-v9-container\">\n    \n    <div class=\"faq-v9-wrapper\">\n      \n      <!-- 1. LADO VISUAL CON MARCO GEOM\u00c9TRICO Y TRI\u00c1NGULOS ANIMADOS -->\n      <div class=\"faq-v9-visual\">\n        <div class=\"geometric-shape-frame\">\n          <div class=\"image-layered-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Dra-Karla-Sanchez-20-scaled.jpg\" alt=\"Atenci\u00f3n M\u00e9dica Dra. Karla\" class=\"faq-v9-img\">\n            <div class=\"medical-data-overlay\">\n              <svg viewBox=\"0 0 100 100\" class=\"tech-cell-pattern\">\n                <circle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"rgba(215, 130, 120, 0.3)\" \/>\n                <path d=\"M20,20 Q40,40 60,20\" stroke=\"rgba(215, 130, 120, 0.15)\" stroke-width=\"0.3\" fill=\"none\" \/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <!-- Tri\u00e1ngulos que se cruzan en diagonal -->\n          <div class=\"facet tl-facet\"><\/div>\n          <div class=\"facet br-facet\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 2. CONTENIDO DE PREGUNTAS Y ACORDE\u00d3N -->\n      <div class=\"faq-v9-content\">\n        <div class=\"faq-v9-header\">\n          <span class=\"v9-eyebrow\"><\/span>\n          <h2 class=\"v9-title\">Preguntas <span>Frecuentes<\/span><\/h2>\n        <\/div>\n\n        <div class=\"faq-v9-accordion\">\n          \n          <!-- ITEM 1 -->\n          <div class=\"faq-v9-item\">\n            <div class=\"faq-v9-trigger\" onclick=\"toggleFaq(this)\">\n              <div class=\"v9-question-group\">\n                <div class=\"v9-icon-circle\">\n                  <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/orientacion-con-anticonceptivos.svg\" alt=\"Icono 1\" class=\"v9-custom-icon\">\n                <\/div>\n                <p class=\"v9-question\">\u00bfPuedo acudir por orientaci\u00f3n sobre anticonceptivos?<\/p>\n              <\/div>\n              <div class=\"v9-plus-box\"><span><\/span><span><\/span><\/div>\n            <\/div>\n            <div class=\"faq-v9-answer\">\n              <p>S\u00ed. Durante tu consulta ginecol\u00f3gica te ayudar\u00e9 a elegir el m\u00e9todo m\u00e1s adecuado para ti, explicando opciones seg\u00fan tu etapa y necesidades<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- ITEM 2 -->\n          <div class=\"faq-v9-item\">\n            <div class=\"faq-v9-trigger\" onclick=\"toggleFaq(this)\">\n              <div class=\"v9-question-group\">\n                <div class=\"v9-icon-circle\">\n                  <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/estudios-previos.svg\" alt=\"Icono 2\" class=\"v9-custom-icon\">\n                <\/div>\n                <p class=\"v9-question\">\u00bfDebo llevar estudios previos?<\/p>\n              <\/div>\n              <div class=\"v9-plus-box\"><span><\/span><span><\/span><\/div>\n            <\/div>\n            <div class=\"faq-v9-answer\">\n              <p>Es recomendable traer ultrasonidos o an\u00e1lisis previos para una valoraci\u00f3n integral, ya sea por embarazo o revisi\u00f3n anual<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- ITEM 3 -->\n          <div class=\"faq-v9-item\">\n            <div class=\"faq-v9-trigger\" onclick=\"toggleFaq(this)\">\n              <div class=\"v9-question-group\">\n                <div class=\"v9-icon-circle\">\n                  <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/primera-consulta-de-embarazo.svg\" alt=\"Icono 3\" class=\"v9-custom-icon\">\n                <\/div>\n                <p class=\"v9-question\">\u00bfEs mi primera consulta de embarazo?<\/p>\n              <\/div>\n              <div class=\"v9-plus-box\"><span><\/span><span><\/span><\/div>\n            <\/div>\n            <div class=\"faq-v9-answer\">\n              <p>S\u00ed. Te brindamos orientaci\u00f3n prenatal completa y seguimiento desde etapas tempranas para tu tranquilidad en Quer\u00e9taro<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- ITEM 4 -->\n          <div class=\"faq-v9-item\">\n            <div class=\"faq-v9-trigger\" onclick=\"toggleFaq(this)\">\n              <div class=\"v9-question-group\">\n                <div class=\"v9-icon-circle\">\n                  <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/acudir-sin-molestias.svg\" alt=\"Icono 4\" class=\"v9-custom-icon\">\n                <\/div>\n                <p class=\"v9-question\">\u00bfPuedo acudir aunque no tenga molestias?<\/p>\n              <\/div>\n              <div class=\"v9-plus-box\"><span><\/span><span><\/span><\/div>\n            <\/div>\n            <div class=\"faq-v9-answer\">\n              <p>S\u00ed. La consulta tambi\u00e9n es preventiva, ideal para tu revisi\u00f3n anual y el cuidado constante de tu salud femenina<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,600&family=Montserrat:wght@300;400;600&display=swap');\n\n.faq-v9 {\n  padding: 60px 0;\n  background-color: #FFFFFF;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* IMAGEN FLOTANTE DE FONDO *\/\n.faq-v9-floating-bg {\n  position: absolute;\n  top: 50%;\n  right: -2%;\n  width: 35%;\n  max-width: 420px;\n  height: auto;\n  object-fit: contain;\n  opacity: 0.25;\n  pointer-events: none;\n  z-index: 1;\n  animation: faqFloatBg 8s ease-in-out infinite;\n}\n\n@keyframes faqFloatBg {\n  0% {\n    transform: translateY(-50%) translateY(0px) rotate(0deg);\n  }\n  50% {\n    transform: translateY(-50%) translateY(-15px) rotate(1.5deg);\n  }\n  100% {\n    transform: translateY(-50%) translateY(0px) rotate(0deg);\n  }\n}\n\n.faq-v9-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 90%;\n  position: relative;\n  z-index: 2;\n}\n\n.faq-v9-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 60px;\n}\n\n\/* 1. ESTRUCTURA GEOM\u00c9TRICA Y ANIMACI\u00d3N DE IMAGEN *\/\n.faq-v9-visual {\n  flex: 1;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n\n.geometric-shape-frame {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  aspect-ratio: 1;\n  margin: 0 auto;\n}\n\n.image-layered-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n  clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%);\n  box-shadow: 0 15px 35px rgba(215, 130, 120, 0.12);\n  background: #fff;\n}\n\n.faq-v9-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s ease;\n}\n\n.geometric-shape-frame:hover .faq-v9-img {\n  transform: scale(1.05);\n}\n\n.medical-data-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background: linear-gradient(to top, rgba(255, 255, 255, 0.15), transparent);\n  pointer-events: none;\n}\n\n\/* Tri\u00e1ngulos Din\u00e1micos Superpuestos *\/\n.facet {\n  position: absolute;\n  z-index: 3;\n  opacity: 0.85;\n  width: 38%;\n  height: 38%;\n  pointer-events: none;\n  mix-blend-mode: multiply;\n}\n\n.tl-facet { \n  top: -15px; \n  left: -15px; \n  background: #EABFB9;\n  clip-path: polygon(0 0, 100% 0, 0 100%);\n  animation: swapFacetTL 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;\n}\n\n.br-facet { \n  bottom: -15px; \n  right: -15px; \n  background: #D78278;\n  clip-path: polygon(100% 100%, 100% 0, 0 100%); \n  animation: swapFacetBR 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;\n}\n\n@keyframes swapFacetTL {\n  0% { transform: translate(0, 0) scale(1); }\n  50% { transform: translate(140px, 140px) scale(0.85); }\n  100% { transform: translate(calc(100% + 30px), calc(100% + 30px)) scale(1); }\n}\n\n@keyframes swapFacetBR {\n  0% { transform: translate(0, 0) scale(1); }\n  50% { transform: translate(-140px, -140px) scale(0.85); }\n  100% { transform: translate(calc(-100% - 30px), calc(-100% - 30px)) scale(1); }\n}\n\n\/* 2. CONTENIDO Y ACORDE\u00d3N *\/\n.faq-v9-content {\n  flex: 1.2;\n}\n\n.v9-eyebrow {\n  color: #D78278;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 3px;\n}\n\n.v9-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.5rem;\n  color: #3D3433;\n  margin: 10px 0 30px;\n}\n\n.v9-title span { font-style: italic; color: #8C7A78; font-weight: 400; }\n\n\/* ITEMS DEL ACORDE\u00d3N *\/\n.faq-v9-item {\n  margin-bottom: 14px;\n  background: rgba(255, 255, 255, 0.85);\n  border-bottom: 1px solid #f2f2f2;\n  backdrop-filter: blur(2px);\n}\n\n.faq-v9-trigger {\n  padding: 16px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.v9-question-group {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n}\n\n\/* CONTENEDOR CIRCULAR #D78278 PARA ICONOS *\/\n.v9-icon-circle {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background-color: #D78278;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-shadow: 0 4px 12px rgba(215, 130, 120, 0.25);\n  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.faq-v9-item:hover .v9-icon-circle {\n  transform: scale(1.1);\n}\n\n\/* FILTRO CSS PARA FORZAR EL ICONO A COLOR BLANCO (#FFFFFF) *\/\n.v9-custom-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n}\n\n.v9-question {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 600;\n  color: #5A504E;\n  font-size: 1.02rem;\n  margin: 0;\n}\n\n.v9-plus-box {\n  position: relative;\n  width: 20px; height: 20px;\n}\n\n.v9-plus-box span {\n  position: absolute;\n  background: #D78278;\n  transition: 0.3s;\n}\n\n.v9-plus-box span:nth-child(1) { width: 100%; height: 2px; top: 9px; left: 0; }\n.v9-plus-box span:nth-child(2) { width: 2px; height: 100%; left: 9px; top: 0; }\n\n\/* RESPUESTA CON SANGR\u00cdA ALINEADA *\/\n.faq-v9-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.faq-v9-answer p {\n  padding: 0 0 20px 66px;\n  font-family: 'Montserrat', sans-serif;\n  color: #8C7A78;\n  line-height: 1.6;\n  font-size: 0.92rem;\n  margin: 0;\n}\n\n\/* ESTADO ACTIVO *\/\n.faq-v9-item.active .v9-plus-box span:nth-child(2) { transform: rotate(90deg); opacity: 0; }\n.faq-v9-item.active .v9-question { color: #D78278; }\n.faq-v9-item.active .faq-v9-answer { max-height: 150px; }\n\n\/* RESPONSIVO *\/\n@media (max-width: 900px) {\n  .faq-v9-wrapper { flex-direction: column; gap: 40px; }\n  .v9-title { font-size: 2rem; }\n  .faq-v9-visual { order: 2; width: 100%; }\n  .faq-v9-content { order: 1; width: 100%; }\n  .geometric-shape-frame { max-width: 320px; }\n  .faq-v9-answer p { padding-left: 0; }\n\n  \/* Ajustes M\u00f3vil para la Imagen Flotante *\/\n  .faq-v9-floating-bg {\n    left: 50%;\n    right: auto;\n    width: 65%;\n    max-width: 300px;\n    animation: faqFloatBgMobile 8s ease-in-out infinite;\n  }\n}\n\n@keyframes faqFloatBgMobile {\n  0% {\n    transform: translate(-50%, -50%) translateY(0px) rotate(0deg);\n  }\n  50% {\n    transform: translate(-50%, -50%) translateY(-12px) rotate(1.5deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) translateY(0px) rotate(0deg);\n  }\n}\n<\/style>\n\n<script>\nfunction toggleFaq(element) {\n  const item = element.parentElement;\n  item.classList.toggle('active');\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d78d310 e-con-full e-flex e-con e-parent\" data-id=\"d78d310\" data-element_type=\"container\" data-e-type=\"container\" id=\"contacto\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5054f53 elementor-widget elementor-widget-html\" data-id=\"5054f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"contacto-dra\" class=\"contact-v-premium\">\n  <div class=\"cvp-container\">\n    \n    <div class=\"cvp-header\">\n      <h2 class=\"cvp-title\">Tu salud \u00edntima y tu embarazo merecen <span>atenci\u00f3n, calma y claridad<\/span><\/h2>\n      <p class=\"cvp-subtitle\">Cuando te sientas lista, estoy aqu\u00ed para acompa\u00f1arte<\/p>\n    <\/div>\n\n    <div class=\"cvp-grid\">\n      \n      <!-- CARD 1: UBICACI\u00d3N -->\n      <a href=\"https:\/\/maps.app.goo.gl\/DZp4uJ2nx6JDEkYJ7\" target=\"_blank\" class=\"cvp-card\">\n        <div class=\"cvp-icon\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/ubicacion.svg\" alt=\"Ubicaci\u00f3n\" class=\"custom-cvp-icon\">\n        <\/div>\n        <div class=\"cvp-info\">\n          <h3>Encu\u00e9ntrame en:<\/h3>\n          <p>Hospital Moscati. Piso 9, Consultorio 912. Juriquilla, Qro.<\/p>\n          <span class=\"cvp-action\">Ver en Google Maps \u2192<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 2: HORARIOS -->\n      <div class=\"cvp-card no-hover\">\n        <div class=\"cvp-icon\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/horarios-de-atencion.svg\" alt=\"Horarios\" class=\"custom-cvp-icon\">\n        <\/div>\n        <div class=\"cvp-info\">\n          <h3>Horarios (Cita)<\/h3>\n          <p><strong>Matutino:<\/strong> Mi\u00e9, Vie y S\u00e1b<\/p>\n          <p><strong>Vespertino:<\/strong> Lun, Mar y Jue<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 3: WHATSAPP -->\n      <a href=\"https:\/\/wa.link\/q0un0m\" target=\"_blank\" class=\"cvp-card\">\n        <div class=\"cvp-icon\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/telefono.svg\" alt=\"WhatsApp\" class=\"custom-cvp-icon\">\n        <\/div>\n        <div class=\"cvp-info\">\n          <h3>WhatsApp<\/h3>\n          <p>442 602 5316<\/p>\n          <span class=\"cvp-action\">Enviar mensaje \u2192<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 4: TEL\u00c9FONO -->\n      <a href=\"tel:4426025316\" class=\"cvp-card\">\n        <div class=\"cvp-icon\">\n          <img decoding=\"async\" src=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/whatsapp.svg\" alt=\"Tel\u00e9fono\" class=\"custom-cvp-icon\">\n        <\/div>\n        <div class=\"cvp-info\">\n          <h3>Tel\u00e9fono Directo<\/h3>\n          <p>442 602 5316<\/p>\n          <span class=\"cvp-action\">Llamar ahora \u2192<\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"cvp-map-wrapper\">\n      <div class=\"cvp-map-frame\">\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3732.44699446393!2d-100.44112382475258!3d20.69206568087433!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d359d148505b49%3A0xcffedc73d636ebb8!2sHospital%20Moscati!5e0!3m2!1ses-419!2smx!4v1785969139387!5m2!1ses-419!2smx\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n      <\/div>\n      <div class=\"cvp-map-badge\">\n        <span class=\"cvp-badge-dot\"><\/span> Piso 9, Consultorio 912\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,400&family=Montserrat:wght@300;400;600&display=swap');\n\n\/* --- Estilos de la Secci\u00f3n --- *\/\n.contact-v-premium { padding: 60px 0; background: #fff; color: #3D3433; font-family: 'Montserrat', sans-serif; }\n.cvp-container { max-width: 1200px; margin: 0 auto; width: 90%; }\n\n\/* Encabezado *\/\n.cvp-header { text-align: center; margin-bottom: 50px; }\n.cvp-title { font-family: 'Playfair Display', serif; font-size: 2.4rem; line-height: 1.2; margin: 0 0 15px; }\n.cvp-title span { font-style: italic; color: #D78278; font-weight: 400; }\n.cvp-subtitle { color: #8C7A78; font-size: 1.1rem; font-weight: 300; }\n\n\/* Grid de Cards en 1 sola fila para escritorio *\/\n.cvp-grid { \n  display: grid; \n  grid-template-columns: repeat(4, 1fr); \n  gap: 20px; \n  margin-bottom: 50px; \n}\n\n.cvp-card { \n  background: #fdfdfd; \n  border: 1px solid #f0f0f0; \n  border-radius: 20px; \n  padding: 25px 20px; \n  text-decoration: none; \n  transition: all 0.4s ease; \n  display: flex; \n  flex-direction: column; \n}\n\n\/* Hover solo en cards con link *\/\n.cvp-card:not(.no-hover):hover { \n  transform: translateY(-5px); \n  border-color: #D78278; \n  box-shadow: 0 15px 30px rgba(215, 130, 120, 0.12); \n}\n\n\/* CONTENEDOR DE ICONO *\/\n.cvp-icon { \n  width: 48px; \n  height: 48px; \n  background: #D78278; \n  border-radius: 12px; \n  display: flex; \n  align-items: center; \n  justify-content: center; \n  margin-bottom: 20px; \n  box-shadow: 0 4px 12px rgba(215, 130, 120, 0.25);\n  transition: transform 0.3s ease;\n  flex-shrink: 0;\n}\n\n.cvp-card:hover .cvp-icon {\n  transform: scale(1.08);\n}\n\n\/* ESTILO DE LA IMAGEN \/ ICONO DENTRO DEL CONTENEDOR *\/\n.custom-cvp-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n  filter: brightness(0) invert(1); \/* Pasa la imagen\/icono a color blanco puro *\/\n}\n\n\/* Info de las cards *\/\n.cvp-info h3 { font-size: 0.8rem; letter-spacing: 1.5px; color: #D78278; margin: 0 0 12px; font-weight: 600; text-transform: uppercase; }\n.cvp-info p { font-size: 0.9rem; color: #5A504E; margin: 0; line-height: 1.5; }\n.cvp-action { display: block; margin-top: 15px; font-size: 0.8rem; font-weight: 600; color: #8C7A78; }\n\n\/* --- Dise\u00f1o del Mapa --- *\/\n.cvp-map-wrapper { position: relative; border-radius: 40px; background: #fff; padding: 10px; box-shadow: 0 20px 40px rgba(0,0,0,0.04); border: 1px solid #f8f8f8; }\n.cvp-map-frame { position: relative; border-radius: 32px; overflow: hidden; line-height: 0; }\n.cvp-map-frame iframe { display: block; width: 100%; }\n\n\/* Badge flotante del mapa *\/\n.cvp-map-badge { position: absolute; bottom: 30px; left: 30px; background: #fff; padding: 12px 20px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; display: flex; align-items: center; gap: 10px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); border: 1px solid rgba(215, 130, 120, 0.2); z-index: 10; }\n.cvp-badge-dot { width: 8px; height: 8px; background: #D78278; border-radius: 50%; }\n\n\/* --- Ajustes M\u00f3viles y Tabletas --- *\/\n@media (max-width: 992px) {\n  .cvp-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\n}\n\n@media (max-width: 576px) {\n  .cvp-title { font-size: 1.8rem; }\n  .cvp-grid { grid-template-columns: 1fr; gap: 12px; }\n  .cvp-card { padding: 20px 18px; }\n  .cvp-info p { font-size: 0.88rem; }\n  .cvp-map-wrapper { border-radius: 25px; }\n  .cvp-map-frame { border-radius: 20px; height: 350px; }\n  .cvp-map-frame iframe { height: 350px; }\n  .cvp-map-badge { bottom: 15px; left: 15px; font-size: 0.75rem; padding: 8px 15px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro \u00bfTe preocupa tu salud ginecol\u00f3gica o est\u00e1s viviendo un embarazo? Agendar una cita Aqu\u00ed encontrar\u00e1s atenci\u00f3n m\u00e9dica clara, trato humano y acompa\u00f1amiento en cada etapa, ya sea para una consulta ginecol\u00f3gica o durante tu embarazo Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro<\/title>\n<meta name=\"description\" content=\"ginecologa embarazo queretaro, obstetra cerca de mi, ginecologa para embarazo, consulta embarazo queretaro, ginecologa queretaro, ginecologa cerca de mi, consulta ginecol\u00f3gica, ginec\u00f3loga precio\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/drakarlasanchezginecologa.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro\" \/>\n<meta property=\"og:description\" content=\"ginecologa embarazo queretaro, obstetra cerca de mi, ginecologa para embarazo, consulta embarazo queretaro, ginecologa queretaro, ginecologa cerca de mi, consulta ginecol\u00f3gica, ginec\u00f3loga precio\" \/>\n<meta property=\"og:url\" content=\"https:\/\/drakarlasanchezginecologa.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Dra. Karla Adriana S\u00e1nchez\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-21T20:35:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/experiencia-mas-de-100-partos-atendidos.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/\",\"url\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/\",\"name\":\"Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/experiencia-mas-de-100-partos-atendidos.svg\",\"datePublished\":\"2026-05-07T22:39:46+00:00\",\"dateModified\":\"2026-08-21T20:35:52+00:00\",\"description\":\"ginecologa embarazo queretaro, obstetra cerca de mi, ginecologa para embarazo, consulta embarazo queretaro, ginecologa queretaro, ginecologa cerca de mi, consulta ginecol\u00f3gica, ginec\u00f3loga precio\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/experiencia-mas-de-100-partos-atendidos.svg\",\"contentUrl\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/experiencia-mas-de-100-partos-atendidos.svg\",\"width\":486,\"height\":486},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consulta\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/#website\",\"url\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/\",\"name\":\"Dra. Karla Adriana S\u00e1nchez\",\"description\":\"Ginec\u00f3loga y Obstetra en Quer\u00e9taro\",\"publisher\":{\"@id\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/#organization\",\"name\":\"Dra. Karla Adriana S\u00e1nchez\",\"url\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Recurso-2-scaled.png\",\"contentUrl\":\"https:\\\/\\\/drakarlasanchezginecologa.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Recurso-2-scaled.png\",\"width\":2560,\"height\":711,\"caption\":\"Dra. Karla Adriana S\u00e1nchez\"},\"image\":{\"@id\":\"http:\\\/\\\/drakarlasanchezginecologa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro","description":"ginecologa embarazo queretaro, obstetra cerca de mi, ginecologa para embarazo, consulta embarazo queretaro, ginecologa queretaro, ginecologa cerca de mi, consulta ginecol\u00f3gica, ginec\u00f3loga precio","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:\/\/drakarlasanchezginecologa.com\/","og_locale":"en_US","og_type":"article","og_title":"Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro","og_description":"ginecologa embarazo queretaro, obstetra cerca de mi, ginecologa para embarazo, consulta embarazo queretaro, ginecologa queretaro, ginecologa cerca de mi, consulta ginecol\u00f3gica, ginec\u00f3loga precio","og_url":"https:\/\/drakarlasanchezginecologa.com\/","og_site_name":"Dra. Karla Adriana S\u00e1nchez","article_modified_time":"2026-08-21T20:35:52+00:00","og_image":[{"url":"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/experiencia-mas-de-100-partos-atendidos.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/drakarlasanchezginecologa.com\/","url":"https:\/\/drakarlasanchezginecologa.com\/","name":"Dra. Karla Adriana S\u00e1nchez Guerrero Ginec\u00f3loga y Obstetra en Quer\u00e9taro","isPartOf":{"@id":"http:\/\/drakarlasanchezginecologa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/drakarlasanchezginecologa.com\/#primaryimage"},"image":{"@id":"https:\/\/drakarlasanchezginecologa.com\/#primaryimage"},"thumbnailUrl":"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/experiencia-mas-de-100-partos-atendidos.svg","datePublished":"2026-05-07T22:39:46+00:00","dateModified":"2026-08-21T20:35:52+00:00","description":"ginecologa embarazo queretaro, obstetra cerca de mi, ginecologa para embarazo, consulta embarazo queretaro, ginecologa queretaro, ginecologa cerca de mi, consulta ginecol\u00f3gica, ginec\u00f3loga precio","breadcrumb":{"@id":"https:\/\/drakarlasanchezginecologa.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/drakarlasanchezginecologa.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/drakarlasanchezginecologa.com\/#primaryimage","url":"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/experiencia-mas-de-100-partos-atendidos.svg","contentUrl":"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/08\/experiencia-mas-de-100-partos-atendidos.svg","width":486,"height":486},{"@type":"BreadcrumbList","@id":"https:\/\/drakarlasanchezginecologa.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/drakarlasanchezginecologa.com\/"},{"@type":"ListItem","position":2,"name":"Consulta"}]},{"@type":"WebSite","@id":"http:\/\/drakarlasanchezginecologa.com\/#website","url":"http:\/\/drakarlasanchezginecologa.com\/","name":"Dra. Karla Adriana S\u00e1nchez","description":"Ginec\u00f3loga y Obstetra en Quer\u00e9taro","publisher":{"@id":"http:\/\/drakarlasanchezginecologa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/drakarlasanchezginecologa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/drakarlasanchezginecologa.com\/#organization","name":"Dra. Karla Adriana S\u00e1nchez","url":"http:\/\/drakarlasanchezginecologa.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/drakarlasanchezginecologa.com\/#\/schema\/logo\/image\/","url":"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Recurso-2-scaled.png","contentUrl":"https:\/\/drakarlasanchezginecologa.com\/wp-content\/uploads\/2026\/05\/Recurso-2-scaled.png","width":2560,"height":711,"caption":"Dra. Karla Adriana S\u00e1nchez"},"image":{"@id":"http:\/\/drakarlasanchezginecologa.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":5,"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":513,"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/513"}],"wp:attachment":[{"href":"https:\/\/drakarlasanchezginecologa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}