{"id":149,"date":"2025-07-08T01:25:06","date_gmt":"2025-07-07T23:25:06","guid":{"rendered":"https:\/\/katiatupediatra.es\/?page_id=149"},"modified":"2026-06-27T01:09:42","modified_gmt":"2026-06-26T23:09:42","slug":"pediatria-en-gran-alacant","status":"publish","type":"page","link":"https:\/\/katiatupediatra.es\/en\/pediatria-en-gran-alacant\/","title":{"rendered":"Pediatrics Today"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"149\" class=\"elementor elementor-149\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cdc306 e-flex e-con-boxed e-con e-parent\" data-id=\"9cdc306\" 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-172a74b elementor-widget elementor-widget-html\" data-id=\"172a74b\" 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<!-- \r\n  KatiaTuPediatra \u2013 Redise\u00f1o Premium Profesional \r\n  Especialidad: Pediatr\u00eda (Pastel Colors, Warm Shapes, Floating Pediatric Orbs & Glassmorphism) \r\n-->\r\n<div id=\"katia-pediatra\" style=\"all:initial\">\r\n  <!-- Google Fonts: Quicksand (redondeada, infantil y amigable) y Outfit (moderna y limpia) -->\r\n  <style>\r\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');\r\n\r\n    #katia-pediatra, #katia-pediatra * {\r\n      box-sizing: border-box;\r\n      font-family: 'Outfit', system-ui, -apple-system, sans-serif;\r\n    }\r\n\r\n    #katia-pediatra h1, \r\n    #katia-pediatra h2, \r\n    #katia-pediatra h3, \r\n    #katia-pediatra h4, \r\n    #katia-pediatra .heading-font {\r\n      font-family: 'Quicksand', system-ui, -apple-system, sans-serif;\r\n    }\r\n\r\n    #katia-pediatra {\r\n      \/* Palette Pedi\u00e1trica C\u00e1lida y Profesional *\/\r\n      --primary: #ff7b90;          \/* Rosa Coral C\u00e1lido (Cuidado y ni\u00f1ez) *\/\r\n      --primary-hover: #f3647c;\r\n      --primary-light: #fff0f2;\r\n      --secondary: #4ec0cf;        \/* Turquesa\/Menta Relajante (Salud y confianza) *\/\r\n      --secondary-hover: #3caab8;\r\n      --secondary-light: #e8f7f9;\r\n      --accent: #ffd166;           \/* Amarillo Pastel C\u00e1lido (Alegr\u00eda y vitalidad) *\/\r\n      --accent-hover: #ecc055;\r\n      --wa: #25D366;               \/* WhatsApp Green *\/\r\n      --wa-dark: #128C7E;\r\n      --wa-light: #e6fcf0;\r\n      \r\n      --borde: rgba(78, 192, 207, 0.15);\r\n      --card-bg: rgba(255, 255, 255, 0.76);\r\n      --card-border: rgba(255, 255, 255, 0.7);\r\n      --shadow: 0 16px 40px rgba(78, 192, 207, 0.06);\r\n      --shadow-hover: 0 24px 48px rgba(78, 192, 207, 0.12);\r\n      --text-dark: #1d363b;        \/* Tono pizarra azulado suave para evitar el negro puro *\/\r\n      --text-muted: #53757c;\r\n      --max: 1200px;\r\n\r\n      display: block;\r\n      position: relative;\r\n      color: var(--text-dark);\r\n      background: transparent;\r\n      overflow: visible;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Fondo animado pedi\u00e1trico (Aurora Boreal e Interacci\u00f3n Aceite\/Agua) *\/\r\n    #katia-pediatra .pediatric-bg-wrapper {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n      z-index: -1;\r\n      overflow: hidden;\r\n      background: linear-gradient(135deg, #fff2f4 0%, #f0fafc 50%, #fcf7ff 100%);\r\n    }\r\n\r\n    #katia-pediatra .floating-orbs-container {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      top: 0;\r\n      left: 0;\r\n      filter: url(#goo); \/* Efecto metaball opcional, si no, lo manejamos con CSS puro *\/\r\n    }\r\n\r\n    #katia-pediatra .orb {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      filter: blur(12px);\r\n      opacity: 0.28;\r\n      will-change: transform;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #katia-pediatra .orb-rose {\r\n      color: #ff9ebb;\r\n    }\r\n\r\n    #katia-pediatra .orb-celeste {\r\n      color: #aaeaf0;\r\n    }\r\n\r\n    #katia-pediatra .orb-purple {\r\n      color: #e2c0fc;\r\n    }\r\n\r\n    #katia-pediatra .content-wrap {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    #katia-pediatra .wrap {\r\n      max-width: var(--max);\r\n      margin: 0 auto;\r\n      padding: 60px 24px;\r\n    }\r\n\r\n    #katia-pediatra a {\r\n      color: var(--secondary);\r\n      text-decoration: none;\r\n      transition: color 0.2s ease;\r\n    }\r\n    #katia-pediatra a:hover {\r\n      color: var(--secondary-hover);\r\n    }\r\n\r\n    \/* T\u00edtulos con dise\u00f1o amigable y redondeado *\/\r\n    #katia-pediatra h1 {\r\n      font-size: clamp(2.3rem, 3.4vw + 1rem, 3.8rem);\r\n      line-height: 1.12;\r\n      margin: 0.2rem 0 1rem;\r\n      font-weight: 700;\r\n      color: var(--text-dark);\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    #katia-pediatra h1 span {\r\n      color: var(--primary);\r\n    }\r\n\r\n    #katia-pediatra h2 {\r\n      font-size: clamp(1.8rem, 2.3vw + 0.8rem, 2.6rem);\r\n      line-height: 1.2;\r\n      margin: 0 0 1rem;\r\n      font-weight: 700;\r\n      color: var(--secondary);\r\n      letter-spacing: -0.01em;\r\n      text-align: center;\r\n    }\r\n\r\n    #katia-pediatra h3 {\r\n      font-size: 1.45rem;\r\n      margin: 0.5rem 0;\r\n      color: var(--secondary);\r\n      font-weight: 700;\r\n    }\r\n\r\n    #katia-pediatra p {\r\n      margin: 0 0 1rem;\r\n      color: var(--text-muted);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* ===== REVEALS SUAVES (Scroll) ===== *\/\r\n    #katia-pediatra .reveal {\r\n      opacity: 0;\r\n      transform: translateY(25px);\r\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #katia-pediatra .reveal-left {\r\n      opacity: 0;\r\n      transform: translateX(-30px);\r\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #katia-pediatra .reveal-right {\r\n      opacity: 0;\r\n      transform: translateX(30px);\r\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #katia-pediatra .reveal-scale {\r\n      opacity: 0;\r\n      transform: scale(0.96);\r\n      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    #katia-pediatra .reveal.visible,\r\n    #katia-pediatra .reveal-left.visible,\r\n    #katia-pediatra .reveal-right.visible,\r\n    #katia-pediatra .reveal-scale.visible {\r\n      opacity: 1;\r\n      transform: translate(0) scale(1);\r\n    }\r\n\r\n    \/* L\u00ednea decorativa curva para h2 *\/\r\n    #katia-pediatra section h2 {\r\n      position: relative;\r\n      margin-bottom: 2rem;\r\n    }\r\n    #katia-pediatra section h2::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -12px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 40px;\r\n      height: 5px;\r\n      background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n      border-radius: 50px;\r\n      transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #katia-pediatra section h2.visible::after {\r\n      width: 80px;\r\n    }\r\n\r\n    \/* BOTONES C\u00c1LIDOS (Efecto bounce suave al hover) *\/\r\n    #katia-pediatra .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0.6rem;\r\n      padding: 0.95rem 1.7rem;\r\n      border-radius: 20px;\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      border: 1px solid var(--primary);\r\n      background: var(--primary);\r\n      color: #ffffff;\r\n      box-shadow: 0 8px 20px rgba(255, 123, 144, 0.2);\r\n      cursor: pointer;\r\n      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15);\r\n    }\r\n    #katia-pediatra .btn:hover {\r\n      transform: translateY(-3px) scale(1.02);\r\n      background: var(--primary-hover);\r\n      border-color: var(--primary-hover);\r\n      box-shadow: 0 12px 28px rgba(255, 123, 144, 0.32);\r\n      color: #ffffff;\r\n    }\r\n    #katia-pediatra .btn:active {\r\n      transform: translateY(0) scale(1);\r\n    }\r\n\r\n    #katia-pediatra .btn-secondary {\r\n      background: var(--secondary);\r\n      border-color: var(--secondary);\r\n      box-shadow: 0 8px 20px rgba(78, 192, 207, 0.2);\r\n      color: #ffffff;\r\n    }\r\n    #katia-pediatra .btn-secondary:hover {\r\n      background: var(--secondary-hover);\r\n      border-color: var(--secondary-hover);\r\n      box-shadow: 0 12px 28px rgba(78, 192, 207, 0.32);\r\n      color: var(--primary);\r\n    }\r\n\r\n    #katia-pediatra .ghost {\r\n      background: rgba(255, 255, 255, 0.6);\r\n      backdrop-filter: blur(8px);\r\n      -webkit-backdrop-filter: blur(8px);\r\n      color: var(--secondary);\r\n      border: 1px solid rgba(78, 192, 207, 0.25);\r\n      box-shadow: none;\r\n    }\r\n    #katia-pediatra .ghost:hover {\r\n      background: var(--secondary-light);\r\n      border-color: var(--secondary);\r\n      color: var(--secondary-hover);\r\n      box-shadow: 0 8px 20px rgba(78, 192, 207, 0.1);\r\n    }\r\n\r\n    #katia-pediatra .wbtn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0.6rem;\r\n      background: var(--wa);\r\n      border: 1px solid var(--wa-dark);\r\n      color: #ffffff;\r\n      padding: 0.95rem 1.7rem;\r\n      border-radius: 20px;\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      box-shadow: 0 8px 20px rgba(37, 211, 102, 0.2);\r\n      cursor: pointer;\r\n      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15);\r\n    }\r\n    #katia-pediatra .wbtn:hover {\r\n      transform: translateY(-3px) scale(1.02);\r\n      background: #20ba5a;\r\n      box-shadow: 0 12px 28px rgba(37, 211, 102, 0.3);\r\n    }\r\n    #katia-pediatra .wbtn:active {\r\n      transform: translateY(0) scale(1);\r\n    }\r\n\r\n    #katia-pediatra .chip {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n      padding: 0.5rem 0.95rem;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(78, 192, 207, 0.18);\r\n      background: rgba(255, 255, 255, 0.8);\r\n      backdrop-filter: blur(8px);\r\n      -webkit-backdrop-filter: blur(8px);\r\n      color: var(--text-dark);\r\n      font-weight: 600;\r\n      font-size: 0.86rem;\r\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);\r\n      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #katia-pediatra .chip:hover {\r\n      background: var(--secondary);\r\n      color: #ffffff;\r\n      border-color: var(--secondary);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 14px rgba(78, 192, 207, 0.2);\r\n    }\r\n\r\n    #katia-pediatra .chip-primary {\r\n      border-color: rgba(255, 123, 144, 0.2);\r\n    }\r\n    #katia-pediatra .chip-primary:hover {\r\n      background: var(--primary);\r\n      border-color: var(--primary);\r\n    }\r\n\r\n    \/* GLASS CARD PEDI\u00c1TRICA *\/\r\n    #katia-pediatra .glass-card {\r\n      background: var(--card-bg);\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n      border: 1px solid var(--card-border);\r\n      box-shadow: var(--shadow);\r\n      border-radius: 28px;\r\n      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #katia-pediatra .glass-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--shadow-hover);\r\n      border-color: rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    \/* CINTILLO \/ HEADER STICKY *\/\r\n    .kp-ribbon-wrap {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 60;\r\n      background: transparent;\r\n      padding: 12px 24px 4px;\r\n    }\r\n    .kp-ribbon {\r\n      max-width: var(--max);\r\n      margin: 0 auto;\r\n    }\r\n    .kp-ribbon-inner {\r\n      display: grid;\r\n      grid-template-columns: auto 1fr auto;\r\n      align-items: center;\r\n      gap: 20px;\r\n      padding: 6px 24px;\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.85);\r\n      border: 1px solid rgba(78, 192, 207, 0.15);\r\n      box-shadow: 0 12px 30px rgba(78, 192, 207, 0.08);\r\n      backdrop-filter: blur(20px);\r\n      -webkit-backdrop-filter: blur(20px);\r\n    }\r\n\r\n    \/* Ocultar elementos sobrantes del WordPress theme que puedan interferir *\/\r\n    #masthead, \r\n    .site-header, \r\n    .ast-mobile-header-wrap, \r\n    #colophon, \r\n    .site-footer,\r\n    .ast-footer-builder-1 {\r\n      display: none !important;\r\n    }\r\n\r\n    .kp-logo-link {\r\n      display: flex;\r\n      align-items: center;\r\n      text-decoration: none;\r\n      flex-shrink: 0 !important;\r\n    }\r\n    .kp-logo-img {\r\n      height: 60px !important;\r\n      width: auto !important;\r\n      max-height: 60px !important;\r\n      object-fit: contain !important;\r\n      display: block !important;\r\n      transition: transform 0.2s ease;\r\n      flex-shrink: 0 !important;\r\n    }\r\n    .kp-logo-link:hover .kp-logo-img {\r\n      transform: scale(1.03);\r\n    }\r\n    .kp-nav-menu {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      justify-self: center;\r\n      gap: 8px;\r\n    }\r\n    .kp-nav-menu a:not(.kp-social-btn) {\r\n      font-family: 'Quicksand', sans-serif;\r\n      font-weight: 700;\r\n      font-size: 0.92rem;\r\n      color: var(--text-muted) !important;\r\n      padding: 6px 12px;\r\n      border-radius: 12px;\r\n      transition: all 0.25s ease;\r\n      white-space: nowrap;\r\n    }\r\n    .kp-nav-menu a:not(.kp-social-btn):hover {\r\n      color: var(--secondary-hover) !important;\r\n      background: var(--secondary-light);\r\n    }\r\n    .kp-menu-toggle {\r\n      display: none;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      width: 24px;\r\n      height: 18px;\r\n      background: transparent;\r\n      border: none;\r\n      cursor: pointer;\r\n      padding: 0;\r\n    }\r\n    .kp-menu-toggle .kp-bar {\r\n      width: 100%;\r\n      height: 3px;\r\n      background-color: var(--secondary);\r\n      border-radius: 10px;\r\n      transition: all 0.3s ease;\r\n    }\r\n    .kp-menu-toggle.active .kp-bar:nth-child(1) {\r\n      transform: translateY(7.5px) rotate(45deg);\r\n    }\r\n    .kp-menu-toggle.active .kp-bar:nth-child(2) {\r\n      opacity: 0;\r\n    }\r\n    .kp-menu-toggle.active .kp-bar:nth-child(3) {\r\n      transform: translateY(-7.5px) rotate(-45deg);\r\n    }\r\n    .kp-social-btn.wa {\r\n      background: var(--wa) !important;\r\n      color: #ffffff !important;\r\n      border-color: transparent !important;\r\n      box-shadow: 0 4px 10px rgba(37, 211, 102, 0.2);\r\n    }\r\n    .kp-social-btn.wa:hover {\r\n      background: #20ba5a !important;\r\n      box-shadow: 0 6px 15px rgba(37, 211, 102, 0.35);\r\n    }\r\n\r\n    @media (min-width: 1121px) and (max-width: 1280px) {\r\n      .kp-logo-img {\r\n        height: 50px !important;\r\n      }\r\n      .kp-nav-menu {\r\n        gap: 4px;\r\n      }\r\n      .kp-nav-menu a:not(.kp-social-btn) {\r\n        font-size: 0.88rem;\r\n        padding: 5px 8px;\r\n      }\r\n      .kp-social-btn {\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1120px) {\r\n      .kp-ribbon-wrap { padding: 8px 12px; }\r\n      .kp-ribbon-inner {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        border-radius: 24px;\r\n        padding: 12px 20px;\r\n        gap: 0;\r\n      }\r\n      .kp-logo-link {\r\n        order: 1;\r\n      }\r\n      .kp-logo-img { height: 48px !important; }\r\n      .kp-menu-toggle {\r\n        display: flex;\r\n        order: 3;\r\n        margin-left: auto;\r\n      }\r\n\r\n      .kp-nav-menu {\r\n        display: none;\r\n        flex-direction: column;\r\n        width: 100%;\r\n        gap: 4px;\r\n        padding-top: 12px;\r\n        border-top: 1px solid var(--borde);\r\n        margin-top: 10px;\r\n        align-items: stretch;\r\n        order: 4;\r\n      }\r\n      .kp-nav-menu.active { display: flex; }\r\n      .kp-nav-menu a:not(.kp-social-btn) {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 10px;\r\n      }\r\n      .kp-social-header {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin: 15px auto 5px;\r\n        width: 100%;\r\n        gap: 12px;\r\n      }\r\n    }\r\n\r\n    \/* HERO SECTION *\/\r\n    #hero-sec .wrap {\r\n      padding: 30px 24px 60px;\r\n    }\r\n    .nav-shell {\r\n      margin-bottom: 30px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n    }\r\n    .nav-toggle {\r\n      display: none;\r\n      padding: 0.55rem 1.3rem;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(78, 192, 207, 0.18);\r\n      background: #ffffff;\r\n      font-weight: 700;\r\n      font-size: 0.9rem;\r\n      color: var(--secondary);\r\n      cursor: pointer;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\r\n    }\r\n    .nav-anchors {\r\n      display: flex;\r\n      gap: 8px;\r\n      flex-wrap: wrap;\r\n    }\r\n    @media (max-width: 768px) {\r\n      .nav-shell {\r\n        position: relative;\r\n      }\r\n      .nav-toggle {\r\n        display: inline-flex;\r\n      }\r\n      .nav-anchors {\r\n        display: none;\r\n        position: absolute;\r\n        top: 110%;\r\n        left: 0;\r\n        right: 0;\r\n        background: #ffffff;\r\n        padding: 12px;\r\n        border-radius: 20px;\r\n        border: 1px solid rgba(78, 192, 207, 0.15);\r\n        box-shadow: 0 16px 40px rgba(78, 192, 207, 0.12);\r\n        z-index: 30;\r\n        gap: 8px;\r\n      }\r\n      .nav-shell.open .nav-anchors {\r\n        display: flex;\r\n      }\r\n    }\r\n\r\n    #hero-sec .grid {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr 0.85fr;\r\n      gap: 50px;\r\n      align-items: center;\r\n    }\r\n    .sub {\r\n      font-size: 1.15rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 24px;\r\n      line-height: 1.6;\r\n    }\r\n    .hero-features {\r\n      margin: 24px 0 28px;\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n    .hero-feat-item {\r\n      display: flex;\r\n      gap: 0.8rem;\r\n      align-items: center;\r\n      font-size: 1.05rem;\r\n      font-weight: 500;\r\n    }\r\n    .hero-icon-bullet {\r\n      width: 24px;\r\n      height: 24px;\r\n      border-radius: 50%;\r\n      background: var(--primary-light);\r\n      color: var(--primary);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      border: 1px solid rgba(255, 123, 144, 0.15);\r\n      font-size: 0.85rem;\r\n    }\r\n    .media-card {\r\n      position: relative;\r\n      padding: 16px;\r\n      max-width: 480px;\r\n      margin-left: auto;\r\n    }\r\n    .photo-wrap {\r\n      position: relative;\r\n      border-radius: 22px;\r\n      overflow: hidden;\r\n      box-shadow: 0 12px 28px rgba(78, 192, 207, 0.1);\r\n      background: #ffffff;\r\n      border: 1px solid rgba(255, 255, 255, 0.8);\r\n      aspect-ratio: 1;\r\n    }\r\n    .photo-wrap img {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      display: block !important;\r\n      object-fit: cover !important;\r\n    }\r\n    .media-card .badge-overlay {\r\n      position: absolute;\r\n      bottom: 25px;\r\n      left: -15px;\r\n      background: rgba(255, 255, 255, 0.9);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      border: 1px solid var(--borde);\r\n      border-radius: 16px;\r\n      padding: 10px 16px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n    }\r\n    .media-card .badge-overlay-icon {\r\n      font-size: 1.8rem;\r\n    }\r\n    .media-card .badge-overlay-text {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .media-card .badge-title {\r\n      font-weight: 700;\r\n      font-size: 0.88rem;\r\n      color: var(--text-dark);\r\n      font-family: 'Quicksand', sans-serif;\r\n    }\r\n    .media-card .badge-sub {\r\n      font-size: 0.75rem;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      #hero-sec .grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n      }\r\n      .media-card {\r\n        margin: 20px auto 0;\r\n      }\r\n    }\r\n\r\n    \/* BENEFICIOS \/ CARDS *\/\r\n    #katia-pediatra .section-desc {\r\n      text-align: center !important;\r\n      max-width: 650px;\r\n      margin: -10px auto 40px;\r\n      font-size: 1.1rem;\r\n    }\r\n    .benefits-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n      gap: 24px;\r\n    }\r\n    .benefit-card {\r\n      padding: 30px;\r\n      text-align: left;\r\n    }\r\n    .benefit-icon-box {\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 16px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.6rem;\r\n      margin-bottom: 20px;\r\n      background: var(--secondary-light);\r\n      color: var(--secondary);\r\n      border: 1px solid rgba(78, 192, 207, 0.15);\r\n    }\r\n    .benefit-card:nth-child(even) .benefit-icon-box {\r\n      background: var(--primary-light);\r\n      color: var(--primary);\r\n      border-color: rgba(255, 123, 144, 0.15);\r\n    }\r\n    .benefit-card h3 {\r\n      font-family: 'Quicksand', sans-serif;\r\n      margin-bottom: 12px;\r\n      font-size: 1.25rem;\r\n      color: var(--text-dark);\r\n    }\r\n    .benefit-card p {\r\n      font-size: 0.95rem;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* SERVICIOS *\/\r\n    .services-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 32px;\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n    }\r\n    .service-card {\r\n      padding: 36px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n    }\r\n    .service-badge {\r\n      align-self: flex-start;\r\n      margin-bottom: 16px;\r\n      font-size: 0.82rem;\r\n      font-weight: 700;\r\n    }\r\n    .service-card h3 {\r\n      font-size: 1.6rem;\r\n      font-family: 'Quicksand', sans-serif;\r\n      margin-bottom: 14px;\r\n      color: var(--text-dark);\r\n    }\r\n    .service-price {\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      color: var(--primary);\r\n      margin-bottom: 20px;\r\n    }\r\n    .service-price span {\r\n      font-size: 0.9rem;\r\n      color: var(--text-muted);\r\n      font-weight: 400;\r\n    }\r\n    .service-features {\r\n      margin: 0 0 30px;\r\n      padding: 0;\r\n      list-style: none;\r\n      display: grid;\r\n      gap: 12px;\r\n      flex: 1;\r\n    }\r\n    .service-features li {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: flex-start;\r\n      font-size: 0.95rem;\r\n      color: var(--text-muted);\r\n    }\r\n    .service-features li::before {\r\n      content: '\ud83c\udf38';\r\n      font-size: 0.85rem;\r\n      margin-top: 2px;\r\n    }\r\n    .service-card .btn {\r\n      width: 100%;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .services-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n      }\r\n    }\r\n\r\n    \/* MARQUEE ASEGURADORAS *\/\r\n    .marquee-sec {\r\n      overflow: hidden;\r\n      padding: 40px 0;\r\n      background: rgba(255, 255, 255, 0.4);\r\n      border-top: 1px solid var(--borde);\r\n      border-bottom: 1px solid var(--borde);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n    }\r\n    .marquee-info-wrap {\r\n      max-width: 800px;\r\n      margin: 0 auto 24px;\r\n      padding: 0 20px;\r\n      text-align: center;\r\n    }\r\n    .marquee-title {\r\n      font-family: 'Quicksand', sans-serif;\r\n      font-size: 1.5rem;\r\n      font-weight: 700;\r\n      color: var(--secondary);\r\n      margin-bottom: 12px;\r\n      letter-spacing: -0.01em;\r\n      text-align: center;\r\n    }\r\n    .marquee-desc {\r\n      font-family: 'Quicksand', sans-serif;\r\n      font-size: 0.96rem;\r\n      line-height: 1.6;\r\n      color: var(--text-dark);\r\n      margin-bottom: 14px;\r\n      text-align: center;\r\n    }\r\n    .marquee-link-row {\r\n      display: block;\r\n      margin-bottom: 10px;\r\n      text-align: center;\r\n    }\r\n    .reembolso-blue-link {\r\n      display: inline-block;\r\n      font-family: 'Quicksand', sans-serif;\r\n      color: #1a73e8; \/* Blue link *\/\r\n      font-weight: 700;\r\n      font-size: 0.95rem;\r\n      text-decoration: underline;\r\n      transition: color 0.2s ease, transform 0.2s ease;\r\n    }\r\n    .reembolso-blue-link:hover {\r\n      color: #0b57d0;\r\n      transform: translateY(-1px);\r\n    }\r\n    .marquee-container {\r\n      display: flex;\r\n      width: 100%;\r\n      max-width: var(--max);\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      mask-image: linear-gradient(to right, transparent, white 15%, white 85%, transparent);\r\n      -webkit-mask-image: linear-gradient(to right, transparent, white 15%, white 85%, transparent);\r\n      padding: 0 24px;\r\n    }\r\n    .marquee-track {\r\n      display: flex;\r\n      flex-shrink: 0;\r\n      align-items: center;\r\n      gap: 30px;\r\n      padding-right: 30px; \/* Space between duplicate tracks *\/\r\n      animation: marquee-scroll 30s linear infinite;\r\n    }\r\n    .marquee-item {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-family: 'Quicksand', sans-serif;\r\n      font-size: 1.15rem;\r\n      font-weight: 700;\r\n      color: var(--text-muted);\r\n      opacity: 0.8;\r\n      transition: all 0.25s ease;\r\n      white-space: nowrap;\r\n      background: white;\r\n      padding: 10px 20px;\r\n      border-radius: 16px;\r\n      border: 1px solid rgba(78, 192, 207, 0.12);\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.01);\r\n    }\r\n    .marquee-item:hover {\r\n      opacity: 1;\r\n      color: var(--secondary);\r\n      border-color: var(--secondary);\r\n      transform: scale(1.04);\r\n    }\r\n    @keyframes marquee-scroll {\r\n      0% { transform: translateX(0); }\r\n      100% { transform: translateX(-100%); }\r\n    }\r\n\r\n    \/* ACORDE\u00d3N FAQ *\/\r\n    .faq-wrapper {\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n    }\r\n    .acc-item {\r\n      margin-bottom: 16px;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--borde);\r\n      background: rgba(255, 255, 255, 0.65);\r\n      transition: all 0.3s ease;\r\n    }\r\n    .acc-item.open {\r\n      border-color: var(--secondary);\r\n      background: #ffffff;\r\n      box-shadow: var(--shadow-hover);\r\n    }\r\n    .acc-q {\r\n      padding: 20px 24px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      font-weight: 700;\r\n      font-size: 1.05rem;\r\n      color: var(--text-dark);\r\n      user-select: none;\r\n      transition: color 0.2s;\r\n    }\r\n    .acc-q:hover {\r\n      color: var(--secondary);\r\n    }\r\n    .acc-icon {\r\n      font-size: 1.2rem;\r\n      color: var(--secondary);\r\n      transition: transform 0.3s;\r\n    }\r\n    .acc-item.open .acc-icon {\r\n      transform: rotate(180deg);\r\n      color: var(--primary);\r\n    }\r\n    .acc-a {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), padding 0.35s ease;\r\n      padding: 0 24px;\r\n      color: var(--text-muted);\r\n      font-size: 0.95rem;\r\n      line-height: 1.6;\r\n    }\r\n    .acc-item.open .acc-a {\r\n      max-height: 250px;\r\n      padding-bottom: 20px;\r\n    }\r\n\r\n    \/* SECCI\u00d3N CONTACTO \/ AGENDA *\/\r\n    .contact-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.2fr;\r\n      gap: 40px;\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n    }\r\n    .contact-info-card {\r\n      padding: 40px;\r\n    }\r\n    .contact-info-card h3 {\r\n      font-family: 'Quicksand', sans-serif;\r\n      font-size: 1.5rem;\r\n      margin-bottom: 24px;\r\n      color: var(--text-dark);\r\n    }\r\n    .contact-list {\r\n      display: grid;\r\n      gap: 20px;\r\n    }\r\n    .contact-list-item {\r\n      display: flex;\r\n      gap: 16px;\r\n      align-items: flex-start;\r\n    }\r\n    .contact-item-icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 12px;\r\n      background: var(--secondary-light);\r\n      color: var(--secondary);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.2rem;\r\n      flex-shrink: 0;\r\n    }\r\n    .contact-list-item:nth-child(2) .contact-item-icon {\r\n      background: var(--wa-light);\r\n      color: var(--wa-dark);\r\n    }\r\n    .contact-item-details h4 {\r\n      margin: 0 0 4px;\r\n      font-size: 0.9rem;\r\n      color: var(--text-muted);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n    }\r\n    .contact-item-details p, .contact-item-details a {\r\n      margin: 0;\r\n      font-size: 1.05rem;\r\n      font-weight: 600;\r\n      color: var(--text-dark);\r\n    }\r\n    .contact-item-details a:hover {\r\n      color: var(--secondary);\r\n    }\r\n\r\n    \/* FORMULARIO PREMIUM *\/\r\n    .contact-form-card {\r\n      padding: 40px;\r\n    }\r\n    .form-group {\r\n      margin-bottom: 20px;\r\n      text-align: left;\r\n    }\r\n    .form-group label {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      font-weight: 600;\r\n      font-size: 0.9rem;\r\n      color: var(--text-dark);\r\n    }\r\n    .form-control {\r\n      width: 100%;\r\n      padding: 12px 16px;\r\n      border-radius: 14px;\r\n      border: 1px solid rgba(78, 192, 207, 0.25);\r\n      background: rgba(255, 255, 255, 0.8);\r\n      color: var(--text-dark);\r\n      font-size: 0.95rem;\r\n      outline: none;\r\n      transition: all 0.2s;\r\n    }\r\n    .form-control:focus {\r\n      border-color: var(--secondary);\r\n      background: #ffffff;\r\n      box-shadow: 0 0 0 3px rgba(78, 192, 207, 0.1);\r\n    }\r\n    textarea.form-control {\r\n      resize: vertical;\r\n      min-height: 110px;\r\n    }\r\n    .form-checkbox {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 8px;\r\n      font-size: 0.85rem;\r\n      color: var(--text-muted);\r\n      cursor: pointer;\r\n    }\r\n    .form-checkbox input {\r\n      margin-top: 3px;\r\n    }\r\n    .form-actions {\r\n      margin-top: 24px;\r\n    }\r\n    .form-actions .btn {\r\n      width: 100%;\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n      .contact-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n      }\r\n      .contact-info-card, .contact-form-card {\r\n        padding: 30px;\r\n      }\r\n    }\r\n\r\n    \/* FOOTER *\/\r\n    .footer-sec {\r\n      background: rgba(29, 54, 59, 0.04);\r\n      border-top: 1px solid var(--borde);\r\n      padding: 40px 24px;\r\n      text-align: center;\r\n    }\r\n    .footer-container {\r\n      max-width: var(--max);\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 20px;\r\n    }\r\n    .footer-disclaimer {\r\n      font-size: 0.82rem;\r\n      color: var(--text-muted);\r\n      max-width: 700px;\r\n      line-height: 1.5;\r\n    }\r\n    .footer-links {\r\n      display: flex;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      font-size: 0.9rem;\r\n    }\r\n    .footer-links a {\r\n      color: var(--text-muted);\r\n    }\r\n    .footer-links a:hover {\r\n      color: var(--secondary);\r\n    }\r\n    .footer-copyright {\r\n      font-size: 0.85rem;\r\n      color: var(--text-muted);\r\n      margin-top: 10px;\r\n    }\r\n\r\n    \/* Estilos para Botones de Redes Sociales (Header y Footer) *\/\r\n    .kp-social-header {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-left: 15px;\r\n    }\r\n    .kp-social-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      border-radius: 50%;\r\n      background: rgba(78, 192, 207, 0.08);\r\n      color: var(--text-muted) !important;\r\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n      border: 1px solid rgba(78, 192, 207, 0.15);\r\n      text-decoration: none;\r\n    }\r\n    .kp-social-btn svg {\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .kp-social-btn:hover {\r\n      transform: translateY(-3px) scale(1.05);\r\n      color: #ffffff !important;\r\n      border-color: transparent;\r\n      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);\r\n    }\r\n    .kp-social-btn:hover svg {\r\n      transform: rotate(8deg);\r\n    }\r\n    .kp-social-btn.fb:hover {\r\n      background: #1877F2 !important;\r\n    }\r\n    .kp-social-btn.ig:hover {\r\n      background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;\r\n    }\r\n    .kp-social-btn.tt:hover {\r\n      background: #000000 !important;\r\n    }\r\n    .footer-social {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 16px;\r\n      margin: 15px 0 20px;\r\n    }\r\n\r\n    \/* LIGHTBOX FOTOS *\/\r\n    #lb {\r\n      display: none;\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(29, 54, 59, 0.7);\r\n      backdrop-filter: blur(8px);\r\n      -webkit-backdrop-filter: blur(8px);\r\n      z-index: 20000;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 24px;\r\n    }\r\n    .lb-content {\r\n      position: relative;\r\n      max-width: 800px;\r\n      width: 100%;\r\n      background: white;\r\n      padding: 12px;\r\n      border-radius: 24px;\r\n      box-shadow: 0 24px 60px rgba(0,0,0,0.25);\r\n      animation: zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .lb-content img {\r\n      width: 100%;\r\n      height: auto;\r\n      border-radius: 16px;\r\n      display: block;\r\n    }\r\n    #lb-close {\r\n      position: absolute;\r\n      top: -16px;\r\n      right: -16px;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      background: white;\r\n      color: var(--text-dark);\r\n      border: 1px solid var(--borde);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n      transition: all 0.2s;\r\n    }\r\n    #lb-close:hover {\r\n      background: var(--primary);\r\n      color: white;\r\n      transform: scale(1.1);\r\n    }\r\n    #lb-cap {\r\n      margin-top: 10px;\r\n      font-weight: 700;\r\n      text-align: center;\r\n      font-family: 'Quicksand', sans-serif;\r\n      color: var(--text-dark);\r\n    }\r\n    @keyframes zoomIn {\r\n      from { opacity: 0; transform: scale(0.95); }\r\n      to { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    \/* CANALES DE RESERVA *\/\r\n    .booking-channels-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n      gap: 24px;\r\n      margin-top: 35px;\r\n      max-width: var(--max);\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n    .channel-card {\r\n      padding: 30px 24px;\r\n      text-align: center;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      min-height: 260px;\r\n    }\r\n    .channel-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.5rem;\r\n      margin-bottom: 16px;\r\n    }\r\n    .channel-card h3 {\r\n      font-family: 'Quicksand', sans-serif;\r\n      font-size: 1.2rem;\r\n      margin-bottom: 10px;\r\n      color: var(--text-dark);\r\n      font-weight: 700;\r\n    }\r\n    .channel-card p {\r\n      font-size: 0.9rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 18px;\r\n      flex: 1;\r\n      line-height: 1.5;\r\n    }\r\n    #katia-pediatra a.marquee-item {\r\n      text-decoration: none;\r\n    }\r\n\r\n    \/* Ocultar bot\u00f3n flotante de WhatsApp externo inyectado por WordPress *\/\r\n    #btn-whatsapp {\r\n      display: none !important;\r\n    }\r\n  \r\n    \/* BLOG CSS *\/\r\n    .blog-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\r\n      gap: 24px;\r\n      margin-top: 40px;\r\n    }\r\n    .blog-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      overflow: hidden;\r\n      padding: 0;\r\n      height: 100%;\r\n    }\r\n    .blog-img-wrap {\r\n      width: 100%;\r\n      height: 220px;\r\n      overflow: hidden;\r\n      border-bottom: 1px solid var(--borde);\r\n    }\r\n    .blog-img-wrap img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.4s ease;\r\n    }\r\n    .blog-card:hover .blog-img-wrap img {\r\n      transform: scale(1.05);\r\n    }\r\n    .blog-content {\r\n      padding: 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n    }\r\n    .blog-meta {\r\n      font-size: 0.85rem;\r\n      color: var(--primary);\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      margin-bottom: 10px;\r\n    }\r\n    .blog-title {\r\n      font-size: 1.4rem;\r\n      font-weight: 700;\r\n      color: var(--text-dark);\r\n      margin-bottom: 12px;\r\n      line-height: 1.3;\r\n      font-family: 'Quicksand', sans-serif;\r\n    }\r\n    .blog-excerpt {\r\n      font-size: 0.95rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 24px;\r\n      line-height: 1.6;\r\n      flex: 1;\r\n    }\r\n    .blog-btn {\r\n      align-self: flex-start;\r\n      font-size: 0.95rem;\r\n      padding: 0.7rem 1.4rem;\r\n    }\r\n<\/style>\r\n\r\n  <!-- Fondo Pedi\u00e1trico Mesh Gradient (Ositos Flotantes e Interacci\u00f3n Aceite\/Agua) -->\r\n  <div class=\"pediatric-bg-wrapper\">\r\n    <div class=\"floating-orbs-container\" id=\"bg-orbs-container\">\r\n      <div class=\"orb orb-rose\" style=\"width: 25vw; height: 25vw;\">\r\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>\r\n      <\/div>\r\n      <div class=\"orb orb-celeste\" style=\"width: 22vw; height: 22vw;\">\r\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>\r\n      <\/div>\r\n      <div class=\"orb orb-purple\" style=\"width: 20vw; height: 20vw;\">\r\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>\r\n      <\/div>\r\n      <div class=\"orb orb-rose\" style=\"width: 24vw; height: 24vw;\">\r\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>\r\n      <\/div>\r\n      <div class=\"orb orb-celeste\" style=\"width: 23vw; height: 23vw;\">\r\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>\r\n      <\/div>\r\n      <div class=\"orb orb-purple\" style=\"width: 18vw; height: 18vw;\">\r\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>\r\n      <\/div>\r\n      <div class=\"orb orb-rose\" style=\"width: 22vw; height: 22vw;\">\r\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>\r\n      <\/div>\r\n      <div class=\"orb orb-celeste\" style=\"width: 19vw; height: 19vw;\">\r\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>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Contenido Principal -->\r\n  <div class=\"content-wrap\">\r\n    \r\n    <!-- Cintillo Sticky de Contacto R\u00e1pido -->\r\n    <header class=\"kp-ribbon-wrap\">\r\n      <div class=\"kp-ribbon\">\r\n        <div class=\"kp-ribbon-inner\">\r\n          <a href=\"https:\/\/katiatupediatra.es\/es_es\/\" class=\"kp-logo-link\">\r\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\">\r\n          <\/a>\r\n          <button class=\"kp-menu-toggle\" aria-label=\"Abrir men\u00fa\" onclick=\"toggleHeaderMenu()\">\r\n            <span class=\"kp-bar\"><\/span>\r\n            <span class=\"kp-bar\"><\/span>\r\n            <span class=\"kp-bar\"><\/span>\r\n          <\/button>\r\n          <nav class=\"kp-nav-menu\">\r\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/sobre-mi-pediatra-gran-alacant\/\" target=\"_blank\" rel=\"noopener\">Sobre M\u00ed<\/a>\r\n            <a href=\"https:\/\/katiatupediatra.es\/servicios-pediatra-gran-alacant\/\">Servicios y Tarifas<\/a>\r\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/pediatria-en-gran-alacant\/\" target=\"_blank\" rel=\"noopener\">Tips<\/a>\r\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/agendar-cita\/\" target=\"_blank\" rel=\"noopener\">Agendar Cita<\/a>\r\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/aseguradoras\/\" target=\"_blank\" rel=\"noopener\">Aseguradoras<\/a>\r\n            <div class=\"kp-social-header\">\r\n              <a href=\"https:\/\/www.facebook.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\" class=\"kp-social-btn fb\">\r\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>\r\n              <\/a>\r\n              <a href=\"https:\/\/www.instagram.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\" class=\"kp-social-btn ig\">\r\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>\r\n              <\/a>\r\n              <a href=\"https:\/\/www.tiktok.com\/@katiatupediatra\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\" class=\"kp-social-btn tt\">\r\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>\r\n              <\/a>\r\n              <a href=\"https:\/\/wa.me\/34696758906\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\" class=\"kp-social-btn wa\">\r\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>\r\n              <\/a>\r\n            <\/div>\r\n          <\/nav>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    \r\n    <!-- H\u00e9roe \/ Bienvenida del Blog -->\r\n    <section id=\"hero-sec\" class=\"reveal-scale\">\r\n      <div class=\"wrap\" style=\"padding-bottom: 20px;\">\r\n        <div class=\"glass-card\" style=\"padding: 50px 30px; text-align: center; margin-top: 20px;\">\r\n          <h1 style=\"font-size: clamp(2rem, 3vw + 1rem, 3rem); margin-bottom: 20px; color: var(--text-dark);\">\r\n            Blog Pedi\u00e1trico: <span style=\"color: var(--primary);\">Salud Infantil al D\u00eda<\/span>\r\n          <\/h1>\r\n          \r\n          <p style=\"max-width: 800px; margin: 0 auto 20px; font-size: 1.15rem; color: var(--text-dark); line-height: 1.6;\">\r\n            Bienvenidos a <strong>Pediatr\u00eda al D\u00eda<\/strong>, el blog oficial de la Dra. Katia Herrera, especialista en <strong>pediatr\u00eda en Gran Alacant<\/strong>. Aqu\u00ed encontrar\u00e1s informaci\u00f3n \u00fatil y actualizada sobre <em>salud infantil<\/em>, nutrici\u00f3n, desarrollo, vacunas, enfermedades comunes y m\u00e1s.\r\n          <\/p>\r\n          <p style=\"max-width: 800px; margin: 0 auto 30px; font-size: 1.1rem; color: var(--text-muted); line-height: 1.6;\">\r\n            Cada semana compartimos <strong>consejos pr\u00e1cticos<\/strong> y <strong>novedades m\u00e9dicas<\/strong> para que las familias de <strong>Gran Alacant<\/strong>, <strong>Santa Pola<\/strong> y alrededores tengan acceso a contenido confiable y profesional.\r\n          <\/p>\r\n\r\n          <div style=\"display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:20px;\">\r\n            <a href=\"https:\/\/katiatupediatra.es\/es_es\/sobre-mi-pediatra-gran-alacant\/\" class=\"btn btn-secondary ghost\" target=\"_blank\">\ud83d\udc49 Conoce a la Dra. Katia<\/a>\r\n            <a href=\"https:\/\/katiatupediatra.es\/servicios-pediatra-gran-alacant\/\" class=\"btn btn-secondary ghost\">\ud83d\udc49 Ver servicios m\u00e9dicos<\/a>\r\n            <a href=\"https:\/\/www.aeped.es\/\" target=\"_blank\" rel=\"nofollow noopener\" class=\"btn btn-secondary ghost\">\ud83d\udc49 Gu\u00edas de la AEPED<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Blog Posts Grid -->\r\n    <section id=\"blog-posts\" class=\"reveal\" style=\"padding-bottom: 60px;\">\r\n      <div class=\"wrap\" style=\"padding-top: 0;\">\r\n        <h2 style=\"text-align: center; font-size: 2rem; margin-bottom: 10px;\">\u00daltimos Art\u00edculos<\/h2>\r\n        <p style=\"text-align: center; color: var(--text-muted); margin-bottom: 30px;\">Descubre nuestros consejos m\u00e1s recientes sobre salud y bienestar infantil.<\/p>\r\n        \r\n        <div class=\"blog-grid\" id=\"blog-grid-container\">\r\n          <!-- Estado de carga -->\r\n          <div style=\"grid-column: 1 \/ -1; text-align: center; padding: 60px 20px; color: var(--text-muted); background: var(--card-bg); backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid var(--borde);\">\r\n             <span style=\"font-size: 2.5rem; display: inline-block; margin-bottom: 15px;\">\u23f3<\/span><br>\r\n             Cargando las \u00faltimas entradas de nuestro blog...\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n<!-- Footer -->\r\n    <footer class=\"footer-sec\">\r\n      <div class=\"footer-container\">\r\n        <div class=\"footer-disclaimer\">\r\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.\r\n        <\/div>\r\n        \r\n        <div class=\"footer-links\">\r\n          <a href=\"https:\/\/katiatupediatra.es\/es_es\/politica-de-cookies-ue\/\" target=\"_blank\">Pol\u00edtica de Cookies<\/a>\r\n          <a href=\"#hero-sec\">Inicio<\/a>\r\n          <a href=\"#beneficios\">\u00bfPor qu\u00e9 a domicilio?<\/a>\r\n          <a href=\"https:\/\/katiatupediatra.es\/servicios-pediatra-gran-alacant\/\">Servicios<\/a>\r\n          <a href=\"#como-funciona\">\u00bfC\u00f3mo agendar?<\/a>\r\n          <a href=\"#faqs\">Preguntas Frecuentes<\/a>\r\n          <a href=\"#contacto\">Contacto<\/a>\r\n        <\/div>\r\n\r\n        <!-- Redes Sociales del Footer -->\r\n        <div class=\"footer-social\">\r\n          <a href=\"https:\/\/www.facebook.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\" class=\"kp-social-btn fb\">\r\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>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/katiatupediatra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\" class=\"kp-social-btn ig\">\r\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>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.tiktok.com\/@katiatupediatra\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\" class=\"kp-social-btn tt\">\r\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>\r\n          <\/a>\r\n          <a href=\"https:\/\/wa.me\/34696758906\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\" class=\"kp-social-btn wa\">\r\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>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"footer-copyright\">\r\n          \u00a9 <span id=\"year-span\">2026<\/span> Dra. Katia Herrera. Todos los derechos reservados.<br>\r\n          <span style=\"font-size:0.78rem; opacity:0.7;\">Redise\u00f1o premium con fines profesionales y amigables.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/footer>\r\n\r\n  <\/div>\r\n\r\n  <!-- Lightbox estructural -->\r\n  <div id=\"lb\">\r\n    <div class=\"lb-content\">\r\n      <button id=\"lb-close\">\u2715<\/button>\r\n      <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\r\n      <div id=\"lb-cap\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Tidio Live Chat Widget -->\r\n  <script src=\"\/\/code.tidio.co\/2wfqfdn7afgaelyxuupss2qcq7atopkk.js\" async><\/script>\r\n\r\n  <!-- L\u00f3gica y Scripts (Burbujas reemplazadas por orbes pedi\u00e1tricos float y carrusel) -->\r\n  <script>\r\n    (function() {\r\n      \/\/ --- Interacci\u00f3n Aceite y Agua para el Fondo (Ositos Flotantes) ---\r\n      (function initBackgroundInteraction() {\r\n        const container = document.getElementById('bg-orbs-container');\r\n        if (!container) return;\r\n        const orbs = container.querySelectorAll('.orb');\r\n        if (!orbs.length) return;\r\n\r\n        const orbData = [];\r\n        const baseCoords = [\r\n          { x: 10, y: 12, widthPct: 25, scale: 1 },\r\n          { x: 88, y: 18, widthPct: 22, scale: 1.1 },\r\n          { x: 22, y: 40, widthPct: 20, scale: 0.9 },\r\n          { x: 82, y: 55, widthPct: 24, scale: 1.05 },\r\n          { x: 15, y: 72, widthPct: 23, scale: 0.95 },\r\n          { x: 90, y: 88, widthPct: 18, scale: 0.85 },\r\n          { x: 45, y: 92, widthPct: 22, scale: 1.0 },\r\n          { x: 50, y: 30, widthPct: 19, scale: 0.95 }\r\n        ];\r\n\r\n        orbs.forEach((orb, i) => {\r\n          const coords = baseCoords[i] || { x: Math.random() * 80, y: Math.random() * 80, widthPct: 20, scale: 1 };\r\n          orbData.push({\r\n            el: orb,\r\n            baseX: coords.x,\r\n            baseY: coords.y,\r\n            widthPct: coords.widthPct,\r\n            scale: coords.scale,\r\n            x: 0,\r\n            y: 0,\r\n            targetX: 0,\r\n            targetY: 0,\r\n            vx: 0,\r\n            vy: 0,\r\n            radius: 0,\r\n            phase: Math.random() * Math.PI * 2,\r\n            speed: 0.0005 + Math.random() * 0.0005\r\n          });\r\n        });\r\n\r\n        const mouse = { x: -10000, y: -10000, active: false };\r\n\r\n        window.addEventListener('mousemove', (e) => {\r\n          mouse.x = e.clientX;\r\n          mouse.y = e.clientY;\r\n          mouse.active = true;\r\n        });\r\n\r\n        window.addEventListener('mouseleave', () => {\r\n          mouse.active = false;\r\n        });\r\n\r\n        window.addEventListener('touchmove', (e) => {\r\n          if (e.touches.length > 0) {\r\n            mouse.x = e.touches[0].clientX;\r\n            mouse.y = e.touches[0].clientY;\r\n            mouse.active = true;\r\n          }\r\n        }, { passive: true });\r\n\r\n        window.addEventListener('touchend', () => {\r\n          mouse.active = false;\r\n        });\r\n\r\n        function resize() {\r\n          const w = container.clientWidth;\r\n          const h = container.clientHeight;\r\n          orbData.forEach(orb => {\r\n            const pxX = (orb.baseX \/ 100) * w;\r\n            const pxY = (orb.baseY \/ 100) * h;\r\n            orb.x = pxX;\r\n            orb.y = pxY;\r\n            orb.targetX = pxX;\r\n            orb.targetY = pxY;\r\n            orb.vx = 0;\r\n            orb.vy = 0;\r\n            orb.radius = ((orb.widthPct \/ 100) * w) \/ 2;\r\n          });\r\n        }\r\n\r\n        window.addEventListener('resize', resize);\r\n        resize();\r\n\r\n        function animate() {\r\n          const w = container.clientWidth;\r\n          const h = container.clientHeight;\r\n\r\n          orbData.forEach(orb => {\r\n            orb.phase += orb.speed;\r\n            const driftX = Math.sin(orb.phase) * (w * 0.08);\r\n            const driftY = Math.cos(orb.phase * 0.8) * (h * 0.08);\r\n            const currentHomeX = ((orb.baseX \/ 100) * w) + driftX;\r\n            const currentHomeY = ((orb.baseY \/ 100) * h) + driftY;\r\n\r\n            orb.targetX = currentHomeX;\r\n            orb.targetY = currentHomeY;\r\n\r\n            if (mouse.active) {\r\n              const dx = orb.x - mouse.x;\r\n              const dy = orb.y - mouse.y;\r\n              const dist = Math.sqrt(dx * dx + dy * dy);\r\n              const threshold = Math.min(w, h) * 0.35;\r\n\r\n              if (dist < threshold && dist > 0) {\r\n                const force = (threshold - dist) \/ threshold;\r\n                const push = force * force * 2.5; \r\n                orb.vx += (dx \/ dist) * push * 2.5;\r\n                orb.vy += (dy \/ dist) * push * 2.5;\r\n              }\r\n            }\r\n\r\n            const springK = 0.02;\r\n            const ax = (orb.targetX - orb.x) * springK;\r\n            const ay = (orb.targetY - orb.y) * springK;\r\n\r\n            orb.vx += ax;\r\n            orb.vy += ay;\r\n\r\n            const damping = 0.92;\r\n            orb.vx *= damping;\r\n            orb.vy *= damping;\r\n\r\n            orb.x += orb.vx;\r\n            orb.y += orb.vy;\r\n\r\n            orb.el.style.transform = `translate3d(${orb.x - orb.radius}px, ${orb.y - orb.radius}px, 0) scale(${orb.scale})`;\r\n          });\r\n\r\n          requestAnimationFrame(animate);\r\n        }\r\n        requestAnimationFrame(animate);\r\n      })();\r\n\r\n      \/\/ Configurar a\u00f1o din\u00e1mico en footer\r\n      const ys = document.getElementById('year-span');\r\n      if (ys) ys.textContent = new Date().getFullYear();\r\n\r\n      \/\/ Animaciones de scroll (Fades y Reveals)\r\n      if ('IntersectionObserver' in window) {\r\n        const obsOptions = { threshold: 0.05, rootMargin: '0px 0px -40px 0px' };\r\n        const observer = new IntersectionObserver((entries) => {\r\n          entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add('visible');\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, obsOptions);\r\n\r\n        document.querySelectorAll('#katia-pediatra .reveal, #katia-pediatra .reveal-left, #katia-pediatra .reveal-right, #katia-pediatra .reveal-scale, #katia-pediatra section h2')\r\n          .forEach(el => observer.observe(el));\r\n      }\r\n\r\n      \/\/ Men\u00fa M\u00f3vil del Cintillo\r\n      window.toggleHeaderMenu = function() {\r\n        const toggle = document.querySelector('.kp-menu-toggle');\r\n        const menu = document.querySelector('.kp-nav-menu');\r\n        if (toggle && menu) {\r\n          toggle.classList.toggle('active');\r\n          menu.classList.toggle('active');\r\n        }\r\n      };\r\n\r\n      \/\/ Men\u00fa M\u00f3vil Chips\r\n      const navShell = document.querySelector('.nav-shell');\r\n      const navToggle = document.querySelector('.nav-toggle');\r\n      const navAnchors = document.getElementById('nav-anchors');\r\n\r\n      if (navShell && navToggle && navAnchors) {\r\n        navToggle.addEventListener('click', () => {\r\n          const open = navShell.classList.toggle('open');\r\n          navToggle.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n        });\r\n\r\n        navAnchors.addEventListener('click', e => {\r\n          if (e.target.matches('a.chip')) {\r\n            navShell.classList.remove('open');\r\n            navToggle.setAttribute('aria-expanded', 'false');\r\n          }\r\n        });\r\n      }\r\n\r\n      \/\/ Acorde\u00f3n FAQ\r\n      const acc = document.getElementById('accordion');\r\n      if (acc) {\r\n        acc.addEventListener('click', e => {\r\n          const q = e.target.closest('.acc-q');\r\n          if (!q) return;\r\n          const item = q.parentElement;\r\n          acc.querySelectorAll('.acc-item').forEach(i => { if (i !== item) i.classList.remove('open'); });\r\n          item.classList.toggle('open');\r\n        });\r\n      }\r\n\r\n      \/\/ Lightbox Foto Dra.\r\n      const lb = document.getElementById('lb'),\r\n            img = document.getElementById('lb-img'),\r\n            cap = document.getElementById('lb-cap'),\r\n            photoTrigger = document.getElementById('dra-photo-container');\r\n\r\n      if (photoTrigger && lb && img && cap) {\r\n        photoTrigger.addEventListener('click', () => {\r\n          const mainImg = document.getElementById('dra-photo');\r\n          img.src = mainImg.src;\r\n          img.alt = mainImg.alt;\r\n          cap.textContent = \"Dra. Katia Herrera - Consulta Pedi\u00e1trica Profesional\";\r\n          lb.style.display = 'flex';\r\n        });\r\n\r\n        document.getElementById('lb-close').addEventListener('click', () => lb.style.display = 'none');\r\n        lb.addEventListener('click', e => { if (e.target === lb) lb.style.display = 'none'; });\r\n      }\r\n\r\n      \/\/ Env\u00edo Formulario Contacto a n8n\r\n      const contactForm = document.getElementById('form-pediatria-contacto');\r\n      if (contactForm) {\r\n        const responseArea = document.createElement('div');\r\n        responseArea.id = 'kp-form-response';\r\n        responseArea.style.cssText = `\r\n          margin-top: 15px;\r\n          padding: 12px 16px;\r\n          border-radius: 14px;\r\n          font-size: 0.95rem;\r\n          font-weight: 600;\r\n          text-align: center;\r\n          display: none;\r\n          transition: all 0.3s ease;\r\n          backdrop-filter: blur(8px);\r\n          -webkit-backdrop-filter: blur(8px);\r\n        `;\r\n        document.getElementById('kp-form-actions').appendChild(responseArea);\r\n\r\n        contactForm.addEventListener('submit', async (e) => {\r\n          e.preventDefault();\r\n\r\n          const submitBtn = contactForm.querySelector('button[type=\"submit\"]');\r\n          const origBtnText = submitBtn.textContent;\r\n          submitBtn.disabled = true;\r\n          submitBtn.textContent = 'Enviando...';\r\n\r\n          responseArea.style.display = 'block';\r\n          responseArea.style.background = 'rgba(78, 192, 207, 0.08)';\r\n          responseArea.style.color = 'var(--secondary-hover)';\r\n          responseArea.style.border = '1px solid rgba(78, 192, 207, 0.2)';\r\n          responseArea.textContent = '\u23f3 Enviando solicitud de cita...';\r\n\r\n          const formData = new FormData(contactForm);\r\n          const data = {};\r\n          formData.forEach((value, key) => {\r\n            data[key] = key === 'rgpd' ? true : value;\r\n          });\r\n          if (!data['rgpd']) data['rgpd'] = false;\r\n          data['proyecto'] = 'KatiaTuPediatra';\r\n          data['timestamp'] = new Date().toISOString();\r\n          data['url_origen'] = window.location.href;\r\n\r\n          try {\r\n            \/\/ Webhook n8n (JSON payload)\r\n            const response = await fetch('https:\/\/n8n.maridosdealquiler.es\/webhook\/8bef8cd4-06d2-4eda-a1db-37bdfc88562e', {\r\n              method: 'POST',\r\n              headers: { 'Content-Type': 'application\/json' },\r\n              body: JSON.stringify(data)\r\n            });\r\n\r\n            if (response.ok) {\r\n              responseArea.style.background = 'rgba(37, 211, 102, 0.08)';\r\n              responseArea.style.color = 'var(--wa-dark)';\r\n              responseArea.style.border = '1px solid rgba(37, 211, 102, 0.2)';\r\n              responseArea.textContent = '\u2705 \u00a1Solicitud enviada! Nos pondremos en contacto contigo lo antes posible para confirmar.';\r\n              contactForm.reset();\r\n            } else {\r\n              throw new Error('Response error');\r\n            }\r\n          } catch (error) {\r\n            responseArea.style.background = 'rgba(255, 123, 144, 0.08)';\r\n            responseArea.style.color = '#c62828';\r\n            responseArea.style.border = '1px solid rgba(255, 123, 144, 0.2)';\r\n            responseArea.textContent = '\u274c Error al enviar. Por favor cont\u00e1ctanos directamente por WhatsApp o llamada.';\r\n          } finally {\r\n            submitBtn.disabled = false;\r\n            submitBtn.textContent = origBtnText;\r\n          }\r\n        });\r\n      }\r\n    })();\r\n\r\n      \/\/ Cargar Posts de WordPress autom\u00e1ticamente\r\n      async function loadWordPressPosts() {\r\n         const container = document.getElementById('blog-grid-container');\r\n         if(!container) return;\r\n\r\n         try {\r\n             const response = await fetch('https:\/\/katiatupediatra.es\/es_es\/wp-json\/wp\/v2\/posts?_embed&per_page=9');\r\n             if(!response.ok) throw new Error(`HTTP ${response.status}: ${response.statusText}`);\r\n             \r\n             const posts = await response.json();\r\n             \r\n             if(posts && posts.length > 0) {\r\n                 container.innerHTML = ''; \r\n                 \r\n                 posts.forEach((post, index) => {\r\n                     let imgUrl = 'https:\/\/katiatupediatra.es\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xg0jp9xg0jp9xg0j-e1782322691394.png'; \r\n                     if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0].source_url) {\r\n                         imgUrl = post._embedded['wp:featuredmedia'][0].source_url;\r\n                     }\r\n                     \r\n                     const date = new Date(post.date).toLocaleDateString('es-ES', { year: 'numeric', month: 'long', day: 'numeric' });\r\n                     \r\n                     const card = document.createElement('div');\r\n                     card.className = 'glass-card blog-card reveal';\r\n                     \/\/ A\u00f1adir ligero retraso en cascada para la animaci\u00f3n\r\n                     card.style.transitionDelay = `${index * 0.1}s`;\r\n                     \r\n                     card.innerHTML = `\r\n                       <div class=\"blog-img-wrap\">\r\n                          <img decoding=\"async\" src=\"${imgUrl}\" alt=\"Imagen del post\" loading=\"lazy\">\r\n                       <\/div>\r\n                       <div class=\"blog-content\">\r\n                          <div class=\"blog-meta\">${date}<\/div>\r\n                          <h3 class=\"blog-title\">${post.title.rendered}<\/h3>\r\n                          <div class=\"blog-excerpt\">${post.excerpt.rendered.replace(\/<[^>]+>\/g, '').substring(0, 115)}...<\/div>\r\n                          <a href=\"${post.link}\" class=\"btn ghost blog-btn\" target=\"_blank\" rel=\"noopener\">Leer art\u00edculo <span>\u2794<\/span><\/a>\r\n                       <\/div>\r\n                     `;\r\n                     container.appendChild(card);\r\n                     \r\n                     \/\/ Force reflow and add visible class for animation\r\n                     setTimeout(() => card.classList.add('visible'), 50);\r\n                 });\r\n             } else {\r\n                 container.innerHTML = '<div style=\"grid-column: 1 \/ -1; text-align:center; padding: 40px; background: var(--card-bg); border-radius: 20px;\">No hay entradas publicadas a\u00fan.<\/div>';\r\n             }\r\n         } catch (error) {\r\n             container.innerHTML = '<div style=\"grid-column: 1 \/ -1; text-align:center; padding: 40px; background: var(--card-bg); border-radius: 20px;\">Hubo un error al cargar los art\u00edculos. Por favor, intenta de nuevo m\u00e1s tarde.<\/div>';\r\n             console.error(\"Error loading WP posts:\", error);\r\n         }\r\n      }\r\n      \r\n      document.addEventListener('DOMContentLoaded', loadWordPressPosts);\r\n\r\n  <\/script>\r\n<\/div>\r\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 Blog Pedi\u00e1trico: Salud Infantil al D\u00eda Bienvenidos a Pediatr\u00eda al D\u00eda,&#8230;<\/p>","protected":false},"author":1,"featured_media":76,"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-149","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/pages\/149","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=149"}],"version-history":[{"count":42,"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":1503,"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/pages\/149\/revisions\/1503"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/media\/76"}],"wp:attachment":[{"href":"https:\/\/katiatupediatra.es\/en\/wp-json\/wp\/v2\/media?parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}