{"id":133,"date":"2025-07-07T23:47:30","date_gmt":"2025-07-07T21:47:30","guid":{"rendered":"https:\/\/katiatupediatra.es\/?page_id=133"},"modified":"2026-06-26T22:46:39","modified_gmt":"2026-06-26T20:46:39","slug":"contacto","status":"publish","type":"page","link":"https:\/\/katiatupediatra.es\/en\/contacto\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"133\" class=\"elementor elementor-133\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8827a1a e-flex e-con-boxed e-con e-parent\" data-id=\"8827a1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef2941 elementor-widget elementor-widget-html\" data-id=\"5ef2941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \n  KatiaTuPediatra \u2013 Redise\u00f1o Premium Profesional \n  Especialidad: Pediatr\u00eda (Pastel Colors, Warm Shapes, Floating Pediatric Orbs & Glassmorphism) \n-->\n<div id=\"katia-pediatra\" style=\"all:initial\">\n  <!-- Google Fonts: Quicksand (redondeada, infantil y amigable) y Outfit (moderna y limpia) -->\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Quicksand:wght@400;500;600;700&display=swap');\n\n    #katia-pediatra, #katia-pediatra * {\n      box-sizing: border-box;\n      font-family: 'Outfit', system-ui, -apple-system, sans-serif;\n    }\n\n    #katia-pediatra h1, \n    #katia-pediatra h2, \n    #katia-pediatra h3, \n    #katia-pediatra h4, \n    #katia-pediatra .heading-font {\n      font-family: 'Quicksand', system-ui, -apple-system, sans-serif;\n    }\n\n    #katia-pediatra {\n      \/* Palette Pedi\u00e1trica C\u00e1lida y Profesional *\/\n      --primary: #ff7b90;          \/* Rosa Coral C\u00e1lido (Cuidado y ni\u00f1ez) *\/\n      --primary-hover: #f3647c;\n      --primary-light: #fff0f2;\n      --secondary: #4ec0cf;        \/* Turquesa\/Menta Relajante (Salud y confianza) *\/\n      --secondary-hover: #3caab8;\n      --secondary-light: #e8f7f9;\n      --accent: #ffd166;           \/* Amarillo Pastel C\u00e1lido (Alegr\u00eda y vitalidad) *\/\n      --accent-hover: #ecc055;\n      --wa: #25D366;               \/* WhatsApp Green *\/\n      --wa-dark: #128C7E;\n      --wa-light: #e6fcf0;\n      \n      --borde: rgba(78, 192, 207, 0.15);\n      --card-bg: rgba(255, 255, 255, 0.76);\n      --card-border: rgba(255, 255, 255, 0.7);\n      --shadow: 0 16px 40px rgba(78, 192, 207, 0.06);\n      --shadow-hover: 0 24px 48px rgba(78, 192, 207, 0.12);\n      --text-dark: #1d363b;        \/* Tono pizarra azulado suave para evitar el negro puro *\/\n      --text-muted: #53757c;\n      --max: 1200px;\n\n      display: block;\n      position: relative;\n      color: var(--text-dark);\n      background: transparent;\n      overflow: visible;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n\n    \/* Fondo animado pedi\u00e1trico (Aurora Boreal e Interacci\u00f3n Aceite\/Agua) *\/\n    #katia-pediatra .pediatric-bg-wrapper {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      height: 100vh;\n      z-index: -1;\n      overflow: hidden;\n      background: linear-gradient(135deg, #fff2f4 0%, #f0fafc 50%, #fcf7ff 100%);\n    }\n\n    #katia-pediatra .floating-orbs-container {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      filter: url(#goo); \/* Efecto metaball opcional, si no, lo manejamos con CSS puro *\/\n    }\n\n    #katia-pediatra .orb {\n      position: absolute;\n      left: 0;\n      top: 0;\n      filter: blur(12px);\n      opacity: 0.28;\n      will-change: transform;\n      pointer-events: none;\n    }\n\n    #katia-pediatra .orb-rose {\n      color: #ff9ebb;\n    }\n\n    #katia-pediatra .orb-celeste {\n      color: #aaeaf0;\n    }\n\n    #katia-pediatra .orb-purple {\n      color: #e2c0fc;\n    }\n\n    #katia-pediatra .content-wrap {\n      position: relative;\n      z-index: 2;\n    }\n\n    #katia-pediatra .wrap {\n      max-width: var(--max);\n      margin: 0 auto;\n      padding: 60px 24px;\n    }\n\n    #katia-pediatra a {\n      color: var(--secondary);\n      text-decoration: none;\n      transition: color 0.2s ease;\n    }\n    #katia-pediatra a:hover {\n      color: var(--secondary-hover);\n    }\n\n    \/* T\u00edtulos con dise\u00f1o amigable y redondeado *\/\n    #katia-pediatra h1 {\n      font-size: clamp(2.3rem, 3.4vw + 1rem, 3.8rem);\n      line-height: 1.12;\n      margin: 0.2rem 0 1rem;\n      font-weight: 700;\n      color: var(--text-dark);\n      letter-spacing: -0.01em;\n    }\n\n    #katia-pediatra h1 span {\n      color: var(--primary);\n    }\n\n    #katia-pediatra h2 {\n      font-size: clamp(1.8rem, 2.3vw + 0.8rem, 2.6rem);\n      line-height: 1.2;\n      margin: 0 0 1rem;\n      font-weight: 700;\n      color: var(--secondary);\n      letter-spacing: -0.01em;\n      text-align: center;\n    }\n\n    #katia-pediatra h3 {\n      font-size: 1.45rem;\n      margin: 0.5rem 0;\n      color: var(--secondary);\n      font-weight: 700;\n    }\n\n    #katia-pediatra p {\n      margin: 0 0 1rem;\n      color: var(--text-muted);\n      line-height: 1.65;\n    }\n\n    \/* ===== REVEALS SUAVES (Scroll) ===== *\/\n    #katia-pediatra .reveal {\n      opacity: 0;\n      transform: translateY(25px);\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #katia-pediatra .reveal-left {\n      opacity: 0;\n      transform: translateX(-30px);\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #katia-pediatra .reveal-right {\n      opacity: 0;\n      transform: translateX(30px);\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #katia-pediatra .reveal-scale {\n      opacity: 0;\n      transform: scale(0.96);\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    #katia-pediatra .reveal.visible,\n    #katia-pediatra .reveal-left.visible,\n    #katia-pediatra .reveal-right.visible,\n    #katia-pediatra .reveal-scale.visible {\n      opacity: 1;\n      transform: translate(0) scale(1);\n    }\n\n    \/* L\u00ednea decorativa curva para h2 *\/\n    #katia-pediatra section h2 {\n      position: relative;\n      margin-bottom: 2rem;\n    }\n    #katia-pediatra section h2::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 40px;\n      height: 5px;\n      background: linear-gradient(90deg, var(--primary), var(--secondary));\n      border-radius: 50px;\n      transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #katia-pediatra section h2.visible::after {\n      width: 80px;\n    }\n\n    \/* BOTONES C\u00c1LIDOS (Efecto bounce suave al hover) *\/\n    #katia-pediatra .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.6rem;\n      padding: 0.95rem 1.7rem;\n      border-radius: 20px;\n      font-weight: 700;\n      font-size: 1rem;\n      border: 1px solid var(--primary);\n      background: var(--primary);\n      color: #ffffff;\n      box-shadow: 0 8px 20px rgba(255, 123, 144, 0.2);\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15);\n    }\n    #katia-pediatra .btn:hover {\n      transform: translateY(-3px) scale(1.02);\n      background: var(--primary-hover);\n      border-color: var(--primary-hover);\n      box-shadow: 0 12px 28px rgba(255, 123, 144, 0.32);\n      color: #ffffff;\n    }\n    #katia-pediatra .btn:active {\n      transform: translateY(0) scale(1);\n    }\n\n    #katia-pediatra .btn-secondary {\n      background: var(--secondary);\n      border-color: var(--secondary);\n      box-shadow: 0 8px 20px rgba(78, 192, 207, 0.2);\n      color: #ffffff;\n    }\n    #katia-pediatra .btn-secondary:hover {\n      background: var(--secondary-hover);\n      border-color: var(--secondary-hover);\n      box-shadow: 0 12px 28px rgba(78, 192, 207, 0.32);\n      color: var(--primary);\n    }\n\n    #katia-pediatra .ghost {\n      background: rgba(255, 255, 255, 0.6);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      color: var(--secondary);\n      border: 1px solid rgba(78, 192, 207, 0.25);\n      box-shadow: none;\n    }\n    #katia-pediatra .ghost:hover {\n      background: var(--secondary-light);\n      border-color: var(--secondary);\n      color: var(--secondary-hover);\n      box-shadow: 0 8px 20px rgba(78, 192, 207, 0.1);\n    }\n\n    #katia-pediatra .wbtn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.6rem;\n      background: var(--wa);\n      border: 1px solid var(--wa-dark);\n      color: #ffffff;\n      padding: 0.95rem 1.7rem;\n      border-radius: 20px;\n      font-weight: 700;\n      font-size: 1rem;\n      box-shadow: 0 8px 20px rgba(37, 211, 102, 0.2);\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15);\n    }\n    #katia-pediatra .wbtn:hover {\n      transform: translateY(-3px) scale(1.02);\n      background: #20ba5a;\n      box-shadow: 0 12px 28px rgba(37, 211, 102, 0.3);\n    }\n    #katia-pediatra .wbtn:active {\n      transform: translateY(0) scale(1);\n    }\n\n    #katia-pediatra .chip {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      padding: 0.5rem 0.95rem;\n      border-radius: 999px;\n      border: 1px solid rgba(78, 192, 207, 0.18);\n      background: rgba(255, 255, 255, 0.8);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      color: var(--text-dark);\n      font-weight: 600;\n      font-size: 0.86rem;\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);\n      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #katia-pediatra .chip:hover {\n      background: var(--secondary);\n      color: #ffffff;\n      border-color: var(--secondary);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 14px rgba(78, 192, 207, 0.2);\n    }\n\n    #katia-pediatra .chip-primary {\n      border-color: rgba(255, 123, 144, 0.2);\n    }\n    #katia-pediatra .chip-primary:hover {\n      background: var(--primary);\n      border-color: var(--primary);\n    }\n\n    \/* GLASS CARD PEDI\u00c1TRICA *\/\n    #katia-pediatra .glass-card {\n      background: var(--card-bg);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid var(--card-border);\n      box-shadow: var(--shadow);\n      border-radius: 28px;\n      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #katia-pediatra .glass-card:hover {\n      transform: translateY(-5px);\n      box-shadow: var(--shadow-hover);\n      border-color: rgba(255, 255, 255, 0.9);\n    }\n\n    \/* CINTILLO \/ HEADER STICKY *\/\n    .kp-ribbon-wrap {\n      position: sticky;\n      top: 0;\n      z-index: 60;\n      background: transparent;\n      padding: 12px 24px 4px;\n    }\n    .kp-ribbon {\n      max-width: var(--max);\n      margin: 0 auto;\n    }\n    .kp-ribbon-inner {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      align-items: center;\n      gap: 20px;\n      padding: 6px 24px;\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.85);\n      border: 1px solid rgba(78, 192, 207, 0.15);\n      box-shadow: 0 12px 30px rgba(78, 192, 207, 0.08);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n\n    \/* Ocultar elementos sobrantes del WordPress theme que puedan interferir *\/\n    #masthead, \n    .site-header, \n    .ast-mobile-header-wrap, \n    #colophon, \n    .site-footer,\n    .ast-footer-builder-1 {\n      display: none !important;\n    }\n\n    .kp-logo-link {\n      display: flex;\n      align-items: center;\n      text-decoration: none;\n      flex-shrink: 0 !important;\n    }\n    .kp-logo-img {\n      height: 60px !important;\n      width: auto !important;\n      max-height: 60px !important;\n      object-fit: contain !important;\n      display: block !important;\n      transition: transform 0.2s ease;\n      flex-shrink: 0 !important;\n    }\n    .kp-logo-link:hover .kp-logo-img {\n      transform: scale(1.03);\n    }\n    .kp-nav-menu {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      justify-self: center;\n      gap: 8px;\n    }\n    .kp-nav-menu a:not(.kp-social-btn) {\n      font-family: 'Quicksand', sans-serif;\n      font-weight: 700;\n      font-size: 0.92rem;\n      color: var(--text-muted) !important;\n      padding: 6px 12px;\n      border-radius: 12px;\n      transition: all 0.25s ease;\n      white-space: nowrap;\n    }\n    .kp-nav-menu a:not(.kp-social-btn):hover {\n      color: var(--secondary-hover) !important;\n      background: var(--secondary-light);\n    }\n    .kp-menu-toggle {\n      display: none;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 24px;\n      height: 18px;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n    }\n    .kp-menu-toggle .kp-bar {\n      width: 100%;\n      height: 3px;\n      background-color: var(--secondary);\n      border-radius: 10px;\n      transition: all 0.3s ease;\n    }\n    .kp-menu-toggle.active .kp-bar:nth-child(1) {\n      transform: translateY(7.5px) rotate(45deg);\n    }\n    .kp-menu-toggle.active .kp-bar:nth-child(2) {\n      opacity: 0;\n    }\n    .kp-menu-toggle.active .kp-bar:nth-child(3) {\n      transform: translateY(-7.5px) rotate(-45deg);\n    }\n    .kp-social-btn.wa {\n      background: var(--wa) !important;\n      color: #ffffff !important;\n      border-color: transparent !important;\n      box-shadow: 0 4px 10px rgba(37, 211, 102, 0.2);\n    }\n    .kp-social-btn.wa:hover {\n      background: #20ba5a !important;\n      box-shadow: 0 6px 15px rgba(37, 211, 102, 0.35);\n    }\n\n    @media (min-width: 1121px) and (max-width: 1280px) {\n      .kp-logo-img {\n        height: 50px !important;\n      }\n      .kp-nav-menu {\n        gap: 4px;\n      }\n      .kp-nav-menu a:not(.kp-social-btn) {\n        font-size: 0.88rem;\n        padding: 5px 8px;\n      }\n      .kp-social-btn {\n        width: 30px;\n        height: 30px;\n      }\n    }\n\n    @media (max-width: 1120px) {\n      .kp-ribbon-wrap { padding: 8px 12px; }\n      .kp-ribbon-inner {\n        display: flex;\n        flex-wrap: wrap;\n        border-radius: 24px;\n        padding: 12px 20px;\n        gap: 0;\n      }\n      .kp-logo-link {\n        order: 1;\n      }\n      .kp-logo-img { height: 48px !important; }\n      .kp-menu-toggle {\n        display: flex;\n        order: 3;\n        margin-left: auto;\n      }\n\n      .kp-nav-menu {\n        display: none;\n        flex-direction: column;\n        width: 100%;\n        gap: 4px;\n        padding-top: 12px;\n        border-top: 1px solid var(--borde);\n        margin-top: 10px;\n        align-items: stretch;\n        order: 4;\n      }\n      .kp-nav-menu.active { display: flex; }\n      .kp-nav-menu a:not(.kp-social-btn) {\n        width: 100%;\n        text-align: center;\n        padding: 10px;\n      }\n      .kp-social-header {\n        display: flex;\n        justify-content: center;\n        margin: 15px auto 5px;\n        width: 100%;\n        gap: 12px;\n      }\n    }\n\n    \/* HERO SECTION *\/\n    #hero-sec .wrap {\n      padding: 30px 24px 60px;\n    }\n    .nav-shell {\n      margin-bottom: 30px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .nav-toggle {\n      display: none;\n      padding: 0.55rem 1.3rem;\n      border-radius: 999px;\n      border: 1px solid rgba(78, 192, 207, 0.18);\n      background: #ffffff;\n      font-weight: 700;\n      font-size: 0.9rem;\n      color: var(--secondary);\n      cursor: pointer;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\n    }\n    .nav-anchors {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n    }\n    @media (max-width: 768px) {\n      .nav-shell {\n        position: relative;\n      }\n      .nav-toggle {\n        display: inline-flex;\n      }\n      .nav-anchors {\n        display: none;\n        position: absolute;\n        top: 110%;\n        left: 0;\n        right: 0;\n        background: #ffffff;\n        padding: 12px;\n        border-radius: 20px;\n        border: 1px solid rgba(78, 192, 207, 0.15);\n        box-shadow: 0 16px 40px rgba(78, 192, 207, 0.12);\n        z-index: 30;\n        gap: 8px;\n      }\n      .nav-shell.open .nav-anchors {\n        display: flex;\n      }\n    }\n\n    #hero-sec .grid {\n      display: grid;\n      grid-template-columns: 1.15fr 0.85fr;\n      gap: 50px;\n      align-items: center;\n    }\n    .sub {\n      font-size: 1.15rem;\n      color: var(--text-muted);\n      margin-bottom: 24px;\n      line-height: 1.6;\n    }\n    .hero-features {\n      margin: 24px 0 28px;\n      display: grid;\n      gap: 12px;\n    }\n    .hero-feat-item {\n      display: flex;\n      gap: 0.8rem;\n      align-items: center;\n      font-size: 1.05rem;\n      font-weight: 500;\n    }\n    .hero-icon-bullet {\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      background: var(--primary-light);\n      color: var(--primary);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      border: 1px solid rgba(255, 123, 144, 0.15);\n      font-size: 0.85rem;\n    }\n    .media-card {\n      position: relative;\n      padding: 16px;\n      max-width: 480px;\n      margin-left: auto;\n    }\n    .photo-wrap {\n      position: relative;\n      border-radius: 22px;\n      overflow: hidden;\n      box-shadow: 0 12px 28px rgba(78, 192, 207, 0.1);\n      background: #ffffff;\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      aspect-ratio: 1;\n    }\n    .photo-wrap img {\n      width: 100% !important;\n      height: 100% !important;\n      display: block !important;\n      object-fit: cover !important;\n    }\n    .media-card .badge-overlay {\n      position: absolute;\n      bottom: 25px;\n      left: -15px;\n      background: rgba(255, 255, 255, 0.9);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid var(--borde);\n      border-radius: 16px;\n      padding: 10px 16px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.05);\n    }\n    .media-card .badge-overlay-icon {\n      font-size: 1.8rem;\n    }\n    .media-card .badge-overlay-text {\n      display: flex;\n      flex-direction: column;\n    }\n    .media-card .badge-title {\n      font-weight: 700;\n      font-size: 0.88rem;\n      color: var(--text-dark);\n      font-family: 'Quicksand', sans-serif;\n    }\n    .media-card .badge-sub {\n      font-size: 0.75rem;\n      color: var(--text-muted);\n    }\n\n    @media (max-width: 980px) {\n      #hero-sec .grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n      .media-card {\n        margin: 20px auto 0;\n      }\n    }\n\n    \/* BENEFICIOS \/ CARDS *\/\n    #katia-pediatra .section-desc {\n      text-align: center !important;\n      max-width: 650px;\n      margin: -10px auto 40px;\n      font-size: 1.1rem;\n    }\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 24px;\n    }\n    .benefit-card {\n      padding: 30px;\n      text-align: left;\n    }\n    .benefit-icon-box {\n      width: 50px;\n      height: 50px;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.6rem;\n      margin-bottom: 20px;\n      background: var(--secondary-light);\n      color: var(--secondary);\n      border: 1px solid rgba(78, 192, 207, 0.15);\n    }\n    .benefit-card:nth-child(even) .benefit-icon-box {\n      background: var(--primary-light);\n      color: var(--primary);\n      border-color: rgba(255, 123, 144, 0.15);\n    }\n    .benefit-card h3 {\n      font-family: 'Quicksand', sans-serif;\n      margin-bottom: 12px;\n      font-size: 1.25rem;\n      color: var(--text-dark);\n    }\n    .benefit-card p {\n      font-size: 0.95rem;\n      margin: 0;\n    }\n\n    \/* SERVICIOS *\/\n    .services-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n      max-width: 1000px;\n      margin: 0 auto;\n    }\n    .service-card {\n      padding: 36px;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n    .service-badge {\n      align-self: flex-start;\n      margin-bottom: 16px;\n      font-size: 0.82rem;\n      font-weight: 700;\n    }\n    .service-card h3 {\n      font-size: 1.6rem;\n      font-family: 'Quicksand', sans-serif;\n      margin-bottom: 14px;\n      color: var(--text-dark);\n    }\n    .service-price {\n      font-size: 1.25rem;\n      font-weight: 700;\n      color: var(--primary);\n      margin-bottom: 20px;\n    }\n    .service-price span {\n      font-size: 0.9rem;\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n    .service-features {\n      margin: 0 0 30px;\n      padding: 0;\n      list-style: none;\n      display: grid;\n      gap: 12px;\n      flex: 1;\n    }\n    .service-features li {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      font-size: 0.95rem;\n      color: var(--text-muted);\n    }\n    .service-features li::before {\n      content: '\ud83c\udf38';\n      font-size: 0.85rem;\n      margin-top: 2px;\n    }\n    .service-card .btn {\n      width: 100%;\n    }\n\n    @media (max-width: 768px) {\n      .services-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n    }\n\n    \/* MARQUEE ASEGURADORAS *\/\n    .marquee-sec {\n      overflow: hidden;\n      padding: 40px 0;\n      background: rgba(255, 255, 255, 0.4);\n      border-top: 1px solid var(--borde);\n      border-bottom: 1px solid var(--borde);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n    .marquee-info-wrap {\n      max-width: 800px;\n      margin: 0 auto 24px;\n      padding: 0 20px;\n      text-align: center;\n    }\n    .marquee-title {\n      font-family: 'Quicksand', sans-serif;\n      font-size: 1.5rem;\n      font-weight: 700;\n      color: var(--secondary);\n      margin-bottom: 12px;\n      letter-spacing: -0.01em;\n      text-align: center;\n    }\n    .marquee-desc {\n      font-family: 'Quicksand', sans-serif;\n      font-size: 0.96rem;\n      line-height: 1.6;\n      color: var(--text-dark);\n      margin-bottom: 14px;\n      text-align: center;\n    }\n    .marquee-link-row {\n      display: block;\n      margin-bottom: 10px;\n      text-align: center;\n    }\n    .reembolso-blue-link {\n      display: inline-block;\n      font-family: 'Quicksand', sans-serif;\n      color: #1a73e8; \/* Blue link *\/\n      font-weight: 700;\n      font-size: 0.95rem;\n      text-decoration: underline;\n      transition: color 0.2s ease, transform 0.2s ease;\n    }\n    .reembolso-blue-link:hover {\n      color: #0b57d0;\n      transform: translateY(-1px);\n    }\n    .marquee-container {\n      display: flex;\n      width: 100%;\n      max-width: var(--max);\n      margin: 0 auto;\n      overflow: hidden;\n      mask-image: linear-gradient(to right, transparent, white 15%, white 85%, transparent);\n      -webkit-mask-image: linear-gradient(to right, transparent, white 15%, white 85%, transparent);\n      padding: 0 24px;\n    }\n    .marquee-track {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      gap: 30px;\n      padding-right: 30px; \/* Space between duplicate tracks *\/\n      animation: marquee-scroll 30s linear infinite;\n    }\n    .marquee-item {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: 'Quicksand', sans-serif;\n      font-size: 1.15rem;\n      font-weight: 700;\n      color: var(--text-muted);\n      opacity: 0.8;\n      transition: all 0.25s ease;\n      white-space: nowrap;\n      background: white;\n      padding: 10px 20px;\n      border-radius: 16px;\n      border: 1px solid rgba(78, 192, 207, 0.12);\n      box-shadow: 0 4px 10px rgba(0,0,0,0.01);\n    }\n    .marquee-item:hover {\n      opacity: 1;\n      color: var(--secondary);\n      border-color: var(--secondary);\n      transform: scale(1.04);\n    }\n    @keyframes marquee-scroll {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-100%); }\n    }\n\n    \/* ACORDE\u00d3N FAQ *\/\n    .faq-wrapper {\n      max-width: 800px;\n      margin: 0 auto;\n    }\n    .acc-item {\n      margin-bottom: 16px;\n      border-radius: 20px;\n      overflow: hidden;\n      border: 1px solid var(--borde);\n      background: rgba(255, 255, 255, 0.65);\n      transition: all 0.3s ease;\n    }\n    .acc-item.open {\n      border-color: var(--secondary);\n      background: #ffffff;\n      box-shadow: var(--shadow-hover);\n    }\n    .acc-q {\n      padding: 20px 24px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 700;\n      font-size: 1.05rem;\n      color: var(--text-dark);\n      user-select: none;\n      transition: color 0.2s;\n    }\n    .acc-q:hover {\n      color: var(--secondary);\n    }\n    .acc-icon {\n      font-size: 1.2rem;\n      color: var(--secondary);\n      transition: transform 0.3s;\n    }\n    .acc-item.open .acc-icon {\n      transform: rotate(180deg);\n      color: var(--primary);\n    }\n    .acc-a {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), padding 0.35s ease;\n      padding: 0 24px;\n      color: var(--text-muted);\n      font-size: 0.95rem;\n      line-height: 1.6;\n    }\n    .acc-item.open .acc-a {\n      max-height: 250px;\n      padding-bottom: 20px;\n    }\n\n    \/* SECCI\u00d3N CONTACTO \/ AGENDA *\/\n    .contact-grid {\n      display: grid;\n      grid-template-columns: 1fr 1.2fr;\n      gap: 40px;\n      max-width: 1000px;\n      margin: 0 auto;\n    }\n    .contact-info-card {\n      padding: 40px;\n    }\n    .contact-info-card h3 {\n      font-family: 'Quicksand', sans-serif;\n      font-size: 1.5rem;\n      margin-bottom: 24px;\n      color: var(--text-dark);\n    }\n    .contact-list {\n      display: grid;\n      gap: 20px;\n    }\n    .contact-list-item {\n      display: flex;\n      gap: 16px;\n      align-items: flex-start;\n    }\n    .contact-item-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 12px;\n      background: var(--secondary-light);\n      color: var(--secondary);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.2rem;\n      flex-shrink: 0;\n    }\n    .contact-list-item:nth-child(2) .contact-item-icon {\n      background: var(--wa-light);\n      color: var(--wa-dark);\n    }\n    .contact-item-details h4 {\n      margin: 0 0 4px;\n      font-size: 0.9rem;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n    .contact-item-details p, .contact-item-details a {\n      margin: 0;\n      font-size: 1.05rem;\n      font-weight: 600;\n      color: var(--text-dark);\n    }\n    .contact-item-details a:hover {\n      color: var(--secondary);\n    }\n\n    \/* FORMULARIO PREMIUM *\/\n    .contact-form-card {\n      padding: 40px;\n    }\n    .form-group {\n      margin-bottom: 20px;\n      text-align: left;\n    }\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-weight: 600;\n      font-size: 0.9rem;\n      color: var(--text-dark);\n    }\n    .form-control {\n      width: 100%;\n      padding: 12px 16px;\n      border-radius: 14px;\n      border: 1px solid rgba(78, 192, 207, 0.25);\n      background: rgba(255, 255, 255, 0.8);\n      color: var(--text-dark);\n      font-size: 0.95rem;\n      outline: none;\n      transition: all 0.2s;\n    }\n    .form-control:focus {\n      border-color: var(--secondary);\n      background: #ffffff;\n      box-shadow: 0 0 0 3px rgba(78, 192, 207, 0.1);\n    }\n    textarea.form-control {\n      resize: vertical;\n      min-height: 110px;\n    }\n    .form-checkbox {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      font-size: 0.85rem;\n      color: var(--text-muted);\n      cursor: pointer;\n    }\n    .form-checkbox input {\n      margin-top: 3px;\n    }\n    .form-actions {\n      margin-top: 24px;\n    }\n    .form-actions .btn {\n      width: 100%;\n    }\n\n    @media (max-width: 860px) {\n      .contact-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n      .contact-info-card, .contact-form-card {\n        padding: 30px;\n      }\n    }\n\n    \/* FOOTER *\/\n    .footer-sec {\n      background: rgba(29, 54, 59, 0.04);\n      border-top: 1px solid var(--borde);\n      padding: 40px 24px;\n      text-align: center;\n    }\n    .footer-container {\n      max-width: var(--max);\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 20px;\n    }\n    .footer-disclaimer {\n      font-size: 0.82rem;\n      color: var(--text-muted);\n      max-width: 700px;\n      line-height: 1.5;\n    }\n    .footer-links {\n      display: flex;\n      gap: 20px;\n      flex-wrap: wrap;\n      justify-content: center;\n      font-size: 0.9rem;\n    }\n    .footer-links a {\n      color: var(--text-muted);\n    }\n    .footer-links a:hover {\n      color: var(--secondary);\n    }\n    .footer-copyright {\n      font-size: 0.85rem;\n      color: var(--text-muted);\n      margin-top: 10px;\n    }\n\n    \/* Estilos para Botones de Redes Sociales (Header y Footer) *\/\n    .kp-social-header {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-left: 15px;\n    }\n    .kp-social-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 34px;\n      height: 34px;\n      border-radius: 50%;\n      background: rgba(78, 192, 207, 0.08);\n      color: var(--text-muted) !important;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 1px solid rgba(78, 192, 207, 0.15);\n      text-decoration: none;\n    }\n    .kp-social-btn svg {\n      transition: transform 0.3s ease;\n    }\n    .kp-social-btn:hover {\n      transform: translateY(-3px) scale(1.05);\n      color: #ffffff !important;\n      border-color: transparent;\n      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);\n    }\n    .kp-social-btn:hover svg {\n      transform: rotate(8deg);\n    }\n    .kp-social-btn.fb:hover {\n      background: #1877F2 !important;\n    }\n    .kp-social-btn.ig:hover {\n      background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;\n    }\n    .kp-social-btn.tt:hover {\n      background: #000000 !important;\n    }\n    .footer-social {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      margin: 15px 0 20px;\n    }\n\n    \/* LIGHTBOX FOTOS *\/\n    #lb {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(29, 54, 59, 0.7);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      z-index: 20000;\n      align-items: center;\n      justify-content: center;\n      padding: 24px;\n    }\n    .lb-content {\n      position: relative;\n      max-width: 800px;\n      width: 100%;\n      background: white;\n      padding: 12px;\n      border-radius: 24px;\n      box-shadow: 0 24px 60px rgba(0,0,0,0.25);\n      animation: zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .lb-content img {\n      width: 100%;\n      height: auto;\n      border-radius: 16px;\n      display: block;\n    }\n    #lb-close {\n      position: absolute;\n      top: -16px;\n      right: -16px;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      background: white;\n      color: var(--text-dark);\n      border: 1px solid var(--borde);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      cursor: pointer;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n      transition: all 0.2s;\n    }\n    #lb-close:hover {\n      background: var(--primary);\n      color: white;\n      transform: scale(1.1);\n    }\n    #lb-cap {\n      margin-top: 10px;\n      font-weight: 700;\n      text-align: center;\n      font-family: 'Quicksand', sans-serif;\n      color: var(--text-dark);\n    }\n    @keyframes zoomIn {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n\n    \/* CANALES DE RESERVA *\/\n    .booking-channels-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 24px;\n      margin-top: 35px;\n      max-width: var(--max);\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .channel-card {\n      padding: 30px 24px;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: space-between;\n      min-height: 260px;\n    }\n    .channel-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.5rem;\n      margin-bottom: 16px;\n    }\n    .channel-card h3 {\n      font-family: 'Quicksand', sans-serif;\n      font-size: 1.2rem;\n      margin-bottom: 10px;\n      color: var(--text-dark);\n      font-weight: 700;\n    }\n    .channel-card p {\n      font-size: 0.9rem;\n      color: var(--text-muted);\n      margin-bottom: 18px;\n      flex: 1;\n      line-height: 1.5;\n    }\n    #katia-pediatra a.marquee-item {\n      text-decoration: none;\n    }\n\n    \/* Ocultar bot\u00f3n flotante de WhatsApp externo inyectado por WordPress *\/\n    #btn-whatsapp {\n      display: none !important;\n    }\n  <\/style>\n\n  <!-- Fondo Pedi\u00e1trico Mesh Gradient (Ositos Flotantes e Interacci\u00f3n Aceite\/Agua) -->\n  <div class=\"pediatric-bg-wrapper\">\n    <div class=\"floating-orbs-container\" id=\"bg-orbs-container\">\n      <div class=\"orb orb-rose\" style=\"width: 25vw; height: 25vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n      <div class=\"orb orb-celeste\" style=\"width: 22vw; height: 22vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n      <div class=\"orb orb-purple\" style=\"width: 20vw; height: 20vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n      <div class=\"orb orb-rose\" style=\"width: 24vw; height: 24vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n      <div class=\"orb orb-celeste\" style=\"width: 23vw; height: 23vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n      <div class=\"orb orb-purple\" style=\"width: 18vw; height: 18vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n      <div class=\"orb orb-rose\" style=\"width: 22vw; height: 22vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n      <div class=\"orb orb-celeste\" style=\"width: 19vw; height: 19vw;\">\n        <svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\"><circle cx=\"28\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"72\" cy=\"28\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"50\" cy=\"55\" r=\"30\" fill=\"currentColor\"\/><\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Contenido Principal -->\n  <div class=\"content-wrap\">\n    \n    <!-- Cintillo Sticky de Contacto R\u00e1pido -->\n    <header class=\"kp-ribbon-wrap\">\n      <div class=\"kp-ribbon\">\n        <div class=\"kp-ribbon-inner\">\n          <a href=\"https:\/\/katiatupediatra.es\/es_es\/\" class=\"kp-logo-link\">\n            <img decoding=\"async\" src=\"https:\/\/katiatupediatra.es\/wp-content\/uploads\/2025\/07\/cropped-LOGO-KATIATUPEDIATRA-scaled-1.png\" alt=\"KatiaTuPediatra Logo\" class=\"kp-logo-img\" data-no-lazy=\"1\" loading=\"eager\">\n          <\/a>\n          <button class=\"kp-menu-toggle\" aria-label=\"Abrir men\u00fa\" onclick=\"toggleHeaderMenu()\">\n            <span class=\"kp-bar\"><\/span>\n            <span class=\"kp-bar\"><\/span>\n            <span class=\"kp-bar\"><\/span>\n          <\/button>\n          <nav class=\"kp-nav-menu\">\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/sobre-mi-pediatra-gran-alacant\/\" target=\"_blank\" rel=\"noopener\">Sobre M\u00ed<\/a>\n            <a href=\"https:\/\/katiatupediatra.es\/servicios-pediatra-gran-alacant\/\">Servicios y Tarifas<\/a>\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/pediatria-en-gran-alacant\/\" target=\"_blank\" rel=\"noopener\">Tips<\/a>\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/agendar-cita\/\" target=\"_blank\" rel=\"noopener\">Agendar Cita<\/a>\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/aseguradoras\/\" target=\"_blank\" rel=\"noopener\">Aseguradoras<\/a>\n            <div class=\"kp-social-header\">\n              <a href=\"https:\/\/www.facebook.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\" class=\"kp-social-btn fb\">\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/www.instagram.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\" class=\"kp-social-btn ig\">\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.051.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/www.tiktok.com\/@katiatupediatra\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\" class=\"kp-social-btn tt\">\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M12.525.02c1.31-.03 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.17-2.86-.74-3.99-1.72-.02 2.76-.01 5.51-.02 8.27-.07 2.18-.94 4.41-2.69 5.73-2.1 1.62-4.9 2.03-7.44 1.5-2.8-.52-5.27-2.76-5.83-5.55-.74-3.34.82-7.14 3.99-8.48 1.14-.5 2.39-.69 3.62-.64v3.9c-.83-.06-1.72.07-2.45.51-1.22.7-1.92 2.16-1.72 3.56.24 1.63 1.83 2.89 3.49 2.75 1.59-.06 2.92-1.34 3.01-2.92.05-3.56.02-7.12.03-10.68.02-3.19.01-6.38.02-9.58z\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/wa.me\/34696758906\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\" class=\"kp-social-btn wa\">\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M12.012 2c-5.506 0-9.989 4.478-9.99 9.984a9.96 9.96 0 001.333 4.993L2 22l5.19-1.354a9.936 9.936 0 004.82 1.233h.005c5.507 0 9.99-4.478 9.99-9.986 0-2.667-1.037-5.176-2.922-7.062A9.923 9.923 0 0012.012 2zm5.727 14.048c-.313.882-1.823 1.62-2.5 1.7-2.02.24-4.56-.63-7.22-3.29-2.66-2.66-3.53-5.2-3.29-7.22.08-.677.818-2.187 1.7-2.5.297-.107.6-.16.903-.16.29 0 .428.01.615.4.24.506.825 2.01.897 2.16.072.15.12.324.02.522-.1.197-.15.32-.298.494-.148.173-.31.363-.44.506-.15.163-.3.34-.13.633a10.97 10.97 0 002.39 2.96 12.03 12.03 0 003.45 2.13c.293.14.467.12.637-.08.17-.2.723-.842.915-1.132.192-.29.385-.24.65-.14.267.1.1.84.1.84.072.148.513.858.825.968.312.11.52.052.727-.247s1.09-1.52 1.168-1.7c.078-.18.04-.34-.028-.466-.068-.127-.267-.208-.567-.358z\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/nav>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <!-- H\u00e9roe \/ Bienvenida -->\n    <section id=\"hero-sec\" class=\"reveal-scale\">\n      <div class=\"wrap\">\n        \n\n        <div class=\"glass-card\" style=\"padding: 40px 30px; text-align: center; margin-top: 20px;\">\n          <h1 style=\"font-size: clamp(2rem, 3vw + 1rem, 2.8rem); margin-bottom: 5px; color: var(--text-dark);\">\n            Contacta con la <span style=\"color: var(--primary);\">Dra. Katia Herrera<\/span>\n          <\/h1>\n          <div style=\"text-align: center; font-size: 1.2rem; color: var(--text-muted); font-weight: 500; margin-bottom: 25px;\">\n            Pediatr\u00eda en Gran Alacant, Arenales del Sol y Santa Pola\n          <\/div>\n\n          <p style=\"max-width: 750px; margin: 0 auto 30px; font-size: 1.1rem; color: var(--text-dark); line-height: 1.6;\">\n            \u00bfEst\u00e1s buscando una <strong>pediatra<\/strong> para una consulta m\u00e9dica de calidad, cercana y flexible? A continuaci\u00f3n, te dejo todas las formas para ponerte en contacto conmigo.\n          <\/p>\n\n          <!-- Botones de contacto con mismo ancho -->\n          <div style=\"display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-bottom:30px;\">\n            <a href=\"https:\/\/wa.me\/34696758906\" target=\"_blank\" aria-label=\"Contactar por WhatsApp\" class=\"btn\" style=\"background-color: var(--wa); border-color: var(--wa); box-shadow: 0 8px 20px rgba(37, 211, 102, 0.25);\" rel=\"noopener\">\n              <span style=\"font-size:1.2rem;\">\ud83d\udcf1<\/span> WhatsApp\n            <\/a>\n\n            <a href=\"mailto:contacto@katiatupediatra.es\" aria-label=\"Enviar correo a contacto@katiatupediatra.es\" class=\"btn btn-secondary\">\n              <span style=\"font-size:1.2rem;\">\u2709\ufe0f<\/span> Email\n            <\/a>\n          <\/div>\n\n          <!-- Frase destacada SEO -->\n          <div style=\"margin: 30px 0 10px; background: var(--primary-light); padding: 15px 20px; border-radius: 12px; display: inline-block;\">\n            <p style=\"font-size: 1.05rem; font-weight: 700; letter-spacing: 1px; color: var(--primary); text-transform: uppercase; margin: 0;\">\n              Atenci\u00f3n en todo Gran Alacant, Arenales del Sol y Santa Pola.\n            <\/p>\n            <p style=\"font-size: 0.9rem; color: var(--text-muted); margin: 5px 0 0;\">\n              (Provincia de Alicante, Espa\u00f1a)\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Informaci\u00f3n adicional -->\n        <div class=\"glass-card reveal\" style=\"padding: 40px 30px; margin-top: 30px; line-height: 1.7; font-size: 1.05rem;\">\n          <h3 style=\"font-size: 1.6rem; color: var(--secondary); margin-bottom: 20px; text-align: center;\">\n            \ud83d\udcac Contacto directo con tu pediatra\n          <\/h3>\n\n          <p>Si tienes preguntas frecuentes, tambi\u00e9n puedes consultar la secci\u00f3n de <a href=\"https:\/\/katiatupediatra.es\/es_es\/preguntas_frecuentes\/\" style=\"font-weight: 700; text-decoration: underline;\">FAQ<\/a>, donde encontrar\u00e1s respuestas claras sobre el funcionamiento de las consultas.<\/p>\n\n          <p>Mi compromiso como <strong>pediatra en Gran Alacant, Arenales del Sol y Santa Pola<\/strong> es ofrecer una atenci\u00f3n profesional, cercana y adaptada a cada familia. Puedes contactarme por los medios indicados para reservar una consulta a domicilio o por videollamada.<\/p>\n\n          <p>Trabajo con cita previa para garantizar que cada familia reciba el tiempo y la atenci\u00f3n que merece. Si tienes una urgencia leve o necesitas una segunda opini\u00f3n, puedo orientarte por videollamada o visitarte en casa.<\/p>\n\n          <p>Muchos padres valoran la tranquilidad de tener una <strong>pediatra de confianza<\/strong> disponible, sin tener que desplazarse al centro de salud. Estoy aqu\u00ed para ayudarte, escucharte y resolver tus dudas con empat\u00eda y claridad.<\/p>\n\n          <p>Recuerda que mi objetivo es acompa\u00f1arte en cada etapa del desarrollo de tu hijo, brindando confianza, claridad y apoyo m\u00e9dico siempre que lo necesites.<\/p>\n\n          <p style=\"margin-top: 25px; font-size: 0.95rem; text-align: center; border-top: 1px solid var(--borde); padding-top: 15px;\">\n            Para informaci\u00f3n m\u00e9dica general actualizada, puedes visitar la <a href=\"https:\/\/www.aeped.es\" target=\"_blank\" rel=\"noopener\" style=\"font-weight: 700; text-decoration: underline;\">Asociaci\u00f3n Espa\u00f1ola de Pediatr\u00eda<\/a>.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- Contactar y Agendar Cita -->\n    <section id=\"contacto\" class=\"reveal\">\n      <div class=\"wrap\">\n        <h2>Agendar Cita o Consultar<\/h2>\n        <p class=\"section-desc\">\n          Elige la v\u00eda m\u00e1s c\u00f3moda para ti. Responderemos de inmediato para coordinar la hora que mejor le convenga a tu familia.\n        <\/p>\n\n        <div class=\"contact-grid\">\n          \n          <!-- Datos R\u00e1pidos -->\n          <div class=\"glass-card contact-info-card reveal-left\">\n            <h3>V\u00edas Directas<\/h3>\n            <p>Puedes escribirnos o llamarnos directamente para una respuesta inmediata o dudas sobre disponibilidad:<\/p>\n            \n            <div class=\"contact-list\">\n              \n              <div class=\"contact-list-item\">\n                <div class=\"contact-item-icon\">\ud83d\udcde<\/div>\n                <div class=\"contact-item-details\">\n                  <h4>Llamada Directa<\/h4>\n                  <a href=\"tel:+34696758906\">+34 696 758 906<\/a>\n                <\/div>\n              <\/div>\n\n              <div class=\"contact-list-item\">\n                <div class=\"contact-item-icon\">\ud83d\udcac<\/div>\n                <div class=\"contact-item-details\">\n                  <h4>WhatsApp<\/h4>\n                  <a href=\"https:\/\/wa.me\/34696758906\" target=\"_blank\" rel=\"noopener\">Escribir por WhatsApp<\/a>\n                <\/div>\n              <\/div>\n\n              <div class=\"contact-list-item\">\n                <div class=\"contact-item-icon\">\u2709\ufe0f<\/div>\n                <div class=\"contact-item-details\">\n                  <h4>Email<\/h4>\n                  <a href=\"mailto:contacto@katiatupediatra.es\">contacto@katiatupediatra.es<\/a>\n                <\/div>\n              <\/div>\n\n              <div class=\"contact-list-item\">\n                <div class=\"contact-item-icon\">\ud83d\udccd<\/div>\n                <div class=\"contact-item-details\">\n                  <h4>Zonas de Visita<\/h4>\n                  <p>Gran Alacant, Santa Pola, Arenales del Sol, El Altet y La Marina.<\/p>\n                <\/div>\n              <\/div>\n\n            <\/div>\n            \n            <div style=\"margin-top: 25px;\">\n              <a href=\"https:\/\/katiatupediatra.es\/es_es\/agendar-cita\/\" target=\"_blank\" rel=\"noopener\" class=\"btn\" style=\"width: 100%; display: inline-flex; justify-content: center; align-items: center; gap: 8px;\">\n                \ud83d\udcc5 Agregar cita en 3 clics\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Formulario de Consulta -->\n          <div class=\"glass-card contact-form-card reveal-right\">\n            <form id=\"form-pediatria-contacto\" autocomplete=\"off\">\n              <div class=\"form-group\">\n                <label for=\"kp-name\">Nombre de los padres<\/label>\n                <input type=\"text\" id=\"kp-name\" name=\"nombre\" class=\"form-control\" placeholder=\"Ej. Mar\u00eda y Juan\" required>\n              <\/div>\n              \n              <div class=\"form-group\">\n                <label for=\"kp-email\">Email de contacto<\/label>\n                <input type=\"email\" id=\"kp-email\" name=\"email\" class=\"form-control\" placeholder=\"Ej. maria@correo.com\" required>\n              <\/div>\n\n              <div class=\"form-group\">\n                <label for=\"kp-phone\">Tel\u00e9fono m\u00f3vil<\/label>\n                <input type=\"tel\" id=\"kp-phone\" name=\"telefono\" class=\"form-control\" placeholder=\"Ej. +34 600 000 000\" required>\n              <\/div>\n\n              <div class=\"form-group\">\n                <label for=\"kp-message\">Cu\u00e9ntanos qu\u00e9 necesita tu hijo<\/label>\n                <textarea id=\"kp-message\" name=\"mensaje\" class=\"form-control\" placeholder=\"Ej. Tiene fiebre y tos desde ayer, nos gustar\u00eda visita a domicilio en Gran Alacant...\" required><\/textarea>\n              <\/div>\n\n              <label class=\"form-checkbox\">\n                <input type=\"checkbox\" name=\"rgpd\" required>\n                <span>Acepto la pol\u00edtica de privacidad y autorizo el contacto para agendar la cita.<\/span>\n              <\/label>\n\n              <div class=\"form-actions\" id=\"kp-form-actions\">\n                <button type=\"submit\" class=\"btn\">\ud83d\ude80 Enviar Solicitud<\/button>\n              <\/div>\n            <\/form>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Secci\u00f3n SEO Local \/ Familias Extranjeras -->\n    <section id=\"seo-info\" class=\"reveal\" style=\"padding: 40px 24px; background: rgba(78, 192, 207, 0.03);\">\n      <div class=\"wrap\" style=\"max-width: 900px; text-align: center;\">\n        <h2 style=\"font-size: 1.8rem; color: var(--secondary); margin-bottom: 20px;\">\u00bfBuscas una pediatra en Gran Alacant, Arenales o Santa Pola que hable ingl\u00e9s?<\/h2>\n        <p style=\"font-size: 1.05rem; color: var(--text-dark); max-width: 800px; margin: 0 auto 16px; line-height: 1.7;\">\n          La <strong>Dra. Katia Herrera<\/strong> es tu <strong>pediatra en Gran Alacant<\/strong>, ofreciendo <strong>consulta pedi\u00e1trica a domicilio<\/strong> tambi\u00e9n si buscas una <strong>pediatra en Santa Pola<\/strong>, <strong>pediatra en El Altet<\/strong>, <strong>pediatra en Arenales del Sol<\/strong> o <strong>pediatra en La Marina<\/strong>.\n        <p style=\"font-size: 1.05rem; color: var(--text-muted); max-width: 800px; margin: 0 auto 20px; line-height: 1.7;\">\n          Adem\u00e1s de las visitas presenciales en el hogar, ofrece servicios de <strong>pediatra online<\/strong> mediante <strong>videoconsulta pedi\u00e1trica<\/strong> y <strong>consulta telef\u00f3nica de pediatr\u00eda<\/strong> para una orientaci\u00f3n \u00e1gil est\u00e9s donde est\u00e9s. Su atenci\u00f3n biling\u00fce <strong style=\"color: var(--secondary); font-weight: 700;\">(espa\u00f1ol e ingl\u00e9s)<\/strong> es ideal para familias extranjeras residentes o turistas que necesitan una <strong>pediatra de confianza<\/strong>.\n        <\/p>\n        <div style=\"display: flex; justify-content: center; gap: 12px; flex-wrap: wrap;\">\n          <a href=\"https:\/\/wa.me\/34696758906\" class=\"btn\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac Contactar por WhatsApp<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"footer-sec\">\n      <div class=\"footer-container\">\n        <div class=\"footer-disclaimer\">\n          \u26a0\ufe0f <b>Aviso de salud importante:<\/b> La informaci\u00f3n en esta web y las consultas online sirven como orientaci\u00f3n profesional y no sustituyen una atenci\u00f3n hospitalaria en caso de emergencias de riesgo vital. Si tu hijo requiere atenci\u00f3n m\u00e9dica cr\u00edtica, llama de inmediato al 112 o acude a urgencias.\n        <\/div>\n        \n        <div class=\"footer-links\">\n          <a href=\"https:\/\/katiatupediatra.es\/es_es\/politica-de-cookies-ue\/\" target=\"_blank\">Pol\u00edtica de Cookies<\/a>\n          <a href=\"#hero-sec\">Inicio<\/a>\n          <a href=\"#beneficios\">\u00bfPor qu\u00e9 a domicilio?<\/a>\n          <a href=\"https:\/\/katiatupediatra.es\/servicios-pediatra-gran-alacant\/\">Servicios<\/a>\n          <a href=\"#como-funciona\">\u00bfC\u00f3mo agendar?<\/a>\n          <a href=\"#faqs\">Preguntas Frecuentes<\/a>\n          <a href=\"#contacto\">Contacto<\/a>\n        <\/div>\n\n        <!-- Redes Sociales del Footer -->\n        <div class=\"footer-social\">\n          <a href=\"https:\/\/www.facebook.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\" class=\"kp-social-btn fb\">\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.instagram.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\" class=\"kp-social-btn ig\">\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.051.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.tiktok.com\/@katiatupediatra\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\" class=\"kp-social-btn tt\">\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12.525.02c1.31-.03 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.17-2.86-.74-3.99-1.72-.02 2.76-.01 5.51-.02 8.27-.07 2.18-.94 4.41-2.69 5.73-2.1 1.62-4.9 2.03-7.44 1.5-2.8-.52-5.27-2.76-5.83-5.55-.74-3.34.82-7.14 3.99-8.48 1.14-.5 2.39-.69 3.62-.64v3.9c-.83-.06-1.72.07-2.45.51-1.22.7-1.92 2.16-1.72 3.56.24 1.63 1.83 2.89 3.49 2.75 1.59-.06 2.92-1.34 3.01-2.92.05-3.56.02-7.12.03-10.68.02-3.19.01-6.38.02-9.58z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/wa.me\/34696758906\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\" class=\"kp-social-btn wa\">\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12.012 2c-5.506 0-9.989 4.478-9.99 9.984a9.96 9.96 0 001.333 4.993L2 22l5.19-1.354a9.936 9.936 0 004.82 1.233h.005c5.507 0 9.99-4.478 9.99-9.986 0-2.667-1.037-5.176-2.922-7.062A9.923 9.923 0 0012.012 2zm5.727 14.048c-.313.882-1.823 1.62-2.5 1.7-2.02.24-4.56-.63-7.22-3.29-2.66-2.66-3.53-5.2-3.29-7.22.08-.677.818-2.187 1.7-2.5.297-.107.6-.16.903-.16.29 0 .428.01.615.4.24.506.825 2.01.897 2.16.072.15.12.324.02.522-.1.197-.15.32-.298.494-.148.173-.31.363-.44.506-.15.163-.3.34-.13.633a10.97 10.97 0 002.39 2.96 12.03 12.03 0 003.45 2.13c.293.14.467.12.637-.08.17-.2.723-.842.915-1.132.192-.29.385-.24.65-.14.267.1.1.84.1.84.072.148.513.858.825.968.312.11.52.052.727-.247s1.09-1.52 1.168-1.7c.078-.18.04-.34-.028-.466-.068-.127-.267-.208-.567-.358z\"\/><\/svg>\n          <\/a>\n        <\/div>\n\n        <div class=\"footer-copyright\">\n          \u00a9 <span id=\"year-span\">2026<\/span> Dra. Katia Herrera. Todos los derechos reservados.<br>\n          <span style=\"font-size:0.78rem; opacity:0.7;\">Redise\u00f1o premium con fines profesionales y amigables.<\/span>\n        <\/div>\n      <\/div>\n    <\/footer>\n\n  <\/div>\n\n  <!-- Lightbox estructural -->\n  <div id=\"lb\">\n    <div class=\"lb-content\">\n      <button id=\"lb-close\">\u2715<\/button>\n      <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\n      <div id=\"lb-cap\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Tidio Live Chat Widget -->\n  <script src=\"\/\/code.tidio.co\/2wfqfdn7afgaelyxuupss2qcq7atopkk.js\" async><\/script>\n\n  <!-- L\u00f3gica y Scripts (Burbujas reemplazadas por orbes pedi\u00e1tricos float y carrusel) -->\n  <script>\n    (function() {\n      \/\/ --- Interacci\u00f3n Aceite y Agua para el Fondo (Ositos Flotantes) ---\n      (function initBackgroundInteraction() {\n        const container = document.getElementById('bg-orbs-container');\n        if (!container) return;\n        const orbs = container.querySelectorAll('.orb');\n        if (!orbs.length) return;\n\n        const orbData = [];\n        const baseCoords = [\n          { x: 10, y: 12, widthPct: 25, scale: 1 },\n          { x: 88, y: 18, widthPct: 22, scale: 1.1 },\n          { x: 22, y: 40, widthPct: 20, scale: 0.9 },\n          { x: 82, y: 55, widthPct: 24, scale: 1.05 },\n          { x: 15, y: 72, widthPct: 23, scale: 0.95 },\n          { x: 90, y: 88, widthPct: 18, scale: 0.85 },\n          { x: 45, y: 92, widthPct: 22, scale: 1.0 },\n          { x: 50, y: 30, widthPct: 19, scale: 0.95 }\n        ];\n\n        orbs.forEach((orb, i) => {\n          const coords = baseCoords[i] || { x: Math.random() * 80, y: Math.random() * 80, widthPct: 20, scale: 1 };\n          orbData.push({\n            el: orb,\n            baseX: coords.x,\n            baseY: coords.y,\n            widthPct: coords.widthPct,\n            scale: coords.scale,\n            x: 0,\n            y: 0,\n            targetX: 0,\n            targetY: 0,\n            vx: 0,\n            vy: 0,\n            radius: 0,\n            phase: Math.random() * Math.PI * 2,\n            speed: 0.0005 + Math.random() * 0.0005\n          });\n        });\n\n        const mouse = { x: -10000, y: -10000, active: false };\n\n        window.addEventListener('mousemove', (e) => {\n          mouse.x = e.clientX;\n          mouse.y = e.clientY;\n          mouse.active = true;\n        });\n\n        window.addEventListener('mouseleave', () => {\n          mouse.active = false;\n        });\n\n        window.addEventListener('touchmove', (e) => {\n          if (e.touches.length > 0) {\n            mouse.x = e.touches[0].clientX;\n            mouse.y = e.touches[0].clientY;\n            mouse.active = true;\n          }\n        }, { passive: true });\n\n        window.addEventListener('touchend', () => {\n          mouse.active = false;\n        });\n\n        function resize() {\n          const w = container.clientWidth;\n          const h = container.clientHeight;\n          orbData.forEach(orb => {\n            const pxX = (orb.baseX \/ 100) * w;\n            const pxY = (orb.baseY \/ 100) * h;\n            orb.x = pxX;\n            orb.y = pxY;\n            orb.targetX = pxX;\n            orb.targetY = pxY;\n            orb.vx = 0;\n            orb.vy = 0;\n            orb.radius = ((orb.widthPct \/ 100) * w) \/ 2;\n          });\n        }\n\n        window.addEventListener('resize', resize);\n        resize();\n\n        function animate() {\n          const w = container.clientWidth;\n          const h = container.clientHeight;\n\n          orbData.forEach(orb => {\n            orb.phase += orb.speed;\n            const driftX = Math.sin(orb.phase) * (w * 0.08);\n            const driftY = Math.cos(orb.phase * 0.8) * (h * 0.08);\n            const currentHomeX = ((orb.baseX \/ 100) * w) + driftX;\n            const currentHomeY = ((orb.baseY \/ 100) * h) + driftY;\n\n            orb.targetX = currentHomeX;\n            orb.targetY = currentHomeY;\n\n            if (mouse.active) {\n              const dx = orb.x - mouse.x;\n              const dy = orb.y - mouse.y;\n              const dist = Math.sqrt(dx * dx + dy * dy);\n              const threshold = Math.min(w, h) * 0.35;\n\n              if (dist < threshold && dist > 0) {\n                const force = (threshold - dist) \/ threshold;\n                const push = force * force * 2.5; \n                orb.vx += (dx \/ dist) * push * 2.5;\n                orb.vy += (dy \/ dist) * push * 2.5;\n              }\n            }\n\n            const springK = 0.02;\n            const ax = (orb.targetX - orb.x) * springK;\n            const ay = (orb.targetY - orb.y) * springK;\n\n            orb.vx += ax;\n            orb.vy += ay;\n\n            const damping = 0.92;\n            orb.vx *= damping;\n            orb.vy *= damping;\n\n            orb.x += orb.vx;\n            orb.y += orb.vy;\n\n            orb.el.style.transform = `translate3d(${orb.x - orb.radius}px, ${orb.y - orb.radius}px, 0) scale(${orb.scale})`;\n          });\n\n          requestAnimationFrame(animate);\n        }\n        requestAnimationFrame(animate);\n      })();\n\n      \/\/ Configurar a\u00f1o din\u00e1mico en footer\n      const ys = document.getElementById('year-span');\n      if (ys) ys.textContent = new Date().getFullYear();\n\n      \/\/ Animaciones de scroll (Fades y Reveals)\n      if ('IntersectionObserver' in window) {\n        const obsOptions = { threshold: 0.05, rootMargin: '0px 0px -40px 0px' };\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('visible');\n              observer.unobserve(entry.target);\n            }\n          });\n        }, obsOptions);\n\n        document.querySelectorAll('#katia-pediatra .reveal, #katia-pediatra .reveal-left, #katia-pediatra .reveal-right, #katia-pediatra .reveal-scale, #katia-pediatra section h2')\n          .forEach(el => observer.observe(el));\n      }\n\n      \/\/ Men\u00fa M\u00f3vil del Cintillo\n      window.toggleHeaderMenu = function() {\n        const toggle = document.querySelector('.kp-menu-toggle');\n        const menu = document.querySelector('.kp-nav-menu');\n        if (toggle && menu) {\n          toggle.classList.toggle('active');\n          menu.classList.toggle('active');\n        }\n      };\n\n      \/\/ Men\u00fa M\u00f3vil Chips\n      const navShell = document.querySelector('.nav-shell');\n      const navToggle = document.querySelector('.nav-toggle');\n      const navAnchors = document.getElementById('nav-anchors');\n\n      if (navShell && navToggle && navAnchors) {\n        navToggle.addEventListener('click', () => {\n          const open = navShell.classList.toggle('open');\n          navToggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n        });\n\n        navAnchors.addEventListener('click', e => {\n          if (e.target.matches('a.chip')) {\n            navShell.classList.remove('open');\n            navToggle.setAttribute('aria-expanded', 'false');\n          }\n        });\n      }\n\n      \/\/ Acorde\u00f3n FAQ\n      const acc = document.getElementById('accordion');\n      if (acc) {\n        acc.addEventListener('click', e => {\n          const q = e.target.closest('.acc-q');\n          if (!q) return;\n          const item = q.parentElement;\n          acc.querySelectorAll('.acc-item').forEach(i => { if (i !== item) i.classList.remove('open'); });\n          item.classList.toggle('open');\n        });\n      }\n\n      \/\/ Lightbox Foto Dra.\n      const lb = document.getElementById('lb'),\n            img = document.getElementById('lb-img'),\n            cap = document.getElementById('lb-cap'),\n            photoTrigger = document.getElementById('dra-photo-container');\n\n      if (photoTrigger && lb && img && cap) {\n        photoTrigger.addEventListener('click', () => {\n          const mainImg = document.getElementById('dra-photo');\n          img.src = mainImg.src;\n          img.alt = mainImg.alt;\n          cap.textContent = \"Dra. Katia Herrera - Consulta Pedi\u00e1trica Profesional\";\n          lb.style.display = 'flex';\n        });\n\n        document.getElementById('lb-close').addEventListener('click', () => lb.style.display = 'none');\n        lb.addEventListener('click', e => { if (e.target === lb) lb.style.display = 'none'; });\n      }\n\n      \/\/ Env\u00edo Formulario Contacto a n8n\n      const contactForm = document.getElementById('form-pediatria-contacto');\n      if (contactForm) {\n        const responseArea = document.createElement('div');\n        responseArea.id = 'kp-form-response';\n        responseArea.style.cssText = `\n          margin-top: 15px;\n          padding: 12px 16px;\n          border-radius: 14px;\n          font-size: 0.95rem;\n          font-weight: 600;\n          text-align: center;\n          display: none;\n          transition: all 0.3s ease;\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        `;\n        document.getElementById('kp-form-actions').appendChild(responseArea);\n\n        contactForm.addEventListener('submit', async (e) => {\n          e.preventDefault();\n\n          const submitBtn = contactForm.querySelector('button[type=\"submit\"]');\n          const origBtnText = submitBtn.textContent;\n          submitBtn.disabled = true;\n          submitBtn.textContent = 'Enviando...';\n\n          responseArea.style.display = 'block';\n          responseArea.style.background = 'rgba(78, 192, 207, 0.08)';\n          responseArea.style.color = 'var(--secondary-hover)';\n          responseArea.style.border = '1px solid rgba(78, 192, 207, 0.2)';\n          responseArea.textContent = '\u23f3 Enviando solicitud de cita...';\n\n          const formData = new FormData(contactForm);\n          const data = {};\n          formData.forEach((value, key) => {\n            data[key] = key === 'rgpd' ? true : value;\n          });\n          if (!data['rgpd']) data['rgpd'] = false;\n          data['proyecto'] = 'KatiaTuPediatra';\n          data['timestamp'] = new Date().toISOString();\n          data['url_origen'] = window.location.href;\n\n          try {\n            \/\/ Webhook n8n (JSON payload)\n            const response = await fetch('https:\/\/n8n.maridosdealquiler.es\/webhook\/8bef8cd4-06d2-4eda-a1db-37bdfc88562e', {\n              method: 'POST',\n              headers: { 'Content-Type': 'application\/json' },\n              body: JSON.stringify(data)\n            });\n\n            if (response.ok) {\n              responseArea.style.background = 'rgba(37, 211, 102, 0.08)';\n              responseArea.style.color = 'var(--wa-dark)';\n              responseArea.style.border = '1px solid rgba(37, 211, 102, 0.2)';\n              responseArea.textContent = '\u2705 \u00a1Solicitud enviada! Nos pondremos en contacto contigo lo antes posible para confirmar.';\n              contactForm.reset();\n            } else {\n              throw new Error('Response error');\n            }\n          } catch (error) {\n            responseArea.style.background = 'rgba(255, 123, 144, 0.08)';\n            responseArea.style.color = '#c62828';\n            responseArea.style.border = '1px solid rgba(255, 123, 144, 0.2)';\n            responseArea.textContent = '\u274c Error al enviar. Por favor cont\u00e1ctanos directamente por WhatsApp o llamada.';\n          } finally {\n            submitBtn.disabled = false;\n            submitBtn.textContent = origBtnText;\n          }\n        });\n      }\n    })();\n  <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Sobre M\u00ed Servicios y Tarifas Tips Agendar Cita Aseguradoras Contacta con la Dra. Katia Herrera Pediatr\u00eda en Gran Alacant, Arenales&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-133","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/pages\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":57,"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/pages\/133\/revisions"}],"predecessor-version":[{"id":1482,"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/pages\/133\/revisions\/1482"}],"wp:attachment":[{"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/media?parent=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}