{"id":841,"date":"2026-01-05T16:43:54","date_gmt":"2026-01-05T15:43:54","guid":{"rendered":"https:\/\/hlalasalud.com\/?page_id=841"},"modified":"2026-07-27T21:10:57","modified_gmt":"2026-07-27T19:10:57","slug":"clinica-sobrepeso-en-cadiz","status":"publish","type":"page","link":"https:\/\/hlalasalud.com\/en\/clinica-sobrepeso-en-cadiz\/","title":{"rendered":"Overweight"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"841\" class=\"elementor elementor-841\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-exad-particle-enable=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-651d239 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-parallax-effect-no exad-background-color-change-no exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"651d239\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b94e8a exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"0b94e8a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-07b38a3 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"07b38a3\" 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<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<!-- Phosphor Icons para iconograf\u00eda moderna -->\r\n<script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n<style>\r\n\/* ==========================================================================\r\n   Variables y Configuraci\u00f3n Global - Hematolog\u00eda\r\n   ========================================================================== *\/\r\n:root {\r\n    \/* Paleta de Colores - Premium Medical *\/\r\n    --color-primary: #0A2540; \/* Azul marino profundo *\/\r\n    --color-primary-light: #1A3E6D;\r\n    --color-accent: #E63946; \/* Rojo Hovers & Destacados *\/\r\n    --color-accent-hover: #D62839;\r\n    --color-surface: #FFFFFF;\r\n    --color-surface-alt: #F8F9FA;\r\n    --color-surface-glass: rgba(255, 255, 255, 0.75);\r\n    --color-text: #334155;\r\n    --color-text-muted: #64748B;\r\n    --color-heading: #0A2540;\r\n    --color-border: #E2E8F0;\r\n\r\n    \/* Tipograf\u00eda *\/\r\n    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;\r\n    --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;\r\n\r\n    \/* Sombras y Efectos *\/\r\n    --shadow-sm: 0 1px 2px rgba(10, 37, 64, 0.05);\r\n    --shadow-md: 0 4px 6px -1px rgba(10, 37, 64, 0.1), 0 2px 4px -1px rgba(10, 37, 64, 0.06);\r\n    --shadow-lg: 0 10px 15px -3px rgba(10, 37, 64, 0.1), 0 4px 6px -2px rgba(10, 37, 64, 0.05);\r\n    --shadow-hover: 0 20px 25px -5px rgba(230, 57, 70, 0.18), 0 10px 10px -5px rgba(230, 57, 70, 0.08);\r\n\r\n    \/* Transiciones *\/\r\n    --transition-fast: 0.2s ease-in-out;\r\n    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\nbody.dark-mode {\r\n    --color-surface: #0F172A;\r\n    --color-surface-alt: #1E293B;\r\n    --color-surface-glass: rgba(15, 23, 42, 0.85);\r\n    --color-text: #E2E8F0;\r\n    --color-text-muted: #94A3B8;\r\n    --color-heading: #FFFFFF;\r\n    --color-border: #334155;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Resets y Estilos Base\r\n   ========================================================================== *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n    font-size: 16px;\r\n}\r\n\r\nbody {\r\n    transition: background-color var(--transition-normal), color var(--transition-normal);\r\n    font-family: var(--font-primary);\r\n    color: var(--color-text);\r\n    background-color: var(--color-surface);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n    color: var(--color-heading);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin-bottom: 1rem;\r\n    font-family: var(--font-heading);\r\n}\r\n\r\np {\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\na {\r\n    text-decoration: none;\r\n    color: var(--color-heading);\r\n    transition: color var(--transition-fast);\r\n}\r\n\r\nul {\r\n    list-style: none;\r\n}\r\n\r\n\/* Contenedor Principal *\/\r\n.container {\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 2rem;\r\n}\r\n\r\n.container.center {\r\n    text-align: center;\r\n}\r\n\r\n\/* Secciones Generales *\/\r\n.section {\r\n    padding: 5.5rem 0;\r\n    position: relative;\r\n}\r\n\r\n.section-alt {\r\n    background-color: var(--color-surface-alt);\r\n    border-top: 1px solid var(--color-border);\r\n    border-bottom: 1px solid var(--color-border);\r\n}\r\n\r\n\/* Badges \/ Etiquetas *\/\r\n.badge {\r\n    display: inline-block;\r\n    padding: 0.4rem 1rem;\r\n    border-radius: 50px;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 1rem;\r\n    background-color: rgba(10, 37, 64, 0.08);\r\n    color: var(--color-primary);\r\n    border: 1px solid rgba(10, 37, 64, 0.15);\r\n}\r\n\r\n.badge-blue {\r\n    background-color: rgba(10, 37, 64, 0.08);\r\n    color: var(--color-primary);\r\n    border: 1px solid rgba(10, 37, 64, 0.15);\r\n}\r\n\r\nbody.dark-mode .badge,\r\nbody.dark-mode .badge-blue {\r\n    background-color: rgba(56, 189, 248, 0.15);\r\n    color: #38BDF8;\r\n    border-color: rgba(56, 189, 248, 0.3);\r\n}\r\n\r\n.section-title {\r\n    font-size: clamp(2rem, 3.5vw, 2.75rem);\r\n    margin-bottom: 1.25rem;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Botones Premium con Efectos Hover\r\n   ========================================================================== *\/\r\n.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.85rem 1.8rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    cursor: pointer;\r\n    transition: all var(--transition-normal);\r\n    border: 2px solid transparent;\r\n    text-decoration: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: var(--color-accent);\r\n    color: white;\r\n    border-color: var(--color-accent);\r\n    box-shadow: 0 4px 14px rgba(230, 57, 70, 0.35);\r\n}\r\n\r\n.btn-primary:hover {\r\n    background-color: var(--color-accent-hover);\r\n    border-color: var(--color-accent-hover);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(76, 59, 139, 0.5);\r\n    color: white;\r\n}\r\n\r\n.btn-secondary {\r\n    background-color: var(--color-primary);\r\n    color: white;\r\n    border-color: var(--color-primary);\r\n    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.25);\r\n}\r\n\r\n.btn-secondary:hover {\r\n    background-color: var(--color-primary-light);\r\n    border-color: var(--color-primary-light);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(10, 37, 64, 0.35);\r\n    color: white;\r\n}\r\n\r\n.btn-outline {\r\n    background-color: transparent;\r\n    color: var(--color-primary);\r\n    border-color: var(--color-primary);\r\n}\r\n\r\n.btn-outline:hover {\r\n    background-color: var(--color-primary);\r\n    color: white;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.2);\r\n}\r\n\r\nbody.dark-mode .btn-outline {\r\n    color: #FFFFFF;\r\n    border-color: #FFFFFF;\r\n}\r\n\r\nbody.dark-mode .btn-outline:hover {\r\n    background-color: #FFFFFF;\r\n    color: var(--color-primary);\r\n}\r\n\r\n.btn-large {\r\n    padding: 1rem 2.2rem;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Animaciones de Aparici\u00f3n (Scroll Reveal)\r\n   ========================================================================== *\/\r\n.reveal {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.reveal.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.reveal-delay-1 { transition-delay: 0.15s; }\r\n.reveal-delay-2 { transition-delay: 0.3s; }\r\n.reveal-delay-3 { transition-delay: 0.45s; }\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 1: Hero Section Premium (Fiel a Especialidades)\r\n   ========================================================================== *\/\r\n.hero {\r\n    min-height: 85vh;\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    padding: 6.5rem 0 5.5rem;\r\n    overflow: hidden;\r\n    background-color: var(--color-primary);\r\n    color: white;\r\n}\r\n\r\n@keyframes mesh {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n.hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    background: linear-gradient(-45deg, var(--color-primary), #1A3E6D, #16325B, #0A2540);\r\n    background-size: 400% 400%;\r\n    animation: mesh 8s ease infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    gap: 4.5rem;\r\n    align-items: center;\r\n}\r\n\r\n.hero-text h1 {\r\n    font-size: clamp(2.4rem, 4.5vw, 3.7rem);\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 1.5rem;\r\n    color: white !important;\r\n}\r\n\r\n.hero-text .badge {\r\n    background-color: rgba(56, 189, 248, 0.15) !important;\r\n    color: #38BDF8 !important;\r\n    border: 1px solid rgba(56, 189, 248, 0.3) !important;\r\n}\r\n\r\n.hero-features-list {\r\n    margin-bottom: 2.5rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n}\r\n\r\n.hero-feature-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 0.85rem;\r\n    font-size: 1.12rem;\r\n    color: rgba(255, 255, 255, 0.92);\r\n    line-height: 1.5;\r\n}\r\n\r\n.hero-feature-item i {\r\n    color: #E63946;\r\n    background: white;\r\n    border-radius: 50%;\r\n    font-size: 1.35rem;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n}\r\n\r\n.hero-actions {\r\n    display: flex;\r\n    gap: 1rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.hero-actions .btn-outline {\r\n    border-color: rgba(255, 255, 255, 0.5) !important;\r\n    color: white !important;\r\n}\r\n\r\n.hero-actions .btn-outline:hover {\r\n    background-color: white !important;\r\n    color: var(--color-primary) !important;\r\n}\r\n\r\n.hero-image {\r\n    position: relative;\r\n}\r\n\r\n.hero-image .image-wrapper {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.35);\r\n    border: 2px solid rgba(255, 255, 255, 0.15);\r\n    aspect-ratio: 16\/11;\r\n    min-height: 420px;\r\n}\r\n\r\n.hero-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.7s ease;\r\n}\r\n\r\n.hero-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 2: Tarjetas de Recursos R\u00e1pidos (Mini Cards)\r\n   ========================================================================== *\/\r\n.mini-cards-section {\r\n    position: relative;\r\n    z-index: 10;\r\n    margin-top: -3.5rem;\r\n    padding-bottom: 3.5rem;\r\n}\r\n\r\n.mini-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 1.25rem;\r\n}\r\n\r\n.mini-card {\r\n    background: var(--color-surface);\r\n    border: 1px solid var(--color-border);\r\n    border-radius: 18px;\r\n    padding: 1.5rem 1rem;\r\n    text-align: center;\r\n    box-shadow: var(--shadow-md);\r\n    transition: all var(--transition-normal);\r\n    cursor: pointer;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.mini-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: var(--color-accent);\r\n    box-shadow: var(--shadow-hover);\r\n}\r\n\r\n.mini-card-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    border-radius: 14px;\r\n    background: rgba(10, 37, 64, 0.06);\r\n    color: var(--color-primary);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.8rem;\r\n    margin-bottom: 0.8rem;\r\n    transition: all var(--transition-normal);\r\n}\r\n\r\nbody.dark-mode .mini-card-icon {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: #38BDF8;\r\n}\r\n\r\n.mini-card:hover .mini-card-icon {\r\n    background: var(--color-accent);\r\n    color: white;\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.mini-card h4 {\r\n    font-size: 0.95rem;\r\n    margin: 0;\r\n    color: var(--color-heading);\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 3: El especialista \/ Hematolog\u00eda (Caja Destacada)\r\n   ========================================================================== *\/\r\n.specialized-care-box {\r\n    background: var(--color-surface);\r\n    border: 1px solid var(--color-border);\r\n    border-radius: 24px;\r\n    padding: 3rem 3.5rem;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18);\r\n    transition: all var(--transition-normal);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.specialized-care-box::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 6px;\r\n    height: 100%;\r\n    background: var(--color-accent);\r\n}\r\n\r\n.specialized-care-box:hover {\r\n    box-shadow: var(--shadow-hover);\r\n    border-color: var(--color-accent);\r\n}\r\n\r\n.specialized-care-text {\r\n    font-size: 1.15rem;\r\n    line-height: 1.8;\r\n    color: var(--color-text);\r\n    margin-bottom: 1.25rem;\r\n}\r\n\r\n.specialized-care-text:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 4: Situaciones \/ Patolog\u00edas en Grid\r\n   ========================================================================== *\/\r\n.pathologies-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 3rem;\r\n}\r\n\r\n.pathology-card {\r\n    background: var(--color-surface);\r\n    border: 1px solid var(--color-border);\r\n    border-radius: 20px;\r\n    padding: 2.5rem;\r\n    transition: all var(--transition-normal);\r\n    box-shadow: var(--shadow-sm);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.pathology-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--shadow-hover);\r\n    border-color: var(--color-accent);\r\n}\r\n\r\n.pathology-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1.25rem;\r\n    margin-bottom: 1.25rem;\r\n}\r\n\r\n.pathology-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: rgba(230, 57, 70, 0.1);\r\n    color: var(--color-accent);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.6rem;\r\n    flex-shrink: 0;\r\n    transition: all var(--transition-normal);\r\n}\r\n\r\n.pathology-card:hover .pathology-icon {\r\n    background: var(--color-accent);\r\n    color: white;\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.pathology-card h3 {\r\n    font-size: 1.3rem;\r\n    margin: 0;\r\n    color: var(--color-heading);\r\n}\r\n\r\n.pathology-card p {\r\n    color: var(--color-text-muted);\r\n    font-size: 1.02rem;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n.pathology-card.full-width {\r\n    grid-column: span 2;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 5: Recursos y Ventajas (Grid 3 Tarjetas con Hovers Rojos en Fondo Oscuro)\r\n   ========================================================================== *\/\r\n.advantages-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 3rem;\r\n}\r\n\r\n.advantage-card {\r\n    background: var(--color-surface);\r\n    border: 1px solid var(--color-border);\r\n    border-radius: 20px;\r\n    padding: 2.5rem 2rem;\r\n    text-align: center;\r\n    transition: all var(--transition-normal);\r\n    box-shadow: var(--shadow-md);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.advantage-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: var(--color-accent);\r\n    box-shadow: var(--shadow-hover);\r\n}\r\n\r\n.advantage-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 20px;\r\n    background: rgba(10, 37, 64, 0.08);\r\n    color: var(--color-primary);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 2.2rem;\r\n    margin-bottom: 1.5rem;\r\n    transition: all var(--transition-normal);\r\n}\r\n\r\nbody.dark-mode .advantage-icon {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: #38BDF8;\r\n}\r\n\r\n.advantage-card:hover .advantage-icon {\r\n    background: var(--color-accent);\r\n    color: white;\r\n    transform: scale(1.1) rotate(-5deg);\r\n}\r\n\r\n.advantage-card h3 {\r\n    font-size: 1.35rem;\r\n    margin-bottom: 1rem;\r\n    color: var(--color-heading);\r\n}\r\n\r\n.advantage-card p {\r\n    color: var(--color-text-muted);\r\n    font-size: 1.02rem;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 6: Compa\u00f1\u00edas Aseguradoras (Carrusel Paginado)\r\n   ========================================================================== *\/\r\n.insurance-slider-container {\r\n    position: relative;\r\n    max-width: 1150px;\r\n    margin: 3.5rem auto 0;\r\n    padding: 0 4rem;\r\n}\r\n\r\n.insurance-slide {\r\n    display: none;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 1.25rem;\r\n    animation: fadeInSlide 0.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n}\r\n\r\n.insurance-slide.active {\r\n    display: grid;\r\n}\r\n\r\n@keyframes fadeInSlide {\r\n    from { opacity: 0; transform: translateY(12px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.ins-logo-card {\r\n    background: #FFFFFF !important;\r\n    border: 2px solid transparent !important;\r\n    border-radius: 16px;\r\n    height: 105px;\r\n    padding: 0.75rem 1rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);\r\n    transition: all var(--transition-normal);\r\n    cursor: default;\r\n    position: relative;\r\n}\r\n\r\n.ins-logo-card:hover {\r\n    transform: translateY(-5px) scale(1.03);\r\n    box-shadow: 0 12px 25px rgba(76, 59, 139, 0.3);\r\n    border-color: var(--color-accent) !important;\r\n    z-index: 2;\r\n}\r\n\r\n.ins-svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 55px;\r\n}\r\n\r\n\/* Flechas del Slider *\/\r\n.slider-arrow {\r\n    position: absolute;\r\n    top: calc(50% - 24px);\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    color: var(--color-primary);\r\n    border: 2px solid transparent;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    cursor: pointer;\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n    transition: all var(--transition-normal);\r\n    z-index: 10;\r\n}\r\n\r\n.slider-arrow:hover {\r\n    background: var(--color-accent);\r\n    color: #FFFFFF;\r\n    transform: scale(1.15);\r\n    box-shadow: 0 8px 25px rgba(76, 59, 139, 0.5);\r\n}\r\n\r\n.prev-arrow { left: -5px; }\r\n.next-arrow { right: -5px; }\r\n\r\n\/* Paginaci\u00f3n (Puntos) *\/\r\n.insurance-pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin-top: 2.5rem;\r\n}\r\n\r\n.ins-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.3);\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all var(--transition-normal);\r\n}\r\n\r\n.ins-dot:hover {\r\n    background: rgba(255, 255, 255, 0.7);\r\n    transform: scale(1.2);\r\n}\r\n\r\n.ins-dot.active {\r\n    background: var(--color-accent);\r\n    width: 32px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 0 12px rgba(230, 57, 70, 0.8);\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 7: Preguntas Frecuentes (FAQ Acorde\u00f3n)\r\n   ========================================================================== *\/\r\n.faq-container {\r\n    max-width: 850px;\r\n    margin: 3rem auto 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.25rem;\r\n}\r\n\r\n.faq-item {\r\n    background: var(--color-surface);\r\n    border: 1px solid var(--color-border);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transition: all var(--transition-normal);\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.faq-item:hover {\r\n    border-color: var(--color-accent);\r\n}\r\n\r\n.faq-question {\r\n    width: 100%;\r\n    padding: 1.5rem 1.8rem;\r\n    text-align: left;\r\n    background: transparent;\r\n    border: none;\r\n    font-family: var(--font-heading);\r\n    font-size: 1.15rem;\r\n    font-weight: 600;\r\n    color: var(--color-heading);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 1rem;\r\n}\r\n\r\n.faq-question i {\r\n    font-size: 1.3rem;\r\n    color: var(--color-accent);\r\n    transition: transform var(--transition-normal);\r\n}\r\n\r\n.faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.faq-answer p {\r\n    padding: 0 1.8rem 1.5rem;\r\n    margin: 0;\r\n    color: var(--color-text-muted);\r\n    line-height: 1.7;\r\n    font-size: 1.05rem;\r\n}\r\n\r\n.faq-item.active .faq-question i {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n    max-height: 300px;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 8: Contacto R\u00e1pido \/ CTA\r\n   ========================================================================== *\/\r\n.contact-methods {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.25rem;\r\n    align-items: center;\r\n    max-width: 650px;\r\n    margin: 3.5rem auto 0;\r\n}\r\n\r\n.contact-method {\r\n    width: 100%;\r\n    background: var(--color-surface-alt);\r\n    padding: 1.5rem 2rem;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    border: 1px solid var(--color-border);\r\n    transition: all var(--transition-normal);\r\n    text-decoration: none;\r\n}\r\n\r\n.contact-method:hover {\r\n    border-color: var(--color-accent);\r\n    transform: translateY(-3px);\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.contact-method i {\r\n    font-size: 1.8rem;\r\n    color: var(--color-primary);\r\n    background: white;\r\n    padding: 0.8rem;\r\n    border-radius: 50%;\r\n    box-shadow: var(--shadow-sm);\r\n    flex-shrink: 0;\r\n}\r\n\r\nbody.dark-mode .contact-method i {\r\n    color: #38BDF8;\r\n    background: var(--color-surface);\r\n}\r\n\r\n.method-details {\r\n    text-align: left;\r\n    margin-left: 1.5rem;\r\n}\r\n\r\n.method-details strong {\r\n    display: block;\r\n    font-size: 0.88rem;\r\n    color: var(--color-text-muted);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 0.2rem;\r\n}\r\n\r\n.method-details span, .method-details a {\r\n    color: var(--color-heading);\r\n    font-weight: 600;\r\n    font-size: 1.15rem;\r\n}\r\n\r\n.contact-method-featured {\r\n    background: white;\r\n    border: 2px solid var(--color-accent);\r\n    box-shadow: 0 10px 25px rgba(230, 57, 70, 0.15);\r\n}\r\n\r\nbody.dark-mode .contact-method-featured {\r\n    background: var(--color-surface);\r\n}\r\n\r\n.contact-method-featured i {\r\n    background: var(--color-accent) !important;\r\n    color: white !important;\r\n}\r\n\r\n.contact-method-featured .method-details span {\r\n    color: var(--color-accent);\r\n    font-weight: 800;\r\n    font-size: 1.6rem;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Iconos Flotantes (Floating Actions)\r\n   ========================================================================== *\/\r\n.floating-actions {\r\n    position: fixed;\r\n    bottom: 2rem;\r\n    right: 2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n    z-index: 1000;\r\n}\r\n\r\n\/* Ocultar widget\/bot\u00f3n flotante de WhatsApp de WordPress o plugins (JoinChat, Click to Chat, etc.) *\/\r\n#joinchat, .joinchat, .joinchat__button, \r\n.wa__btn_popup, .wa-widget-send-button, \r\ndiv[class*=\"whatsapp\" i], a[class*=\"whatsapp\" i]:not(.phone-btn), button[class*=\"whatsapp\" i],\r\na[href*=\"api.whatsapp.com\"], a[href*=\"wa.me\"],\r\n.elementor-widget-whatsapp, .ht-ctc-chat, #ht-ctc-chat, .qp-whatsapp-button {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.floating-btn {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.75rem;\r\n    color: white;\r\n    box-shadow: var(--shadow-lg);\r\n    cursor: pointer;\r\n    transition: all var(--transition-normal);\r\n    border: none;\r\n    text-decoration: none;\r\n}\r\n\r\n.floating-btn:hover {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.theme-toggle-btn {\r\n    background-color: var(--color-surface-alt);\r\n    color: var(--color-heading);\r\n    border: 1px solid var(--color-border);\r\n}\r\n\r\n.ig-btn {\r\n    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n}\r\n\r\n.phone-btn {\r\n    background-color: #25D366;\r\n}\r\n\r\n.phone-btn:hover {\r\n    background-color: #1EBE5D;\r\n    color: white;\r\n}\r\n\r\n.mail-btn {\r\n    background-color: #3B82F6;\r\n}\r\n\r\n.mail-btn:hover {\r\n    background-color: #2563EB;\r\n    color: white;\r\n}\r\n\r\n.scroll-top-btn {\r\n    background-color: var(--color-primary);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n}\r\n\r\n.scroll-top-btn.visible {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n\/* Blindaje total: Ocultar e invalidar botones nativos de volver arriba de cualquier tema WordPress *\/\r\n#ast-scroll-top, .ast-scroll-top, #generate-scroll-to-top, .generate-back-to-top, #scroll-up, .scroll-up, .elementor-scroll-to-top, #elementor-scroll-to-top, .go-top, #go-top, .back-to-top, #back-to-top, .scroll-top:not(.scroll-top-btn), #scroll-top:not(.scroll-top-btn), #scroll-top-button, a[href=\"#top\"], #toTop, .to-top, #scrollUp, .scrollup, .scroll-to-top, #scroll-to-top, #neve-scroll-to-top, .fusion-top-top-link, .et_pb_scroll_top, button[aria-label*=\"top\" i], button[aria-label*=\"arriba\" i]:not(#scroll-top), a.back-to-top, a.scroll-to-top, div.scroll-to-top, button.scroll-to-top, .ct-back-to-top, #kt-scroll-up, .kt-scroll-up {\r\n    display: none !important;\r\n    opacity: 0 !important;\r\nmax-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.faq-answer p {\r\n    padding: 0 1.8rem 1.5rem;\r\n    margin: 0;\r\n    color: var(--color-text-muted);\r\n    line-height: 1.7;\r\n    font-size: 1.05rem;\r\n}\r\n\r\n.faq-item.active .faq-question i {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n    max-height: 300px;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Secci\u00f3n 8: Contacto R\u00e1pido \/ CTA\r\n   ========================================================================== *\/\r\n.contact-methods {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.25rem;\r\n    align-items: center;\r\n    max-width: 650px;\r\n    margin: 3.5rem auto 0;\r\n}\r\n\r\n.contact-method {\r\n    width: 100%;\r\n    background: var(--color-surface-alt);\r\n    padding: 1.5rem 2rem;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    border: 1px solid var(--color-border);\r\n    transition: all var(--transition-normal);\r\n    text-decoration: none;\r\n}\r\n\r\n.contact-method:hover {\r\n    border-color: var(--color-accent);\r\n    transform: translateY(-3px);\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.contact-method i {\r\n    font-size: 1.8rem;\r\n    color: var(--color-primary);\r\n    background: white;\r\n    padding: 0.8rem;\r\n    border-radius: 50%;\r\n    box-shadow: var(--shadow-sm);\r\n    flex-shrink: 0;\r\n}\r\n\r\nbody.dark-mode .contact-method i {\r\n    color: #38BDF8;\r\n    background: var(--color-surface);\r\n}\r\n\r\n.method-details {\r\n    text-align: left;\r\n    margin-left: 1.5rem;\r\n}\r\n\r\n.method-details strong {\r\n    display: block;\r\n    font-size: 0.88rem;\r\n    color: var(--color-text-muted);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 0.2rem;\r\n}\r\n\r\n.method-details span, .method-details a {\r\n    color: var(--color-heading);\r\n    font-weight: 600;\r\n    font-size: 1.15rem;\r\n}\r\n\r\n.contact-method-featured {\r\n    background: white;\r\n    border: 2px solid var(--color-accent);\r\n    box-shadow: 0 10px 25px rgba(230, 57, 70, 0.15);\r\n}\r\n\r\nbody.dark-mode .contact-method-featured {\r\n    background: var(--color-surface);\r\n}\r\n\r\n.contact-method-featured i {\r\n    background: var(--color-accent) !important;\r\n    color: white !important;\r\n}\r\n\r\n.contact-method-featured .method-details span {\r\n    color: var(--color-accent);\r\n    font-weight: 800;\r\n    font-size: 1.6rem;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Iconos Flotantes (Floating Actions)\r\n   ========================================================================== *\/\r\n.floating-actions {\r\n    position: fixed;\r\n    bottom: 2rem;\r\n    right: 2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n    z-index: 1000;\r\n}\r\n\r\n\/* Ocultar widget\/bot\u00f3n flotante de WhatsApp de WordPress o plugins (JoinChat, Click to Chat, etc.) *\/\r\n#joinchat, .joinchat, .joinchat__button, \r\n.wa__btn_popup, .wa-widget-send-button, \r\ndiv[class*=\"whatsapp\" i], a[class*=\"whatsapp\" i]:not(.phone-btn), button[class*=\"whatsapp\" i],\r\na[href*=\"api.whatsapp.com\"], a[href*=\"wa.me\"],\r\n.elementor-widget-whatsapp, .ht-ctc-chat, #ht-ctc-chat, .qp-whatsapp-button {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.floating-btn {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.75rem;\r\n    color: white;\r\n    box-shadow: var(--shadow-lg);\r\n    cursor: pointer;\r\n    transition: all var(--transition-normal);\r\n    border: none;\r\n    text-decoration: none;\r\n}\r\n\r\n.floating-btn:hover {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.theme-toggle-btn {\r\n    background-color: var(--color-surface-alt);\r\n    color: var(--color-heading);\r\n    border: 1px solid var(--color-border);\r\n}\r\n\r\n.ig-btn {\r\n    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n}\r\n\r\n.phone-btn {\r\n    background-color: #25D366;\r\n}\r\n\r\n.phone-btn:hover {\r\n    background-color: #1EBE5D;\r\n    color: white;\r\n}\r\n\r\n.mail-btn {\r\n    background-color: #3B82F6;\r\n}\r\n\r\n.mail-btn:hover {\r\n    background-color: #2563EB;\r\n    color: white;\r\n}\r\n\r\n.scroll-top-btn {\r\n    background-color: var(--color-primary);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n}\r\n\r\n.scroll-top-btn.visible {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n\/* Blindaje total: Ocultar e invalidar botones nativos de volver arriba de cualquier tema WordPress *\/\r\n#ast-scroll-top, .ast-scroll-top, #generate-scroll-to-top, .generate-back-to-top, #scroll-up, .scroll-up, .elementor-scroll-to-top, #elementor-scroll-to-top, .go-top, #go-top, .back-to-top, #back-to-top, .scroll-top:not(.scroll-top-btn), #scroll-top:not(.scroll-top-btn), #scroll-top-button, a[href=\"#top\"], #toTop, .to-top, #scrollUp, .scrollup, .scroll-to-top, #scroll-to-top, #neve-scroll-to-top, .fusion-top-top-link, .et_pb_scroll_top, button[aria-label*=\"top\" i], button[aria-label*=\"arriba\" i]:not(#scroll-top), a.back-to-top, a.scroll-to-top, div.scroll-to-top, button.scroll-to-top, .ct-back-to-top, #kt-scroll-up, .kt-scroll-up {\r\n    display: none !important;\r\n    opacity: 0 !important;\r\n    visibility: hidden !important;\r\n    pointer-events: none !important;\r\n    z-index: -999999 !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Responsive Design (Perfecta Visualizaci\u00f3n en M\u00f3vil)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .hero {\r\n        min-height: 80vh !important;\r\n        padding-top: calc(4rem + 25px) !important;\r\n        padding-bottom: 3rem !important;\r\n        margin-top: -25px !important;\r\n        z-index: 2;\r\n        position: relative;\r\n    }\r\n    .hero-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n    .mini-cards-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n    .advantages-grid, .contact-methods {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .insurance-slide.active {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    html, body, .elementor, .elementor-section, .elementor-container {\r\n        overflow: visible !important; height: auto !important; min-height: auto !important; max-height: none !important;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .container {\r\n        padding: 0 1.25rem !important;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .badge {\r\n        max-width: 100% !important;\r\n        white-space: normal !important;\r\n        word-wrap: break-word !important;\r\n        line-height: 1.4 !important;\r\n    }\r\n    .mini-cards-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 1rem !important;\r\n    }\r\n    .pathologies-grid, .advantages-grid, .contact-methods {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .pathology-card.full-width {\r\n        grid-column: span 1;\r\n    }\r\n    .insurance-slide.active {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .insurance-slider-container { padding: 0 1.5rem; }\r\n    .slider-arrow { width: 42px; height: 42px; font-size: 1.3rem; top: calc(50% - 21px); }\r\n    .prev-arrow { left: -8px; }\r\n    .next-arrow { right: -8px; }\r\n    .hero-actions {\r\n        flex-direction: column !important;\r\n        align-items: stretch !important;\r\n        width: 100% !important;\r\n        gap: 1rem !important;\r\n    }\r\n    .hero-actions .btn {\r\n        width: 100% !important;\r\n        justify-content: center !important;\r\n        text-align: center !important;\r\n    }\r\n    .specialized-care-box {\r\n        padding: 2rem 1.5rem !important;\r\n    }\r\n    .pathology-card, .advantage-card {\r\n        padding: 1.6rem 1.4rem !important;\r\n    }\r\n    .faq-question {\r\n        padding: 1.25rem 1.2rem !important;\r\n        font-size: 1.05rem !important;\r\n    }\r\n    .faq-answer {\r\n        padding: 0 1.2rem !important;\r\n    }\r\n    .contact-method {\r\n        padding: 1.5rem 1.2rem !important;\r\n        word-break: break-word !important;\r\n    }\r\n    .contact-method-featured .method-details span {\r\n        font-size: 1.25rem !important;\r\n    }\r\n    .floating-actions {\r\n        right: 1rem !important;\r\n        bottom: 1.5rem !important;\r\n        gap: 0.75rem !important;\r\n    }\r\n    .floating-btn {\r\n        width: 48px !important;\r\n        height: 48px !important;\r\n        font-size: 1.5rem !important;\r\n    }\r\n    .hero-image .image-wrapper {\r\n        min-height: 260px !important;\r\n        aspect-ratio: 16\/10 !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-text h1 {\r\n        font-size: 2rem !important;\r\n    }\r\n    .section-title {\r\n        font-size: 1.85rem !important;\r\n    }\r\n    .mini-cards-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n    .insurance-slide.active {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 1025px) { \r\n    .hero { padding: 5.5rem 0 5.5rem !important; min-height: auto !important; }\r\n    .hero-image .image-wrapper { aspect-ratio: 4\/3 !important; }\r\n}\r\n@media (min-width: 769px) { \r\n    .hero-image .image-wrapper { min-height: 440px !important; } \r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   REGLAS PREMIUM OBESIDAD: LEGIBILIDAD PERFECTA, BOXES E INTERACTIVIDAD\r\n   ========================================================================== *\/\r\n.section-title {\r\n    color: #0A2540 !important;\r\n    text-align: center !important;\r\n    margin-bottom: 1.5rem !important;\r\n    font-weight: 800 !important;\r\n}\r\n\r\nbody.dark-mode .section-title,\r\n.section[style*=\"#0A2540\"] .section-title,\r\n.section-dark .section-title,\r\n.hero .section-title,\r\n.hero h1 {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.badge-center {\r\n    display: table !important;\r\n    margin: 0 auto 1rem auto !important;\r\n}\r\n\r\n\/* Hovers Rojos y Resplandor 3D para todas las cajas interactuables *\/\r\n.mini-card, .quote-card, .info-box-card, .step-card, .faq-item {\r\n    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    border: 1px solid var(--color-border) !important;\r\n}\r\n\r\n.mini-card:hover, .quote-card:hover, .info-box-card:hover, .step-card:hover, .faq-item:hover {\r\n    border-color: #4C3B8B !important;\r\n    transform: translateY(-8px) !important;\r\n    box-shadow: 0 20px 42px rgba(76, 59, 139, 0.18) !important;\r\n}\r\n\r\n.mini-card:hover .mini-card-icon,\r\n.step-card:hover .step-number {\r\n    background-color: #4C3B8B !important;\r\n    color: #FFFFFF !important;\r\n    border-color: #4C3B8B !important;\r\n    transform: scale(1.14) rotate(5deg) !important;\r\n}\r\n\r\n.step-card:hover .step-icon i {\r\n    color: #4C3B8B !important;\r\n    transform: scale(1.15) !important;\r\n}\r\n\r\n\/* Estilos de Step Cards (Timeline de Metodolog\u00eda en 3 Pasos) *\/\r\n.timeline {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2rem;\r\n    max-width: 950px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.step-card {\r\n    background: #FFFFFF !important;\r\n    border: 1px solid #CBD5E1 !important;\r\n    border-radius: 22px !important;\r\n    padding: 2.6rem !important;\r\n    display: flex;\r\n    gap: 2rem;\r\n    align-items: flex-start;\r\n    position: relative;\r\n    box-shadow: 0 12px 30px rgba(10, 37, 64, 0.06) !important;\r\n}\r\n\r\n.step-number {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 16px;\r\n    background: rgba(10, 37, 64, 0.08);\r\n    color: #0A2540;\r\n    font-family: var(--font-heading);\r\n    font-size: 1.55rem;\r\n    font-weight: 800;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: all 0.35s ease;\r\n}\r\n\r\nbody.dark-mode .step-number {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    color: #38BDF8;\r\n}\r\n\r\n.step-content {\r\n    flex: 1;\r\n}\r\n\r\n.step-icon {\r\n    font-size: 2.2rem;\r\n    color: #0077B6;\r\n    margin-bottom: 0.6rem;\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.step-content h3 {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.4rem !important;\r\n    color: #0A2540 !important;\r\n    margin-bottom: 0.7rem;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n.step-content p {\r\n    color: #475569 !important;\r\n    font-size: 1.06rem !important;\r\n    line-height: 1.75 !important;\r\n    margin: 0;\r\n}\r\n\r\n\/* Blindaje contra textos ocultos en fondos claros \/ oscuros *\/\r\n.section-light p, .section-light span:not(.badge), .section-light li {\r\n    color: #475569 !important;\r\n}\r\n.section-light h2, .section-light h3, .section-light h4, .section-light strong {\r\n    color: #0A2540 !important;\r\n}\r\n\r\nbody.dark-mode .section-light p, body.dark-mode .section-light span:not(.badge), body.dark-mode .section-light li {\r\n    color: #CBD5E1 !important;\r\n}\r\nbody.dark-mode .section-light h2, body.dark-mode .section-light h3, body.dark-mode .section-light h4, body.dark-mode .section-light strong {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* Quote card y cajas informativas *\/\r\n.quote-card {\r\n    background: #FFFFFF !important;\r\n    padding: 2.5rem !important;\r\n    border-radius: 22px !important;\r\n    border: 1px solid #CBD5E1 !important;\r\n    border-left: 6px solid #E63946 !important;\r\n    box-shadow: 0 15px 35px rgba(10, 37, 64, 0.08) !important;\r\n}\r\n\r\n.info-box-card {\r\n    background: #FFFFFF !important;\r\n    border-radius: 22px !important;\r\n    padding: 2.8rem !important;\r\n    border: 1px solid #CBD5E1 !important;\r\n    box-shadow: 0 14px 32px rgba(10, 37, 64, 0.07) !important;\r\n}\r\n\r\n\/* Legibilidad perfecta en Hero Section *\/\r\n.hero h1 {\r\n    color: #FFFFFF !important;\r\n    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);\r\n}\r\n.hero .lead-text {\r\n    color: rgba(255, 255, 255, 0.92) !important;\r\n    font-size: 1.2rem !important;\r\n    line-height: 1.75 !important;\r\n    font-weight: 400 !important;\r\n}\r\n.hero-feature-item span {\r\n    color: rgba(255, 255, 255, 0.95) !important;\r\n    font-size: 1.1rem !important;\r\n    font-weight: 500 !important;\r\n}\r\n.hero-feature-item i {\r\n    color: #38BDF8 !important;\r\n    background: rgba(56, 189, 248, 0.18) !important;\r\n    border: 1px solid rgba(56, 189, 248, 0.35) !important;\r\n    padding: 0.4rem;\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLINDAJE DE SECCIONES AZUL MARINO (#0A2540) Y BLANCAS (#FFFFFF) INTERCALADAS\r\n   ========================================================================== *\/\r\n.section-dark-navy {\r\n    background-color: #0A2540 !important;\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.section-dark-navy .section-title,\r\n.section-dark-navy h2,\r\n.section-dark-navy h3,\r\n.section-dark-navy h4,\r\n.section-dark-navy strong {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.section-dark-navy p,\r\n.section-dark-navy span:not(.badge),\r\n.section-dark-navy li {\r\n    color: rgba(255, 255, 255, 0.9) !important;\r\n}\r\n\r\n.section-dark-navy .badge {\r\n    background: rgba(56, 189, 248, 0.15) !important;\r\n    color: #38BDF8 !important;\r\n    border: 1px solid rgba(56, 189, 248, 0.3) !important;\r\n}\r\n\r\n\/* Cajas dentro de secciones Azul Marino *\/\r\n.section-dark-navy .info-box-card,\r\n.section-dark-navy .quote-card,\r\n.section-dark-navy .step-card {\r\n    background: rgba(255, 255, 255, 0.08) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.18) !important;\r\n    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25) !important;\r\n}\r\n\r\n.section-dark-navy .quote-card {\r\n    border-left: 6px solid #E63946 !important;\r\n}\r\n\r\n.section-dark-navy .step-number {\r\n    background: rgba(56, 189, 248, 0.2) !important;\r\n    color: #38BDF8 !important;\r\n}\r\n\r\n.section-dark-navy .step-icon i {\r\n    color: #38BDF8 !important;\r\n}\r\n\r\n.section-dark-navy .step-card:hover,\r\n.section-dark-navy .info-box-card:hover,\r\n.section-dark-navy .quote-card:hover {\r\n    border-color: #4C3B8B !important;\r\n    transform: translateY(-6px) !important;\r\n    box-shadow: 0 22px 48px rgba(76, 59, 139, 0.22) !important;\r\n}\r\n\r\n.section-dark-navy .step-card:hover .step-number {\r\n    background: #4C3B8B !important;\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   HOVER PERIMETRAL ROJO EN BOXES E IMAGEN DRA. ISABEL MATEO (SECCION 3)\r\n   ========================================================================== *\/\r\n\/* Hover Perimetral Rojo en Mini-Cards (Indicaciones) y dem\u00e1s Boxes *\/\r\n.mini-card:hover,\r\n.quote-card:hover,\r\n.info-box-card:hover,\r\n.step-card:hover,\r\n.faq-item:hover {\r\n    border-color: #4C3B8B !important;\r\n    box-shadow: 0 16px 36px rgba(76, 59, 139, 0.25), 0 0 0 2px #4C3B8B !important;\r\n    transform: translateY(-8px) !important;\r\n}\r\n\r\n.mini-card:hover .mini-card-icon {\r\n    background: #4C3B8B !important;\r\n    color: #FFFFFF !important;\r\n    transform: scale(1.12) rotate(6deg) !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   SECCION 3 ABORDAJE - SPLIT GRID 50\/50 EXACTO\r\n   ========================================================================== *\/\r\n.split-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 4.2rem !important;\r\n    align-items: center !important;\r\n    width: 100% !important;\r\n    margin-top: 1.5rem !important;\r\n}\r\n\r\n.split-content {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 1.8rem !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.split-image {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: flex-end !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n}\r\n\r\n.split-image .image-wrapper {\r\n    width: 100% !important;\r\n    max-width: 580px !important;\r\n    height: auto !important;\r\n    min-height: unset !important;\r\n    border-radius: 26px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35) !important;\r\n    border: 3px solid rgba(255, 255, 255, 0.2) !important;\r\n    margin-left: auto !important;\r\n    position: relative !important;\r\n    transition: all 0.4s ease !important;\r\n}\r\n\r\n.split-image .image-wrapper img {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    aspect-ratio: 768 \/ 750 !important;\r\n    object-fit: cover !important;\r\n    object-position: right center !important;\r\n    display: block !important;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n}\r\n\r\n.split-image:hover .image-wrapper {\r\n    border-color: #4C3B8B !important;\r\n    box-shadow: 0 24px 50px rgba(76, 59, 139, 0.28), 0 0 0 2px #4C3B8B !important;\r\n}\r\n\r\n.split-image:hover .image-wrapper img {\r\n    transform: scale(1.04) !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .split-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 2.8rem !important;\r\n    }\r\n    .split-image .image-wrapper {\r\n        margin: 0 auto !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLINDAJE RESPONSIVE DEFINITIVO - TABLET Y M\u00d3VIL (Anti-desbordamiento y Solapamiento)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    \/* 1. Control de scroll horizontal EXCLUSIVAMENTE a nivel de viewport para permitir scroll vertical general e ininterrumpido en toda la p\u00e1gina *\/\r\n    html, body {\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        overflow-x: hidden !important;\r\n        overflow-y: visible !important;\r\n    }\r\n    \/* 2. Liberar todas las secciones y contenedores (especialmente Secci\u00f3n 1 \/ .hero y contenedores de Elementor\/WordPress) de cualquier overflow oculto o restricci\u00f3n de altura para que el scroll sea 100% general y muestren todo el box completo y fijo sin scroll interno *\/\r\n    .elementor, .elementor-section, .elementor-container, .elementor-widget-wrap, .section, .hero, .hero-content, .cards-grid, .split-grid, .treatments-cards-grid, .treatment-showcase-split, .mini-cards-grid, .specialties-grid, .advantages-grid, .stats-grid, .testimonials-grid, .doctors-grid, #seguros, #adaptada, #sintomas-urgentes, #como-trabajamos, #contacto, #diagnostico, #equipo, #tratamientos, #contacto-medicina-interna, #contacto-hiperhidrosis, #abordaje, #inicio {\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        overflow: visible !important;\r\n        height: auto !important;\r\n        min-height: auto !important;\r\n        max-height: none !important;\r\n    }\r\n    .container {\r\n        padding-left: 1.5rem !important;\r\n        padding-right: 1.5rem !important;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n    }\r\n    .hero-content, .split-grid, .cards-grid, .treatments-cards-grid, .treatment-showcase-split, .mini-cards-grid, .doctors-grid, .chequeo-tier-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 2.5rem !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .urgent-grid, .footer-content {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    \/* 2b. Blindaje estricto de \u00edtems de grid y flex (eliminar min-width auto que empuja fuera del viewport) *\/\r\n    .hero-content > *, .split-grid > *, .cards-grid > *, .treatments-cards-grid > *, .treatment-showcase-split > *, .mini-cards-grid > *, .hero-text, .hero-image, .split-content, .split-image, .treatment-card-modern {\r\n        min-width: 0 !important;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    \/* 3. Ajuste y ruptura de palabras en t\u00edtulos, p\u00e1rrafos y listas para que nunca se corten por la derecha *\/\r\n    .hero-text *, .split-content *, .info-box-card *, .treatment-card-modern *, .specialized-care-box *, .step-card *, .quote-card * {\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .hero-text h1, .section-title {\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n    }\r\n    .hero-text p, .hero-text .lead-text, .split-content p, .info-box-card p, .treatment-card-modern p, .step-content p {\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        white-space: normal !important;\r\n        max-width: 100% !important;\r\n    }\r\n    .hero-features-list {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 1rem !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .hero-feature-item {\r\n        display: flex !important;\r\n        align-items: flex-start !important;\r\n        gap: 0.75rem !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .hero-feature-item span {\r\n        flex: 1 1 auto !important;\r\n        min-width: 0 !important;\r\n        max-width: 100% !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n    }\r\n    .hero-feature-item i {\r\n        flex-shrink: 0 !important;\r\n    }\r\n    .hero-actions {\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 1rem !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .hero-actions .btn, .btn {\r\n        max-width: 100% !important;\r\n        min-width: 0 !important;\r\n        box-sizing: border-box !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        white-space: normal !important;\r\n        text-align: center !important;\r\n        justify-content: center !important;\r\n    }\r\n    .hero-image .image-wrapper {\r\n        margin: 0 auto !important;\r\n        max-width: 100% !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    \/* 1. Refuerzo en M\u00f3vil: html y body controlan el overflow horizontal, mientras que las secciones y hero quedan libres en vertical *\/\r\n    html, body {\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        overflow-x: hidden !important;\r\n        overflow-y: visible !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .elementor, .elementor-section, .elementor-container, .elementor-widget-wrap, .section, .hero, .hero-content, .cards-grid, .split-grid, .treatments-cards-grid, .treatment-showcase-split, .mini-cards-grid, .specialties-grid, .advantages-grid, .stats-grid, .testimonials-grid, .doctors-grid, #seguros, #adaptada, #sintomas-urgentes, #como-trabajamos, #contacto, #diagnostico, #equipo, #tratamientos, #contacto-medicina-interna, #contacto-hiperhidrosis, #abordaje, #inicio {\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        overflow: visible !important;\r\n        height: auto !important;\r\n        min-height: auto !important;\r\n        max-height: none !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .container {\r\n        padding-left: 1.25rem !important;\r\n        padding-right: 1.25rem !important;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .urgent-grid, .footer-content, .mini-cards-grid, .advantages-grid, .contact-methods, .treatments-cards-grid, .doctors-grid, .chequeo-tier-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n    \/* 2. Corregir foto principal (Hero) para m\u00f3vil sin restringir la altura de la secci\u00f3n *\/\r\n    .hero-image .image-wrapper {\r\n        min-height: auto !important;\r\n        max-height: 320px !important;\r\n        width: 100% !important;\r\n        aspect-ratio: 4\/3 !important;\r\n    }\r\n    \/* 3. Corregir cajas CTA y botones con padding inline excesivo para que los botones quepan perfectamente y no desborden *\/\r\n    *[style*=\"padding: 2.5rem 3rem\"], *[style*=\"padding: 2.5rem 3.5rem\"], *[style*=\"padding: 3rem\"], *[style*=\"padding: 3.5rem 3rem\"] {\r\n        padding: 1.6rem 1.25rem !important;\r\n        flex-direction: column !important;\r\n        text-align: center !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    *[style*=\"padding: 2.5rem 3rem\"] > div, *[style*=\"padding: 2.5rem 3.5rem\"] > div {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        text-align: center !important;\r\n    }\r\n    *[style*=\"padding: 1rem 2.2rem\"], *[style*=\"padding: 1.1rem 2.5rem\"], .btn {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        padding: 0.85rem 1.2rem !important;\r\n        font-size: 0.95rem !important;\r\n        justify-content: center !important;\r\n        white-space: normal !important;\r\n        word-break: break-word !important;\r\n        box-sizing: border-box !important;\r\n        text-align: center !important;\r\n    }\r\n    \/* 4. Corregir posici\u00f3n y tama\u00f1o de botonera flotante (.floating-actions) para que no solape texto ni colisione con la bandera de idioma de WordPress *\/\r\n    .floating-actions {\r\n        right: 12px !important;\r\n        bottom: 80px !important; \/* Salva la bandera de idioma y evita tapar el texto de los extremos *\/\r\n        gap: 0.6rem !important;\r\n        z-index: 99999 !important;\r\n    }\r\n    .floating-btn {\r\n        width: 44px !important;\r\n        height: 44px !important;\r\n        font-size: 1.25rem !important;\r\n    }\r\n    \/* 5. Ajustar override de contacto y tarjetas en m\u00f3vil *\/\r\n    .contact-method, .info-box-card, .specialized-care-box, .step-card, .quote-card, .treatment-card-modern {\r\n        padding: 1.4rem 1.25rem !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    .contact-method-featured .method-details span {\r\n        font-size: 1.25rem !important;\r\n        word-break: break-word !important;\r\n    }\r\n    .hero-actions {\r\n        flex-direction: column !important;\r\n        align-items: stretch !important;\r\n        width: 100% !important;\r\n        gap: 0.85rem !important;\r\n    }\r\n    .hero-text h1 {\r\n        font-size: clamp(1.7rem, 6.5vw, 2.3rem) !important;\r\n        line-height: 1.25 !important;\r\n    }\r\n    .hero-text p.lead-text, .hero-text .lead-text {\r\n        font-size: 1.05rem !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-text h1 {\r\n        font-size: 1.65rem !important;\r\n    }\r\n    .section-title {\r\n        font-size: 1.6rem !important;\r\n    }\r\n    .mini-cards-grid, .treatments-cards-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* Hover de contacto unificado: referencia Traumatolog?a *\/\r\n#contacto .contact-method:hover,\r\n.cta-section .contact-method:hover,\r\n.contact-section .contact-method:hover,\r\n.contact-method.contact-method:hover {\r\n    border-color: #E63946 !important;\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 4px 6px -1px rgba(10, 37, 64, 0.1) !important;\r\n}\r\n\r\n\/* Hovers corporativos unificados *\/\r\n:root {\r\n    --color-accent: #4C3B8B !important;\r\n    --color-accent-hover: #4C3B8B !important;\r\n}\r\n\r\n\/* Tarjetas y cajas: borde 2 px m?s grueso al pasar el cursor *\/\r\n:where(.mini-card, .card, .urgent-card, .specialized-care-box, .pathology-card, .advantage-card, .doctor-profile-grid, .specialty-card, .faq-item, .testimonial-card, .team-card, .insurance-card, .ins-logo-card, .treatment-card-modern, .step-card, .quote-card, .info-box-card, .split-image .image-wrapper):hover {\r\n    border-color: #4C3B8B !important;\r\n    border-width: 3px !important;\r\n    box-sizing: border-box;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- 1. Primera Secci\u00f3n: Hero Section (AZUL MARINO #0A2540) -->\r\n<section class=\"hero\" id=\"inicio\" style=\"background-color: #0A2540 !important;\">\r\n    <div class=\"hero-bg\"><\/div>\r\n    <div class=\"container hero-content\">\r\n        <div class=\"hero-text reveal\">\r\n            <span class=\"badge\">Hospital HLA La Salud \u00b7 C\u00e1diz<\/span>\r\n            <h1 style=\"color: #FFFFFF !important;\">Unidad de Salud Metab\u00f3lica y Sobrepeso en C\u00e1diz<\/h1>\r\n            \r\n            <p class=\"lead-text\" style=\"margin: 1.2rem 0 1.8rem; color: rgba(255, 255, 255, 0.92) !important; font-size: 1.2rem; line-height: 1.75;\">\r\n                \u00bfHas probado varias dietas y siempre acabas recuperando el peso? No es falta de voluntad. El sobrepeso y la obesidad pueden estar relacionados con factores metab\u00f3licos, hormonales, emocionales y de estilo de vida que conviene estudiar antes de iniciar cualquier tratamiento.\r\n            <\/p>\r\n\r\n            <div class=\"hero-features-list\">\r\n                <div class=\"hero-feature-item\">\r\n                    <i class=\"ph-bold ph-check\"><\/i>\r\n                    <span>Plan m\u00e9dico adaptado: valoraci\u00f3n cl\u00ednica, nutrici\u00f3n, h\u00e1bitos y seguimiento.<\/span>\r\n                <\/div>\r\n                <div class=\"hero-feature-item\">\r\n                    <i class=\"ph-bold ph-check\"><\/i>\r\n                    <span>Tratamiento farmacol\u00f3gico bajo control y supervisi\u00f3n m\u00e9dica especializada.<\/span>\r\n                <\/div>\r\n                <div class=\"hero-feature-item\">\r\n                    <i class=\"ph-bold ph-check\"><\/i>\r\n                    <span>Entender por qu\u00e9 cuesta perder peso y prevenir el efecto rebote a largo plazo.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-actions\" style=\"margin-top: 2.2rem;\">\r\n                <a href=\"tel:+34956225301\" class=\"btn btn-primary btn-large\" style=\"background-color: #E63946 !important; border-color: #E63946 !important; color: white !important; box-shadow: 0 10px 25px rgba(230, 57, 70, 0.4) !important;\"><i class=\"ph-bold ph-phone\"><\/i> Solicitar Valoraci\u00f3n<\/a>\r\n                <a href=\"#abordaje\" class=\"btn btn-outline btn-large\" style=\"border-color: rgba(255, 255, 255, 0.4) !important; color: white !important;\"><i class=\"ph-bold ph-heartbeat\"><\/i> Ver Tratamiento<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-image reveal reveal-delay-1\">\r\n            <div class=\"image-wrapper\" data-tilt data-tilt-max=\"6\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.25\">\r\n                <img decoding=\"async\" src=\"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/01\/hla-la-salud.webp\" alt=\"Unidad de Obesidad y Sobrepeso en C\u00e1diz - Hospital HLA La Salud\" loading=\"lazy\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- 2. Indicaciones Cl\u00ednicas \/ Mini Cards (FONDO BLANCO #FFFFFF) -->\r\n<section class=\"mini-cards-section section-light\" style=\"background-color: #FFFFFF !important; padding: 5.5rem 0;\">\r\n    <div class=\"container\">\r\n        <div class=\"reveal center\" style=\"margin-bottom: 3.5rem;\">\r\n            <span class=\"badge badge-center\">Salud Poblacional y Bienestar<\/span>\r\n            <h2 class=\"section-title\">El sobrepeso es un problema m\u00e9dico, no solo est\u00e9tico<\/h2>\r\n            <p class=\"lead-text\" style=\"max-width: 820px; margin: 0.5rem auto 0; font-size: 1.1rem; color: #475569 !important; line-height: 1.75;\">\r\n                Seg\u00fan datos de salud poblacional, m\u00e1s de 700.000 personas en la provincia de C\u00e1diz conviven con exceso de peso. Puede afectar al bienestar f\u00edsico, metab\u00f3lico y emocional, y aumentar el riesgo de desarrollar hipertensi\u00f3n, diabetes tipo 2, colesterol elevado y otras complicaciones. Puede ser un buen momento para consultar si:\r\n            <\/p>\r\n        <\/div>\r\n        <div class=\"mini-cards-grid\">\r\n            <div class=\"mini-card reveal\" data-tilt data-tilt-max=\"10\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.15\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important;\">\r\n                <div class=\"mini-card-icon\"><i class=\"ph-duotone ph-arrow-counter-clockwise\"><\/i><\/div>\r\n                <h4 style=\"color: #0A2540 !important;\">Efecto Rebote<\/h4>\r\n                <p style=\"font-size: 0.95rem; color: #475569 !important; margin-top: 0.6rem; line-height: 1.6;\">Has perdido peso varias veces, pero siempre lo recuperas con facilidad.<\/p>\r\n            <\/div>\r\n            <div class=\"mini-card reveal reveal-delay-1\" data-tilt data-tilt-max=\"10\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.15\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important;\">\r\n                <div class=\"mini-card-icon\"><i class=\"ph-duotone ph-heart-break\"><\/i><\/div>\r\n                <h4 style=\"color: #0A2540 !important;\">Riesgo Metab\u00f3lico<\/h4>\r\n                <p style=\"font-size: 0.95rem; color: #475569 !important; margin-top: 0.6rem; line-height: 1.6;\">Tienes hipertensi\u00f3n, colesterol alto, prediabetes, diabetes o resistencia a la insulina.<\/p>\r\n            <\/div>\r\n            <div class=\"mini-card reveal reveal-delay-2\" data-tilt data-tilt-max=\"10\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.15\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important;\">\r\n                <div class=\"mini-card-icon\"><i class=\"ph-duotone ph-brain\"><\/i><\/div>\r\n                <h4 style=\"color: #0A2540 !important;\">Hambre Emocional<\/h4>\r\n                <p style=\"font-size: 0.95rem; color: #475569 !important; margin-top: 0.6rem; line-height: 1.6;\">El estr\u00e9s, la ansiedad o las emociones influyen directamente en tu forma de comer.<\/p>\r\n            <\/div>\r\n            <div class=\"mini-card reveal\" data-tilt data-tilt-max=\"10\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.15\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important;\">\r\n                <div class=\"mini-card-icon\"><i class=\"ph-duotone ph-pill\"><\/i><\/div>\r\n                <h4 style=\"color: #0A2540 !important;\">Tratamiento Farmacol\u00f3gico<\/h4>\r\n                <p style=\"font-size: 0.95rem; color: #475569 !important; margin-top: 0.6rem; line-height: 1.6;\">Te planteas medicaci\u00f3n para perder peso y quieres saber si es adecuada para ti.<\/p>\r\n            <\/div>\r\n            <div class=\"mini-card reveal reveal-delay-1\" data-tilt data-tilt-max=\"10\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.15\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important;\">\r\n                <div class=\"mini-card-icon\"><i class=\"ph-duotone ph-stethoscope\"><\/i><\/div>\r\n                <h4 style=\"color: #0A2540 !important;\">Recomendaci\u00f3n M\u00e9dica<\/h4>\r\n                <p style=\"font-size: 0.95rem; color: #475569 !important; margin-top: 0.6rem; line-height: 1.6;\">Tu m\u00e9dico te ha recomendado perder peso y necesitas una gu\u00eda cl\u00ednica clara para empezar.<\/p>\r\n            <\/div>\r\n            <div class=\"mini-card reveal reveal-delay-2\" data-tilt data-tilt-max=\"10\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.15\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important;\">\r\n                <div class=\"mini-card-icon\"><i class=\"ph-duotone ph-shield-check\"><\/i><\/div>\r\n                <h4 style=\"color: #0A2540 !important;\">Control Sanitario<\/h4>\r\n                <p style=\"font-size: 0.95rem; color: #475569 !important; margin-top: 0.6rem; line-height: 1.6;\">Quieres evitar dietas milagro, soluciones r\u00e1pidas o tratamientos sin control m\u00e9dico.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- 3. Por qu\u00e9 muchas dietas fracasan & Alimentaci\u00f3n Emocional (FONDO AZUL MARINO #0A2540) -->\r\n<section class=\"section section-dark-navy\" id=\"abordaje\" style=\"background-color: #0A2540 !important; padding: 6rem 0; color: #FFFFFF !important;\">\r\n    <div class=\"container\">\r\n        <div class=\"reveal center\" style=\"margin-bottom: 3.8rem;\">\r\n            <span class=\"badge badge-center\">Estrategia Realista y Sostenible<\/span>\r\n            <h2 class=\"section-title\" style=\"color: #FFFFFF !important;\">Por qu\u00e9 muchas dietas fracasan<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"split-grid\">\r\n            <!-- TEXTO A LA IZQUIERDA -->\r\n            <div class=\"split-content reveal\">\r\n                <!-- Narrative Box Card -->\r\n                <div class=\"info-box-card\" data-tilt data-tilt-max=\"3\" style=\"background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; padding: 2.4rem !important; margin: 0;\">\r\n                    <p class=\"lead-text\" style=\"margin-bottom: 1.2rem; font-size: 1.12rem; line-height: 1.8; color: #FFFFFF !important; font-weight: 600;\">\r\n                        Mantener la p\u00e9rdida de peso a largo plazo es uno de los grandes retos del tratamiento del sobrepeso y la obesidad. Muchas dietas se abandonan a las pocas semanas por expectativas poco realistas, frustraci\u00f3n, estr\u00e9s o dificultad para adaptar las pautas a la vida diaria.\r\n                    <\/p>\r\n                    <p style=\"color: rgba(255, 255, 255, 0.88) !important; line-height: 1.75; margin: 0; font-size: 1.05rem;\">\r\n                        Por eso, en <strong style=\"color: #FFFFFF !important;\">HLA La Salud C\u00e1diz<\/strong> no trabajamos con planes gen\u00e9ricos. Primero estudiamos tu caso en profundidad y despu\u00e9s dise\u00f1amos una estrategia realista, progresiva y verdaderamente sostenible en el tiempo.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Quote Box Card con Hover Rojo Destacado -->\r\n                <div class=\"quote-card\" data-tilt data-tilt-max=\"4\" style=\"background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-left: 6px solid #E63946 !important; padding: 2.5rem !important; margin: 0;\">\r\n                    <p style=\"font-style: italic; font-size: 1.1rem; color: #FFFFFF !important; margin-bottom: 1.4rem; line-height: 1.8; font-weight: 500;\">\r\n                        \"A la hora de dise\u00f1ar un plan de p\u00e9rdida de peso no basta con hablar de calor\u00edas o ejercicio f\u00edsico; tambi\u00e9n hay que tener en cuenta el estr\u00e9s, la ansiedad y el manejo de la frustraci\u00f3n, que explican la llamada alimentaci\u00f3n emocional\".\r\n                    <\/p>\r\n                    <div>\r\n                        <strong style=\"display: block; font-family: var(--font-heading); color: #FFFFFF !important; font-size: 1.15rem;\">Dra. Isabel Mateo<\/strong>\r\n                        <span style=\"font-size: 0.95rem; color: #38BDF8 !important; font-weight: 600;\">Responsable de la Unidad de Endocrinolog\u00eda y Nutrici\u00f3n del Hospital HLA La Salud<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- IMAGEN A LA DERECHA -->\r\n            <div class=\"split-image reveal reveal-delay-1\" data-tilt data-tilt-max=\"5\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/01\/Isabel-Mateo-en-consulta-768x750-1-e1769603568376.png\" alt=\"Dra. Isabel Mateo en consulta de la Unidad de Obesidad y Sobrepeso\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- 4. Medicamentos para perder peso (FONDO BLANCO #FFFFFF) -->\r\n<section class=\"section section-light\" id=\"medicamentos\" style=\"background-color: #FFFFFF !important; padding: 5.5rem 0;\">\r\n    <div class=\"container\">\r\n        <div class=\"reveal center\" style=\"max-width: 950px; margin: 0 auto;\">\r\n            <span class=\"badge badge-center\">Herramientas Farmacol\u00f3gicas Bajo Supervisi\u00f3n<\/span>\r\n            <h2 class=\"section-title\">Medicamentos para perder peso: cu\u00e1ndo pueden ayudar<\/h2>\r\n            \r\n            <div class=\"info-box-card\" data-tilt data-tilt-max=\"3\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important; border-left: 6px solid #0077B6 !important; margin-top: 2.2rem; text-align: left; display: flex; gap: 2.2rem; align-items: flex-start; padding: 3rem !important;\">\r\n                <i class=\"ph-duotone ph-pill\" style=\"font-size: 3.5rem; color: #E63946 !important; flex-shrink: 0; background: rgba(230, 57, 70, 0.12); padding: 1.2rem; border-radius: 20px;\"><\/i>\r\n                <div>\r\n                    <h3 style=\"font-family: var(--font-heading); font-size: 1.4rem; color: #0A2540 !important; margin-bottom: 0.9rem; font-weight: 700;\">\r\n                        Valoraci\u00f3n M\u00e9dica Rigurosa y Seguridad en cada Paciente\r\n                    <\/h3>\r\n                    <p style=\"color: #334155 !important; font-size: 1.08rem; line-height: 1.8; margin-bottom: 1.2rem;\">\r\n                        Cada vez m\u00e1s personas consultan por tratamientos farmacol\u00f3gicos para la obesidad. Pueden ser una herramienta \u00fatil en determinados pacientes, pero no son para todos y <strong style=\"color: #0A2540 !important;\">nunca deben tomarse sin valoraci\u00f3n ni seguimiento m\u00e9dico<\/strong>.\r\n                    <\/p>\r\n                    <p style=\"color: #475569 !important; font-size: 1.05rem; line-height: 1.75; margin: 0;\">\r\n                        En nuestra unidad estudiamos si est\u00e1n indicados en tu caso teniendo en cuenta tu <strong style=\"color: #0A2540 !important;\">\u00edndice de masa corporal (IMC), enfermedades asociadas, medicaci\u00f3n actual, antecedentes y posibles contraindicaciones<\/strong>. Cuando se indican, estos tratamientos forman parte de un plan completo. El f\u00e1rmaco puede ayudar, pero el resultado duradero se construye con educaci\u00f3n nutricional, actividad f\u00edsica, seguimiento cl\u00ednico y trabajo sobre los h\u00e1bitos.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- 5. Metodolog\u00eda de Trabajo en 3 Pasos (FONDO AZUL MARINO #0A2540) -->\r\n<section class=\"section section-dark-navy\" id=\"metodologia\" style=\"background-color: #0A2540 !important; padding: 5.5rem 0; color: #FFFFFF !important;\">\r\n    <div class=\"container\">\r\n        <div class=\"reveal center\" style=\"margin-bottom: 3.8rem;\">\r\n            <span class=\"badge badge-center\">Itinerario Cl\u00ednico Modular<\/span>\r\n            <h2 class=\"section-title\" style=\"color: #FFFFFF !important;\">As\u00ed trabajamos en la Unidad de Obesidad<\/h2>\r\n            <p class=\"lead-text\" style=\"max-width: 750px; margin: 0.5rem auto 0; color: rgba(255, 255, 255, 0.9) !important; font-size: 1.1rem; line-height: 1.75;\">\r\n                Un abordaje en tres fases dise\u00f1ado para acompa\u00f1arte en cada paso de tu tratamiento con total rigor, calidez humana y personalizaci\u00f3n.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"timeline\">\r\n            <!-- Paso 1 -->\r\n            <div class=\"step-card reveal\" data-tilt data-tilt-max=\"4\" style=\"background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important;\">\r\n                <div class=\"step-number\">1<\/div>\r\n                <div class=\"step-content\">\r\n                    <div class=\"step-icon\"><i class=\"ph-duotone ph-clipboard-text\"><\/i><\/div>\r\n                    <h3 style=\"color: #FFFFFF !important;\">Valoraci\u00f3n m\u00e9dica inicial<\/h3>\r\n                    <p style=\"color: rgba(255, 255, 255, 0.88) !important;\">Analizamos tu historia cl\u00ednica, h\u00e1bitos, estado metab\u00f3lico, antecedentes, medicaci\u00f3n y objetivos. Esta primera consulta permite conocer tu punto de partida con precisi\u00f3n cient\u00edfica y definir una estrategia m\u00e9dica segura adaptada a ti.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Paso 2 -->\r\n            <div class=\"step-card reveal reveal-delay-1\" data-tilt data-tilt-max=\"4\" style=\"background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important;\">\r\n                <div class=\"step-number\">2<\/div>\r\n                <div class=\"step-content\">\r\n                    <div class=\"step-icon\"><i class=\"ph-duotone ph-user-focus\"><\/i><\/div>\r\n                    <h3 style=\"color: #FFFFFF !important;\">Plan personalizado<\/h3>\r\n                    <p style=\"color: rgba(255, 255, 255, 0.88) !important;\">Dise\u00f1amos un plan adaptado exactamente a tu situaci\u00f3n individual, que puede incluir pautas nutricionales flexibles, prescripci\u00f3n de ejercicio f\u00edsico, apoyo en h\u00e1bitos y tratamiento farmacol\u00f3gico cuando est\u00e9 cl\u00ednicamente indicado.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Paso 3 -->\r\n            <div class=\"step-card reveal reveal-delay-2\" data-tilt data-tilt-max=\"4\" style=\"background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important;\">\r\n                <div class=\"step-number\">3<\/div>\r\n                <div class=\"step-content\">\r\n                    <div class=\"step-icon\"><i class=\"ph-duotone ph-chart-line-up\"><\/i><\/div>\r\n                    <h3 style=\"color: #FFFFFF !important;\">Seguimiento y mantenimiento<\/h3>\r\n                    <p style=\"color: rgba(255, 255, 255, 0.88) !important;\">Revisamos tu evoluci\u00f3n de forma peri\u00f3dica, ajustamos el tratamiento y trabajamos para reducir el riesgo de efecto rebote. El objetivo no es solo perder peso, sino mantener los resultados ganados y mejorar tu salud integral a largo plazo.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- 6. Equipo Multidisciplinar (FONDO BLANCO #FFFFFF) -->\r\n<section class=\"section section-light\" id=\"equipo\" style=\"background-color: #FFFFFF !important; padding: 5.5rem 0;\">\r\n    <div class=\"container\">\r\n        <div class=\"reveal center\" style=\"max-width: 950px; margin: 0 auto;\">\r\n            <span class=\"badge badge-center\">Abordaje Integral<\/span>\r\n            <h2 class=\"section-title\">Un equipo multidisciplinar coordinado<\/h2>\r\n            \r\n            <div class=\"info-box-card\" data-tilt data-tilt-max=\"3\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important; border-top: 6px solid #0A2540 !important; margin-top: 2.2rem; padding: 3.5rem 3rem !important; text-align: center;\">\r\n                <i class=\"ph-duotone ph-users-three\" style=\"font-size: 3.8rem; color: #0A2540 !important; margin-bottom: 1.4rem; display: inline-block; background: rgba(10, 37, 64, 0.08); padding: 1.3rem; border-radius: 50%;\"><\/i>\r\n                <h3 style=\"font-family: var(--font-heading); font-size: 1.65rem; color: #0A2540 !important; margin-bottom: 1.2rem; font-weight: 700;\">\r\n                    Especialistas trabajando en sinton\u00eda por tu bienestar\r\n                <\/h3>\r\n                <p style=\"color: #334155 !important; font-size: 1.12rem; line-height: 1.85; max-width: 820px; margin: 0 auto;\">\r\n                    La obesidad es una enfermedad compleja y requiere un abordaje cl\u00ednico verdaderamente coordinado. En la Unidad de Obesidad y Sobrepeso de <strong style=\"color: #0A2540 !important;\">HLA La Salud C\u00e1diz<\/strong> pueden participar profesionales de <strong style=\"color: #E63946 !important;\">endocrinolog\u00eda, nutrici\u00f3n, apoyo emocional y ejercicio f\u00edsico<\/strong>, seg\u00fan las necesidades espec\u00edficas de cada paciente.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- 7. Preguntas Frecuentes (FONDO BLANCO #FFFFFF) -->\r\n<section class=\"section section-light\" id=\"faq\" style=\"background-color: #FFFFFF !important; padding: 5.5rem 0;\">\r\n    <div class=\"container\">\r\n        <div class=\"reveal center\" style=\"margin-bottom: 3.8rem;\">\r\n            <span class=\"badge badge-center\">Dudas Habituales<\/span>\r\n            <h2 class=\"section-title\">Preguntas Frecuentes<\/h2>\r\n            <p class=\"lead-text\" style=\"max-width: 720px; margin: 0.5rem auto 0; color: #475569 !important; font-size: 1.1rem; line-height: 1.75;\">\r\n                Resolvemos las principales cuestiones sobre la consulta y los tratamientos de la Unidad de Obesidad y Sobrepeso.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-container reveal reveal-delay-1\" style=\"max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.4rem;\">\r\n            <!-- FAQ 1 -->\r\n            <div class=\"faq-item\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important; border-radius: 18px !important;\">\r\n                <button class=\"faq-question\" aria-expanded=\"false\" style=\"color: #0A2540 !important; font-size: 1.18rem !important; padding: 1.6rem 2rem !important;\">\r\n                    <span>\u00bfCu\u00e1nto peso puedo perder y en cu\u00e1nto tiempo?<\/span>\r\n                    <i class=\"ph-bold ph-caret-down\" style=\"color: #E63946 !important;\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p style=\"color: #475569 !important; font-size: 1.05rem !important; line-height: 1.75 !important; padding: 0 2rem 1.6rem !important;\">Depende de tu punto de partida y de tu estado de salud. En consulta se define un objetivo realista y personalizado. Una p\u00e9rdida gradual y supervisada suele ser m\u00e1s segura y sostenible a largo plazo para prevenir el efecto rebote.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 2 -->\r\n            <div class=\"faq-item\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important; border-radius: 18px !important;\">\r\n                <button class=\"faq-question\" aria-expanded=\"false\" style=\"color: #0A2540 !important; font-size: 1.18rem !important; padding: 1.6rem 2rem !important;\">\r\n                    <span>\u00bfLos medicamentos para adelgazar son seguros?<\/span>\r\n                    <i class=\"ph-bold ph-caret-down\" style=\"color: #E63946 !important;\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p style=\"color: #475569 !important; font-size: 1.05rem !important; line-height: 1.75 !important; padding: 0 2rem 1.6rem !important;\">Algunos tratamientos farmacol\u00f3gicos cuentan con rigurosa evidencia cient\u00edfica y pueden ser \u00fatiles en pacientes seleccionados, pero tambi\u00e9n pueden tener efectos adversos y contraindicaciones. Por eso siempre requieren valoraci\u00f3n previa y seguimiento por un m\u00e9dico especialista.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 3 -->\r\n            <div class=\"faq-item\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important; border-radius: 18px !important;\">\r\n                <button class=\"faq-question\" aria-expanded=\"false\" style=\"color: #0A2540 !important; font-size: 1.18rem !important; padding: 1.6rem 2rem !important;\">\r\n                    <span>\u00bfCu\u00e1ndo est\u00e1 indicado un tratamiento farmacol\u00f3gico?<\/span>\r\n                    <i class=\"ph-bold ph-caret-down\" style=\"color: #E63946 !important;\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p style=\"color: #475569 !important; font-size: 1.05rem !important; line-height: 1.75 !important; padding: 0 2rem 1.6rem !important;\">Depende del \u00edndice de masa corporal (IMC), las enfermedades asociadas (como hipertensi\u00f3n o diabetes), los antecedentes personales, la medicaci\u00f3n actual y la valoraci\u00f3n cl\u00ednica de nuestro equipo. No todos los pacientes son candidatos ni necesitan medicaci\u00f3n.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 4 -->\r\n            <div class=\"faq-item\" style=\"background: #F8FAFC !important; border: 1px solid #CBD5E1 !important; border-radius: 18px !important;\">\r\n                <button class=\"faq-question\" aria-expanded=\"false\" style=\"color: #0A2540 !important; font-size: 1.18rem !important; padding: 1.6rem 2rem !important;\">\r\n                    <span>\u00bfTendr\u00e9 que hacer una dieta muy estricta?<\/span>\r\n                    <i class=\"ph-bold ph-caret-down\" style=\"color: #E63946 !important;\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p style=\"color: #475569 !important; font-size: 1.05rem !important; line-height: 1.75 !important; padding: 0 2rem 1.6rem !important;\">No necesariamente. Los planes excesivamente r\u00edgidos suelen ser dif\u00edciles de mantener y provocan abandono. El objetivo en HLA La Salud C\u00e1diz es dise\u00f1ar una alimentaci\u00f3n equilibrada, flexible y totalmente compatible con tu vida diaria, tus h\u00e1bitos y tu contexto familiar, laboral y social.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<section class=\"section\" id=\"contacto-medicina-interna\" style=\"padding-bottom: 8rem; background-color: #0A2540 !important; color: white !important;\">\r\n    <div class=\"container center\">\r\n        <div class=\"reveal\">\r\n            <h2 class=\"section-title\" style=\"color: white !important;\">\u00bfNecesitas consulta con uno de nuestros especialistas?<\/h2>\r\n            <p class=\"lead-text\" style=\"max-width: 750px; margin: 1rem auto 0; font-weight: 400; color: rgba(255, 255, 255, 0.85) !important;\">\r\n                Nuestras consultas y quir\u00f3fanos est\u00e1n preparados para ofrecerte el mejor diagn\u00f3stico y tratamiento integral. Solicita tu cita o ponte en contacto con nuestro hospital en C\u00e1diz.\r\n            <\/p>\r\n\r\n            <div class=\"contact-methods\">\r\n                <div class=\"contact-method\" data-tilt data-tilt-max=\"4\" style=\"background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important;\">\r\n                    <i class=\"ph-bold ph-map-pin\" style=\"color: #38BDF8 !important; background: transparent !important;\"><\/i>\r\n                    <div class=\"method-details\">\r\n                        <strong style=\"color: rgba(255, 255, 255, 0.7) !important;\">Ubicaci\u00f3n del Hospital<\/strong>\r\n                        <span style=\"color: white !important;\">C\/ Feduchy 8 - 14 C\u00e1diz 11001<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-method\" data-tilt data-tilt-max=\"4\" style=\"background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important;\">\r\n                    <i class=\"ph-bold ph-envelope-simple\" style=\"color: #38BDF8 !important; background: transparent !important;\"><\/i>\r\n                    <div class=\"method-details\">\r\n                        <strong style=\"color: rgba(255, 255, 255, 0.7) !important;\">Correo Electr\u00f3nico<\/strong>\r\n                        <a href=\"mailto:hospital.lasalud@grupohla.com\" style=\"color: white !important;\">hospital.lasalud@grupohla.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"tel:+34956225301\" class=\"contact-method contact-method-featured\" data-tilt data-tilt-max=\"5\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.15\" style=\"background: rgba(255, 255, 255, 0.08) !important; border: 2px solid #E63946 !important;\">\r\n                    <i class=\"ph-bold ph-phone\" style=\"background: #E63946 !important; color: white !important;\"><\/i>\r\n                    <div class=\"method-details\">\r\n                        <strong style=\"color: rgba(255, 255, 255, 0.8) !important;\">Tel\u00e9fono de Citas y Especialidades<\/strong>\r\n                        <span style=\"color: #E63946 !important;\">+34 673 107 158<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Floating Actions (COPIA IDENTICA A MEDICINA INTERNA \/ CIRUG\u00cdA PEDI\u00c1TRICA) -->\r\n<div class=\"floating-actions\">\r\n    <button class=\"floating-btn theme-toggle-btn\" id=\"floating-theme-toggle\" aria-label=\"Cambiar tema\">\r\n        <i class=\"ph-bold ph-moon\"><\/i>\r\n    <\/button>\r\n    <a href=\"https:\/\/www.instagram.com\/hospitalhlalasalud\/\" target=\"_blank\" rel=\"noopener noreferrer\"\r\n        class=\"floating-btn ig-btn\" aria-label=\"Visitar Instagram\">\r\n        <i class=\"ph-bold ph-instagram-logo\"><\/i>\r\n    <\/a>\r\n    <a href=\"tel:+34956225301\" class=\"floating-btn phone-btn\" aria-label=\"Llamar ahora\">\r\n        <i class=\"ph-fill ph-phone-call\"><\/i>\r\n    <\/a>\r\n    <a href=\"mailto:hospital.lasalud@grupohla.com\" class=\"floating-btn mail-btn\" aria-label=\"Enviar correo\">\r\n        <i class=\"ph-fill ph-envelope-simple\"><\/i>\r\n    <\/a>\r\n    <button id=\"scroll-top\" class=\"floating-btn scroll-top-btn\" aria-label=\"Volver arriba\">\r\n        <i class=\"ph-bold ph-arrow-up\"><\/i>\r\n    <\/button>\r\n<\/div>\r\n\r\n<!-- Librer\u00eda Vanilla Tilt JS para efecto 3D interactivo -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vanilla-tilt\/1.8.1\/vanilla-tilt.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ Reveal Animations\r\n    const revealElements = document.querySelectorAll('.reveal');\r\n    const revealObserver = new IntersectionObserver((entries, obs) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('active');\r\n                obs.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, { threshold: 0.12 });\r\n\r\n    revealElements.forEach(el => revealObserver.observe(el));\r\n\r\n    \/\/ Vanilla Tilt Initialization\r\n    if (typeof VanillaTilt !== 'undefined') {\r\n        VanillaTilt.init(document.querySelectorAll(\"[data-tilt]\"), {\r\n            speed: 400,\r\n            transition: true,\r\n            easing: \"cubic-bezier(.03,.98,.52,.99)\"\r\n        });\r\n    }\r\n\r\n    \/\/ Carrusel de Seguros Interactivo\r\n    const slides = document.querySelectorAll('.insurance-slide');\r\n    const dots = document.querySelectorAll('.ins-dot');\r\n    const prevBtn = document.getElementById('ins-prev');\r\n    const nextBtn = document.getElementById('ins-next');\r\n    let currentSlide = 0;\r\n\r\n    function showSlide(index) {\r\n        if (!slides.length) return;\r\n        slides.forEach(slide => slide.classList.remove('active'));\r\n        dots.forEach(dot => dot.classList.remove('active'));\r\n\r\n        currentSlide = (index + slides.length) % slides.length;\r\n        slides[currentSlide].classList.add('active');\r\n        if (dots[currentSlide]) dots[currentSlide].classList.add('active');\r\n    }\r\n\r\n    if (prevBtn) prevBtn.addEventListener('click', () => showSlide(currentSlide - 1));\r\n    if (nextBtn) nextBtn.addEventListener('click', () => showSlide(currentSlide + 1));\r\n    dots.forEach((dot, idx) => {\r\n        dot.addEventListener('click', () => showSlide(idx));\r\n    });\r\n\r\n    \/\/ FAQ Acorde\u00f3n\r\n    const faqItems = document.querySelectorAll('.faq-item');\r\n    faqItems.forEach(item => {\r\n        const questionBtn = item.querySelector('.faq-question');\r\n        if (questionBtn) {\r\n            questionBtn.addEventListener('click', () => {\r\n                const isActive = item.classList.contains('active');\r\n                faqItems.forEach(i => i.classList.remove('active'));\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                }\r\n            });\r\n        }\r\n    });\r\n\r\n    \/\/ Scroll Top Flotante\r\n    const scrollTopBtn = document.getElementById('scroll-top');\r\n    window.addEventListener('scroll', () => {\r\n        if (window.scrollY > 400) {\r\n            scrollTopBtn.classList.add('visible');\r\n        } else {\r\n            scrollTopBtn.classList.remove('visible');\r\n        }\r\n    });\r\n    if (scrollTopBtn) {\r\n        scrollTopBtn.addEventListener('click', () => {\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n        });\r\n    }\r\n\r\n    \/\/ Modo Oscuro (Dark Mode)\r\n    const themeToggleBtn = document.getElementById('floating-theme-toggle');\r\n    if (themeToggleBtn) {\r\n        themeToggleBtn.addEventListener('click', () => {\r\n            document.body.classList.toggle('dark-mode');\r\n            const icon = themeToggleBtn.querySelector('i');\r\n            if (document.body.classList.contains('dark-mode')) {\r\n                icon.className = 'ph-bold ph-sun';\r\n            } else {\r\n                icon.className = 'ph-bold ph-moon';\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hospital HLA La Salud \u00b7 C\u00e1diz Unidad de Salud Metab\u00f3lica y Sobrepeso en C\u00e1diz \u00bfHas probado varias dietas y siempre acabas recuperando el peso? No es falta de voluntad. El sobrepeso y la obesidad pueden estar relacionados con factores metab\u00f3licos, hormonales, emocionales y de estilo de vida que conviene estudiar antes de iniciar cualquier tratamiento. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-841","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,<\/title>\n<meta name=\"description\" content=\"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hlalasalud.com\/en\/clinica-sobrepeso-en-cadiz\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,\" \/>\n<meta property=\"og:description\" content=\"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hlalasalud.com\/en\/clinica-sobrepeso-en-cadiz\/\" \/>\n<meta property=\"og:site_name\" content=\"Hospital HLA La Salud\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-27T19:10:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/01\/hla-la-salud.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/\",\"url\":\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/\",\"name\":\"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hlalasalud.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/hla-la-salud.webp\",\"datePublished\":\"2026-01-05T15:43:54+00:00\",\"dateModified\":\"2026-07-27T19:10:57+00:00\",\"description\":\"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hlalasalud.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/hla-la-salud.webp\",\"contentUrl\":\"https:\\\/\\\/hlalasalud.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/hla-la-salud.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/clinica-sobrepeso-en-cadiz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/hlalasalud.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sobrepeso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/#website\",\"url\":\"https:\\\/\\\/hlalasalud.com\\\/\",\"name\":\"Hospital HLA La Salud\",\"description\":\"Medicina innovadora y de alta calidad, con un trato humano y cercano al paciente.\",\"publisher\":{\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hlalasalud.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/#organization\",\"name\":\"Hospital HLA La Salud\",\"url\":\"https:\\\/\\\/hlalasalud.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hlalasalud.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-png-hospi.png\",\"contentUrl\":\"https:\\\/\\\/hlalasalud.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-png-hospi.png\",\"width\":272,\"height\":70,\"caption\":\"Hospital HLA La Salud\"},\"image\":{\"@id\":\"https:\\\/\\\/hlalasalud.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,","description":"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hlalasalud.com\/en\/clinica-sobrepeso-en-cadiz\/","og_locale":"en_GB","og_type":"article","og_title":"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,","og_description":"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,","og_url":"https:\/\/hlalasalud.com\/en\/clinica-sobrepeso-en-cadiz\/","og_site_name":"Hospital HLA La Salud","article_modified_time":"2026-07-27T19:10:57+00:00","og_image":[{"url":"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/01\/hla-la-salud.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/","url":"https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/","name":"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,","isPartOf":{"@id":"https:\/\/hlalasalud.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/#primaryimage"},"image":{"@id":"https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/#primaryimage"},"thumbnailUrl":"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/01\/hla-la-salud.webp","datePublished":"2026-01-05T15:43:54+00:00","dateModified":"2026-07-27T19:10:57+00:00","description":"HLALASALUD I Cl\u00ednicas sobrepeso en C\u00e1diz, endocrinos en Cadiz, como bajar de peso en C\u00e1diz, tratamiento sobre peso en Cadiz, nutricionistas en C\u00e1diz, cirug\u00eda obesidad en Cadiz, manga g\u00e1strica en C\u00e1diz, como adelgazar en Cadiz, operaci\u00f3n obesidad en C\u00e1diz, cirug\u00eda bari\u00e1trica en Cadiz,","breadcrumb":{"@id":"https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/#primaryimage","url":"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/01\/hla-la-salud.webp","contentUrl":"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/01\/hla-la-salud.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/hlalasalud.com\/clinica-sobrepeso-en-cadiz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hlalasalud.com\/"},{"@type":"ListItem","position":2,"name":"Sobrepeso"}]},{"@type":"WebSite","@id":"https:\/\/hlalasalud.com\/#website","url":"https:\/\/hlalasalud.com\/","name":"Hospital HLA La Salud","description":"Innovative, high-quality medicine, with humane and close patient care.","publisher":{"@id":"https:\/\/hlalasalud.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hlalasalud.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/hlalasalud.com\/#organization","name":"Hospital HLA La Salud","url":"https:\/\/hlalasalud.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/hlalasalud.com\/#\/schema\/logo\/image\/","url":"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/05\/logo-png-hospi.png","contentUrl":"https:\/\/hlalasalud.com\/wp-content\/uploads\/2026\/05\/logo-png-hospi.png","width":272,"height":70,"caption":"Hospital HLA La Salud"},"image":{"@id":"https:\/\/hlalasalud.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/pages\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/comments?post=841"}],"version-history":[{"count":58,"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/pages\/841\/revisions"}],"predecessor-version":[{"id":6259,"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/pages\/841\/revisions\/6259"}],"wp:attachment":[{"href":"https:\/\/hlalasalud.com\/en\/wp-json\/wp\/v2\/media?parent=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}