.elementor-201 .elementor-element.elementor-element-814df63{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-f159a1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:120px;}.elementor-201 .elementor-element.elementor-element-61851eda{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-201 .elementor-element.elementor-element-61851eda:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-61851eda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-3cf86ecc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:33px;font-weight:700;color:#333333;}.elementor-201 .elementor-element.elementor-element-3cf86ecc p{margin-block-end:1px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-201 .elementor-element.elementor-element-89838dd{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-201 .elementor-element.elementor-element-89838dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.35 * 100% );}.elementor-201 .elementor-element.elementor-element-89838dd:after{content:"0.35";}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__thumbnail__link{width:100%;}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__meta-data span + span:before{content:"•";}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__card{border-width:0px;border-radius:36px;}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__text{margin-top:20px;}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__badge{right:0;}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__card .elementor-post__badge{background-color:#0F9D42;margin:20px;}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__read-more{color:#10AB06;}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-f159a1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-3cf86ecc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;text-align:center;font-size:26px;line-height:1.2em;}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-201 .elementor-element.elementor-element-89838dd:after{content:"0.5";}.elementor-201 .elementor-element.elementor-element-89838dd .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="es-CO">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>José Domingo Julio Pretelt | Doctorando en Psicología · Abogado · Gerente Hospitalario | Colombia</title>
    <meta name="description" content="Perfil profesional de José Domingo Julio Pretelt, doctorando en psicología, abogado especialista en derecho administrativo, gerencia y auditoría. Más de 20 años de experiencia en gerencia hospitalaria. Experto en neurociencias, neuromarketing, RRSS y derechos humanos.">
    <meta name="keywords" content="José Domingo Julio Pretelt, doctorando en psicología Colombia, abogado derecho administrativo, gerente hospitalario, salud pública Colombia, neurociencias, neuromarketing, derechos humanos, RRSS, CINDEJ, Julio Pretelt, José Julio, José Domingo Julio, defensor salud pública, gerencia hospitalaria Colombia">
    <meta name="author" content="José Domingo Julio Pretelt">
    <meta name="robots" content="index, follow, max-image-preview:large">
    <link rel="canonical" href="https://cindej.com/perfil-jose-domingo-julio-pretelt/">

    <!-- GEO Meta Tags -->
    <meta name="geo.region" content="CO">
    <meta name="geo.placename" content="Colombia">
    <meta name="geo.position" content="4.570868;-74.297333">
    <meta name="ICBM" content="4.570868, -74.297333">
    <meta name="dc.coverage" content="Colombia">

    <!-- Open Graph -->
    <meta property="og:type" content="profile">
    <meta property="og:title" content="José Domingo Julio Pretelt | Doctorando en Psicología, Abogado y Gerente Hospitalario">
    <meta property="og:description" content="Doctorando en psicología, abogado especialista en derecho administrativo, gerencia y auditoría. Más de 20 años en gerencia hospitalaria. Experto en neurociencias, neuromarketing y defensor de derechos humanos.">
    <meta property="og:image" content="https://cindej.com/wp-content/uploads/2026/07/author-617a9df9-f2a0-4d78-875e-a9b5d46bc79d.webp">
    <meta property="og:image:alt" content="Retrato profesional de José Domingo Julio Pretelt - Doctorando en Psicología y Gerente Hospitalario">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="800">
    <meta property="og:url" content="https://cindej.com/perfil-jose-domingo-julio-pretelt/">
    <meta property="og:site_name" content="CINDEJ">
    <meta property="og:locale" content="es_CO">
    <meta property="profile:first_name" content="José Domingo">
    <meta property="profile:last_name" content="Julio Pretelt">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="José Domingo Julio Pretelt | Perfil Profesional">
    <meta name="twitter:description" content="Doctorando en psicología, abogado especialista, gerente hospitalario y defensor de DDHH. Más de 20 años en gestión hospitalaria.">
    <meta name="twitter:image" content="https://cindej.com/wp-content/uploads/2026/07/author-617a9df9-f2a0-4d78-875e-a9b5d46bc79d.webp">
    <meta name="twitter:image:alt" content="Retrato profesional de José Domingo Julio Pretelt">

    <!-- Schema.org Person (AEO optimizado) -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Person",
            "@id": "https://cindej.com/perfil-jose-domingo-julio-pretelt/#person",
            "name": "José Domingo Julio Pretelt",
            "givenName": "José Domingo",
            "familyName": "Julio Pretelt",
            "alternateName": ["José Julio Pretelt", "José Domingo Julio", "Dr. Julio Pretelt", "José D. Julio Pretelt", "Julio Pretelt"],
            "description": "Profesional colombiano, doctorando en psicología, abogado especialista en derecho administrativo, gerencia y auditoría. Más de 20 años de experiencia en gerencia hospitalaria. Experto en neurociencias, neuromarketing y defensor de derechos humanos.",
            "image": {
                "@type": "ImageObject",
                "url": "https://cindej.com/wp-content/uploads/2026/07/author-617a9df9-f2a0-4d78-875e-a9b5d46bc79d.webp",
                "width": "800",
                "height": "800",
                "caption": "José Domingo Julio Pretelt - Doctorando en Psicología y Gerente Hospitalario"
            },
            "jobTitle": ["Doctorando en Psicología", "Abogado Especialista en Derecho Administrativo", "Gerente Hospitalario", "Defensor de Derechos Humanos"],
            "knowsAbout": ["Psicología", "Derecho Administrativo", "Gerencia en Salud", "Neurociencias", "Neuromarketing", "Derechos Humanos", "Salud Pública", "Redes Sociales", "Auditoría en Salud"],
            "award": ["Reconocimiento OPS", "Reconocimiento Ministerio de Salud de Colombia", "Reconocimiento Asociación Colombiana de Salud Pública", "Reconocimiento Gobernación de Antioquia", "Reconocimiento Asamblea Departamental de Antioquia"],
            "email": "mailto:jose.julio@cindej.com",
            "url": "https://cindej.com",
            "sameAs": [
                "https://www.facebook.com/josejuliopretel",
                "https://x.com/josejuliopretel",
                "https://www.youtube.com/@josejuliopretelt",
                "https://www.instagram.com/josejuliopretelt",
                "https://www.tiktok.com/@josejuliopretelt"
            ],
            "address": {
                "@type": "PostalAddress",
                "addressCountry": "CO",
                "addressRegion": "Colombia"
            },
            "nationality": "Colombiana"
        }
    </script>

    <!-- FAQ Schema para AEO -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "¿Quién es José Domingo Julio Pretelt?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "José Domingo Julio Pretelt es un profesional colombiano, doctorando en psicología, abogado especialista en derecho administrativo, gerencia y auditoría. Cuenta con más de 20 años de experiencia en gerencia y gestión hospitalaria. Es experto en neurociencias, neuromarketing, RRSS y defensor de derechos humanos y de la salud pública en Colombia."
                    }
                },
                {
                    "@type": "Question",
                    "name": "¿Cuál es la experiencia profesional de José Julio Pretelt en salud pública?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "José Domingo Julio Pretelt tiene más de 20 años de experiencia en gerencia y gestión hospitalaria, habiéndose desempeñado como gerente de Empresas Sociales del Estado en múltiples entidades de Colombia. Comenzó su carrera en servicios de urgencias y cuidados intensivos, y también ha sido docente universitario. Ha recibido reconocimientos de la OPS, el Ministerio de Salud de Colombia y la Asociación Colombiana de Salud Pública, entre otros."
                    }
                },
                {
                    "@type": "Question",
                    "name": "¿Cómo contactar a José Domingo Julio Pretelt?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Puede contactar a José Domingo Julio Pretelt a través de su correo electrónico jose.julio@cindej.com o mediante sus redes sociales oficiales: Facebook, X (Twitter), YouTube, Instagram y TikTok como @josejuliopretelt."
                    }
                },
                {
                    "@type": "Question",
                    "name": "¿Qué especialidades tiene José Julio Pretelt?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Es doctorando en psicología, abogado especialista en derecho administrativo, gerencia y auditoría. Además es experto en neurociencias, neuromarketing, redes sociales (RRSS) y defensa de derechos humanos."
                    }
                }
            ]
        }
    </script>

    <style>
        :root {
            --azul-oscuro: #091c2e;
            --azul-medio: #0f2b46;
            --azul-claro: #1a4a6f;
            --azul-brillante: #1e5f8a;
            --dorado: #c49b3f;
            --dorado-claro: #e0c87a;
            --dorado-suave: #f0dfb0;
            --blanco: #ffffff;
            --gris-fondo: #f5f6f8;
            --gris-claro: #e8ecf1;
            --gris-texto: #3a3f47;
            --gris-oscuro: #1e2329;
            --sombra-suave: 0 4px 20px rgba(0, 0, 0, 0.06);
            --sombra-media: 0 8px 40px rgba(0, 0, 0, 0.10);
            --sombra-fuerte: 0 16px 48px rgba(0, 0, 0, 0.14);
            --transicion: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            --borde-redondo: 18px;
            --borde-redondo-sm: 10px;
        }

        *,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
            font-size: 17px;
            -webkit-text-size-adjust: 100%;
        }

        body {
            font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
            background: var(--gris-fondo);
            color: var(--gris-texto);
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding-bottom: 80px;
            margin: 0;
            overflow-x: hidden;
            text-rendering: optimizeLegibility;
        }

        /* ============ PERSONALIZACIÓN DE LA BARRA DE DESPLAZAMIENTO (SCROLLBAR) ============ */
        /* Para navegadores WebKit (Chrome, Safari, Edge) */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #eef1f5;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb {
            background: var(--azul-medio);
            border-radius: 10px;
            border: 2px solid #eef1f5;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--azul-claro);
        }

        /* Para Firefox */
        html {
            scrollbar-width: thin;
            scrollbar-color: var(--azul-medio) #eef1f5;
        }

        /* ============ CONTENEDOR PRINCIPAL ============ */
        .page-wrapper {
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
        }

        /* ============ HERO SECTION ============ */
        .hero-section {
            background: linear-gradient(165deg, #061620 0%, #0a1f30 25%, #0f2b46 50%, #0a1f30 75%, #061620 100%);
            position: relative;
            overflow: hidden;
            width: 100%;
            padding: 0;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse at 20% 15%, rgba(26, 74, 111, 0.35) 0%, transparent 55%),
                radial-gradient(ellipse at 78% 65%, rgba(196, 155, 63, 0.09) 0%, transparent 50%),
                radial-gradient(circle at 55% 35%, rgba(255, 255, 255, 0.025) 0%, transparent 45%);
            pointer-events: none;
            z-index: 1;
        }

        .hero-section::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: repeating-linear-gradient(0deg,
                    transparent,
                    transparent 60px,
                    rgba(255, 255, 255, 0.01) 60px,
                    rgba(255, 255, 255, 0.01) 61px);
            pointer-events: none;
            z-index: 1;
        }

        .hero-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            min-height: 680px;
            position: relative;
            z-index: 2;
            gap: 0;
        }

        /* Columna de la foto */
        .hero-photo-col {
            flex: 0 0 44%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            padding: 40px 30px 40px 50px;
        }

        .hero-photo-wrapper {
            position: relative;
            width: 100%;
            max-width: 520px;
            border-radius: var(--borde-redondo);
            overflow: hidden;
            box-shadow:
                0 20px 50px rgba(0, 0, 0, 0.35),
                0 0 0 1px rgba(255, 255, 255, 0.08) inset;
            background: transparent;
            line-height: 0;
        }

        .hero-photo {
            display: block;
            width: 100%;
            height: auto;
            object-fit: contain;
            object-position: center center;
            border-radius: var(--borde-redondo);
            transition: transform 0.4s ease;
            will-change: transform;
            background: #0a1f30;
        }

        .hero-photo-wrapper:hover .hero-photo {
            transform: scale(1.02);
        }

        .hero-photo-wrapper::after {
            display: none;
        }

        /* Columna de la info */
        .hero-info-col {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 60px 60px 60px 25px;
            color: #fff;
            position: relative;
            z-index: 2;
        }

        .hero-badge-row {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 28px;
        }

        .hero-badge {
            display: inline-block;
            background: rgba(255, 255, 255, 0.09);
            border: 1px solid rgba(255, 255, 255, 0.25);
            padding: 9px 20px;
            border-radius: 6px;
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #c8dff5;
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            white-space: nowrap;
            transition: all var(--transicion);
        }

        .hero-badge:hover {
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 255, 255, 0.4);
            color: #fff;
        }

        .hero-name {
            font-size: clamp(4.2rem, 8.5vw, 7.5rem);
            font-weight: 900;
            line-height: 1.05;
            letter-spacing: -0.03em;
            margin: 0 0 16px;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            color: #ffffff;
        }

        .hero-name .apellido {
            color: var(--dorado-claro);
            font-weight: 900;
            display: block;
        }

        .hero-subtitle {
            font-size: clamp(1.15rem, 1.8vw, 1.45rem);
            font-weight: 400;
            color: #c5d9ee;
            margin-bottom: 30px;
            line-height: 1.7;
            letter-spacing: 0.015em;
        }

        .hero-subtitle .cargo-principal {
            display: block;
            font-size: clamp(1.35rem, 2.2vw, 1.7rem);
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 8px;
            letter-spacing: 0.01em;
        }

        .hero-subtitle .linea-secundaria {
            display: block;
            font-weight: 500;
            color: #d0dff2;
            line-height: 1.6;
        }

        .hero-subtitle .dorado {
            color: var(--dorado-claro);
            font-weight: 700;
        }

        .hero-subtitle strong {
            color: #ffffff;
            font-weight: 700;
        }

        .hero-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-bottom: 34px;
        }

        .hero-tag {
            background: rgba(255, 255, 255, 0.08);
            border: 1.5px solid rgba(255, 255, 255, 0.22);
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 0.95rem;
            font-weight: 600;
            color: #e2edfa;
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            white-space: nowrap;
            letter-spacing: 0.03em;
            transition: all var(--transicion);
            cursor: default;
        }

        .hero-tag:hover {
            background: rgba(255, 255, 255, 0.16);
            border-color: rgba(196, 155, 63, 0.5);
            color: #ffffff;
            transform: translateY(-3px);
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
        }

        .hero-cta {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            background: #ffffff;
            color: var(--azul-oscuro);
            padding: 18px 36px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.05rem;
            letter-spacing: 0.04em;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: all var(--transicion);
            align-self: flex-start;
            border: 2px solid transparent;
        }

        .hero-cta:hover {
            background: #eaf3ff;
            transform: translateY(-4px);
            box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
            border-color: rgba(196, 155, 63, 0.5);
        }

        .hero-cta:focus-visible {
            outline: 3px solid var(--dorado);
            outline-offset: 4px;
        }

        .hero-cta svg {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
        }

        /* ============ SECCIÓN BIOGRAFÍA ============ */
        .bio-section {
            width: 100%;
            background: #ffffff;
            padding: 80px 0;
        }

        .bio-container {
            max-width: 960px;
            margin: 0 auto;
            padding: 0 45px;
        }

        .bio-section h2 {
            font-size: clamp(2rem, 3.5vw, 2.8rem);
            font-weight: 800;
            color: var(--azul-oscuro);
            margin-bottom: 32px;
            padding-bottom: 20px;
            position: relative;
            letter-spacing: -0.015em;
        }

        .bio-section h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 90px;
            height: 5px;
            background: linear-gradient(90deg, var(--dorado) 0%, var(--dorado-claro) 60%, transparent 100%);
            border-radius: 4px;
        }

        .bio-text {
            font-size: clamp(1.1rem, 1.6vw, 1.3rem);
            color: var(--gris-oscuro);
            line-height: 2;
            margin-bottom: 32px;
            text-align: justify;
            hyphens: auto;
        }

        .bio-text strong {
            color: var(--azul-medio);
            font-weight: 700;
        }

        .bio-text em {
            color: var(--azul-brillante);
            font-style: normal;
            font-weight: 600;
        }

        /* ============ RECONOCIMIENTOS REDISEÑADOS ============ */
        .reconocimientos-section {
            margin: 40px 0 30px;
        }

        .reconocimientos-section h3 {
            font-size: clamp(1.4rem, 2.2vw, 1.7rem);
            font-weight: 700;
            color: var(--azul-oscuro);
            margin-bottom: 28px;
            display: flex;
            align-items: center;
            gap: 12px;
            letter-spacing: -0.01em;
        }

        .reconocimientos-section h3 .icono-estrella {
            font-size: 1.6rem;
            flex-shrink: 0;
        }

        .reconocimientos-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 16px;
        }

        .reconocimiento-card {
            background: #fafbfd;
            border: 1px solid #e4e9f0;
            border-left: 4px solid var(--dorado);
            border-radius: 8px;
            padding: 18px 22px;
            font-size: 0.95rem;
            font-weight: 600;
            color: var(--azul-medio);
            letter-spacing: 0.025em;
            transition: all var(--transicion);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .reconocimiento-card:hover {
            background: #ffffff;
            border-left-color: var(--azul-brillante);
            box-shadow: var(--sombra-suave);
            transform: translateY(-2px);
        }

        .reconocimiento-card .medalla {
            font-size: 1.3rem;
            flex-shrink: 0;
        }

        /* ============ CONTACTO + REDES SOCIALES EN BIO ============ */
        .contacto-redes-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 30px;
            padding: 40px 0 10px;
            margin-top: 30px;
            border-top: 2px solid #eef1f5;
        }

        .btn-contacto {
            background: var(--azul-medio);
            color: #fff;
            padding: 18px 38px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.05rem;
            display: inline-flex;
            align-items: center;
            gap: 14px;
            transition: all var(--transicion);
            letter-spacing: 0.04em;
            box-shadow: var(--sombra-suave);
            border: 2px solid transparent;
        }

        .btn-contacto:hover {
            background: var(--azul-claro);
            box-shadow: var(--sombra-media);
            transform: translateY(-3px);
            border-color: rgba(196, 155, 63, 0.4);
        }

        .btn-contacto:focus-visible {
            outline: 3px solid var(--dorado);
            outline-offset: 4px;
        }

        .btn-contacto svg {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
        }

        .redes-inline {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }

        .redes-inline .redes-titulo {
            font-size: 0.95rem;
            font-weight: 700;
            color: var(--azul-oscuro);
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }

        .redes-inline .redes-iconos {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .redes-inline .redes-iconos a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: #f0f3f7;
            border: 2px solid #dde3eb;
            transition: all var(--transicion);
            color: var(--azul-medio);
            text-decoration: none;
        }

        .redes-inline .redes-iconos a svg {
            width: 21px;
            height: 21px;
            fill: currentColor;
        }

        .redes-inline .redes-iconos a:hover {
            background: var(--azul-medio);
            border-color: var(--azul-medio);
            color: #ffffff;
            transform: translateY(-4px);
            box-shadow: var(--sombra-media);
        }

        .redes-inline .redes-iconos a:focus-visible {
            outline: 3px solid var(--dorado);
            outline-offset: 3px;
        }

        /* ============ FOOTER ============ */
        .profile-page-footer {
            text-align: center;
            padding: 28px 30px 20px;
            font-size: 0.9rem;
            color: #6b7380;
            background: #fafbfc;
            border-top: 1px solid #eef1f5;
            letter-spacing: 0.03em;
        }

        .profile-page-footer .footer-marca {
            font-weight: 700;
            color: var(--azul-oscuro);
            font-size: 0.8rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        /* ============ BARRA SOCIAL STICKY ============ */
        .social-sticky-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            background: linear-gradient(180deg,
                    rgba(9, 28, 46, 0.975) 0%,
                    rgba(9, 28, 46, 0.995) 100%);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-top: 2px solid rgba(196, 155, 63, 0.4);
            padding: 11px 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 22px;
            box-shadow: 0 -10px 35px rgba(0, 0, 0, 0.3);
        }

        .social-sticky-bar .social-label {
            color: #a0b8cc;
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: 0.07em;
            text-transform: uppercase;
            white-space: nowrap;
            display: none;
        }

        .social-sticky-bar a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.07);
            border: 1.5px solid rgba(255, 255, 255, 0.22);
            transition: all var(--transicion);
            color: #d0dce8;
            text-decoration: none;
            flex-shrink: 0;
        }

        .social-sticky-bar a svg {
            width: 21px;
            height: 21px;
            fill: currentColor;
        }

        .social-sticky-bar a:hover {
            background: rgba(255, 255, 255, 0.18);
            border-color: rgba(255, 255, 255, 0.55);
            color: #ffffff;
            transform: translateY(-5px);
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
        }

        .social-sticky-bar a:focus-visible {
            outline: 3px solid var(--dorado);
            outline-offset: 3px;
        }

        .social-sticky-bar a.email-btn-sticky {
            background: var(--dorado);
            border-color: var(--dorado);
            color: var(--azul-oscuro);
            font-weight: 700;
            width: auto;
            padding: 0 22px;
            border-radius: 30px;
            gap: 9px;
            font-size: 0.84rem;
            letter-spacing: 0.05em;
            white-space: nowrap;
        }

        .social-sticky-bar a.email-btn-sticky:hover {
            background: #d4a93a;
            border-color: #d4a93a;
            color: #000;
            transform: translateY(-5px);
        }

        .social-sticky-bar a.email-btn-sticky svg {
            width: 17px;
            height: 17px;
        }

        /* ============ RESTAURACIÓN TAMAÑOS ORIGINALES EN ESCRITORIO (>1024px) ============ */
        @media screen and (min-width: 1025px) {
            .hero-name {
                font-size: 2.4rem;
                line-height: 1.15;
                letter-spacing: -0.02em;
            }

            .hero-name .apellido {
                display: inline;
            }

            .hero-name br {
                display: none;
            }

            .hero-subtitle {
                font-size: 1.1rem;
                line-height: 1.5;
                margin-bottom: 22px;
            }

            .hero-subtitle .cargo-principal {
                display: inline;
                font-size: inherit;
                font-weight: 700;
                color: #ffffff;
                margin-bottom: 0;
            }

            .hero-subtitle .linea-secundaria {
                display: inline;
                font-weight: 400;
                color: #d0dff2;
            }

            .hero-subtitle .linea-secundaria::before {
                content: " · ";
                color: #c5d9ee;
            }

            .hero-subtitle .cargo-principal+.linea-secundaria::before {
                content: " · ";
            }

            .hero-badge {
                font-size: 0.8rem;
                padding: 6px 16px;
                letter-spacing: 0.06em;
            }

            .hero-tag {
                font-size: 0.85rem;
                padding: 8px 18px;
            }

            .hero-cta {
                font-size: 0.95rem;
                padding: 13px 26px;
            }

            .hero-cta svg {
                width: 18px;
                height: 18px;
            }
        }

        /* ============ RESPONSIVE - TABLET (768px - 1024px) ============ */
        @media screen and (max-width: 1024px) and (min-width: 768px) {
            .hero-container {
                flex-direction: column;
                min-height: auto;
            }

            .hero-photo-col {
                flex: 0 0 auto;
                padding: 50px 40px 0;
                max-width: 420px;
                margin: 0 auto;
            }

            .hero-photo-wrapper {
                max-width: 100%;
            }

            .hero-photo {
                height: auto;
                object-fit: contain;
                border-radius: var(--borde-redondo);
            }

            .hero-info-col {
                padding: 40px 45px 55px;
                text-align: center;
                align-items: center;
            }

            .hero-name {
                font-size: 5rem;
            }

            .hero-badge-row {
                justify-content: center;
            }

            .hero-tags {
                justify-content: center;
            }

            .hero-cta {
                align-self: center;
            }

            .bio-container {
                padding: 0 35px;
            }

            .bio-section h2 {
                text-align: center;
                font-size: 2.3rem;
            }

            .bio-section h2::after {
                left: 50%;
                transform: translateX(-50%);
            }

            .bio-text {
                text-align: justify;
                font-size: 1.15rem;
            }

            .reconocimientos-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .social-sticky-bar .social-label {
                display: inline;
            }
        }

        /* ============ RESPONSIVE - TELÉFONO (< 768px) ============ */
        @media screen and (max-width: 767px) {
            html {
                font-size: 16px;
            }

            body {
                padding-bottom: 85px;
            }

            .hero-container {
                flex-direction: column;
                min-height: auto;
            }

            .hero-photo-col {
                flex: 0 0 auto;
                padding: 30px 20px 0;
                max-width: 300px;
                margin: 0 auto;
            }

            .hero-photo-wrapper {
                max-width: 100%;
                border-radius: var(--borde-redondo-sm);
            }

            .hero-photo {
                height: auto;
                object-fit: contain;
                border-radius: var(--borde-redondo-sm);
            }

            .hero-info-col {
                padding: 32px 22px 48px;
                text-align: center;
                align-items: center;
            }

            .hero-name {
                font-size: 2.9rem;
                letter-spacing: -0.025em;
            }

            .hero-subtitle {
                font-size: 1.05rem;
                line-height: 1.6;
            }

            .hero-subtitle .cargo-principal {
                font-size: 1.2rem;
            }

            .hero-badge-row {
                justify-content: center;
                gap: 8px;
            }

            .hero-badge {
                font-size: 0.7rem;
                padding: 7px 14px;
                letter-spacing: 0.06em;
            }

            .hero-tags {
                justify-content: center;
                gap: 9px;
            }

            .hero-tag {
                font-size: 0.82rem;
                padding: 10px 16px;
                border-radius: 6px;
            }

            .hero-cta {
                align-self: center;
                font-size: 0.92rem;
                padding: 15px 28px;
            }

            .bio-section {
                padding: 50px 0;
            }

            .bio-container {
                padding: 0 20px;
            }

            /* Título de biografía duplicado en móvil */
            .bio-section h2 {
                text-align: center;
                font-size: 3.8rem;
                /* duplicado desde 1.9rem */
            }

            .bio-section h2::after {
                left: 50%;
                transform: translateX(-50%);
                width: 70px;
            }

            /* Texto de biografía duplicado en móvil */
            .bio-text {
                text-align: justify;
                font-size: 2.1rem;
                /* duplicado desde 1.05rem */
                line-height: 1.85;
            }

            .reconocimientos-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .reconocimiento-card {
                font-size: 0.88rem;
                padding: 14px 18px;
            }

            .contacto-redes-block {
                gap: 22px;
                padding: 28px 0 5px;
            }

            .btn-contacto {
                width: 100%;
                justify-content: center;
                font-size: 0.95rem;
                padding: 16px 22px;
            }

            .redes-inline .redes-iconos a {
                width: 42px;
                height: 42px;
            }

            .redes-inline .redes-iconos a svg {
                width: 18px;
                height: 18px;
            }

            .profile-page-footer {
                font-size: 0.78rem;
                padding: 22px 15px 16px;
            }

            .social-sticky-bar {
                gap: 11px;
                padding: 9px 12px;
            }

            .social-sticky-bar a {
                width: 40px;
                height: 40px;
            }

            .social-sticky-bar a svg {
                width: 18px;
                height: 18px;
            }

            .social-sticky-bar a.email-btn-sticky {
                font-size: 0.73rem;
                padding: 0 14px;
                height: 40px;
                gap: 6px;
            }

            .social-sticky-bar a.email-btn-sticky svg {
                width: 15px;
                height: 15px;
            }
        }

        /* ============ TELÉFONO MUY PEQUEÑO (< 400px) ============ */
        @media screen and (max-width: 399px) {
            .hero-photo-col {
                max-width: 230px;
                padding: 22px 14px 0;
            }

            .hero-name {
                font-size: 2.2rem;
            }

            .hero-subtitle .cargo-principal {
                font-size: 1.05rem;
            }

            .hero-tag {
                font-size: 0.73rem;
                padding: 8px 12px;
            }

            .hero-cta {
                font-size: 0.85rem;
                padding: 13px 22px;
            }

            /* Texto de biografía duplicado en teléfono muy pequeño */
            .bio-text {
                font-size: 1.9rem;
                /* duplicado desde 0.95rem */
            }

            .social-sticky-bar {
                gap: 7px;
                padding: 7px 8px;
            }

            .social-sticky-bar a {
                width: 36px;
                height: 36px;
            }

            .social-sticky-bar a svg {
                width: 16px;
                height: 16px;
            }

            .social-sticky-bar a.email-btn-sticky {
                font-size: 0.68rem;
                padding: 0 10px;
                height: 36px;
            }
        }

        /* ============ UTILIDADES DE ACCESIBILIDAD ============ */
        @media (prefers-reduced-motion: reduce) {
            *,
            *::before,
            *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
                scroll-behavior: auto !important;
            }
        }

        @media (prefers-contrast: high) {
            .hero-name {
                text-shadow: none;
            }

            .hero-tag,
            .hero-badge {
                border-width: 2px;
            }
        }

        @media print {
            .social-sticky-bar {
                display: none;
            }

            body {
                padding-bottom: 0;
                background: #fff;
            }

            .hero-section {
                background: #fff !important;
                color: #000 !important;
            }

            .hero-name,
            .hero-subtitle,
            .hero-tag,
            .hero-badge {
                color: #000 !important;
                text-shadow: none !important;
            }
        }
    </style>
</head>
<body>
    <div class="page-wrapper">

        <!-- ==================== HERO SECTION ==================== -->
        <header class="hero-section" itemscope itemtype="https://schema.org/Person" aria-labelledby="hero-heading">
            <div class="hero-container">
                <!-- Fotografía -->
                <div class="hero-photo-col">
                    <div class="hero-photo-wrapper">
                        <img
                            src="https://cindej.com/wp-content/uploads/2026/07/author-617a9df9-f2a0-4d78-875e-a9b5d46bc79d.webp"
                            alt="Retrato profesional de José Domingo Julio Pretelt, doctorando en psicología, abogado y gerente hospitalario colombiano"
                            class="hero-photo"
                            itemprop="image"
                            width="520"
                            height="650"
                            loading="eager"
                            decoding="async"
                        >
                    </div>
                </div>

                <!-- Información principal -->
                <div class="hero-info-col">
                    <div class="hero-badge-row">
                        <span class="hero-badge" aria-label="Etiqueta de perfil">Perfil Profesional</span>
                    </div>

                    <h1 class="hero-name" id="hero-heading" itemprop="name">
                        José Domingo<br><span class="apellido">Julio Pretelt</span>
                    </h1>

                    <p class="hero-subtitle">
                        <span class="cargo-principal">Doctorando en Psicología</span>
                        <span class="linea-secundaria">Abogado Especialista en Derecho Administrativo, Gerencia y Auditoría</span>
                        <span class="linea-secundaria"><strong class="dorado">+20 años</strong> en Gerencia y Gestión Hospitalaria</span>
                    </p>

                    <div class="hero-tags" aria-label="Especialidades profesionales">
                        <span class="hero-tag">🧠 Neurociencias</span>
                        <span class="hero-tag">📈 Neuromarketing</span>
                        <span class="hero-tag">📱 RRSS</span>
                        <span class="hero-tag">⚖️ DDHH</span>
                        <span class="hero-tag">🏥 Salud Pública</span>
                    </div>

                    <a href="mailto:jose.julio@cindej.com" class="hero-cta" itemprop="email" aria-label="Enviar correo electrónico a José Domingo Julio Pretelt">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" aria-hidden="true">
                            <rect x="2" y="4" width="20" height="16" rx="2"/>
                            <path d="M22 4L12 13L2 4"/>
                        </svg>
                        jose.julio@cindej.com
                    </a>
                </div>
            </div>
        </header>

        <!-- ==================== BIOGRAFÍA ==================== -->
        <main>
            <section class="bio-section" aria-labelledby="biografia-titulo">
                <div class="bio-container">
                    <h2 id="biografia-titulo">Biografía Profesional</h2>

                    <p class="bio-text">
                        <strong>José Domingo Julio Pretelt</strong> es un destacado profesional colombiano del sector salud, <strong>doctorando en psicología</strong>, <strong>abogado especialista en derecho administrativo, gerencia y auditoría</strong>, con más de <strong>20 años de experiencia</strong> en la gerencia y gestión hospitalaria. Es <strong>experto en RRSS, Neurociencias y Neuromarketing</strong>. Se ha desempeñado como gerente de Empresas Sociales del Estado en múltiples entidades, aunque en sus inicios comenzó laborando en servicios de urgencias y cuidados intensivos y como <em>docente universitario</em>.
                    </p>

                    <p class="bio-text">
                        En la actualidad es <strong>escritor</strong> y como jurista se desempeña como <strong>defensor de derechos humanos, defensor de la salud pública</strong> y de derechos fundamentales como la educación, el empleo, la dignidad humana y la justicia social. Su trayectoria ha sido reconocida por organismos nacionales e internacionales, consolidándolo como un referente en la intersección entre <em>salud, derecho y neurociencias</em>.
                    </p>

                    <!-- Reconocimientos rediseñados -->
                    <div class="reconocimientos-section" aria-labelledby="reconocimientos-titulo">
                        <h3 id="reconocimientos-titulo">
                            <span class="icono-estrella" aria-hidden="true">⭐</span> Reconocimientos y Distinciones
                        </h3>
                        <div class="reconocimientos-grid">
                            <div class="reconocimiento-card">
                                <span class="medalla" aria-hidden="true">🏅</span> OPS
                            </div>
                            <div class="reconocimiento-card">
                                <span class="medalla" aria-hidden="true">🏅</span> Ministerio de Salud
                            </div>
                            <div class="reconocimiento-card">
                                <span class="medalla" aria-hidden="true">🏅</span> Asoc. Colombiana de Salud Pública
                            </div>
                            <div class="reconocimiento-card">
                                <span class="medalla" aria-hidden="true">🏅</span> Asoc. Colombiana de Hospitales
                            </div>
                            <div class="reconocimiento-card">
                                <span class="medalla" aria-hidden="true">🏅</span> Universidades del país
                            </div>
                            <div class="reconocimiento-card">
                                <span class="medalla" aria-hidden="true">🏅</span> Gobernación de Antioquia
                            </div>
                            <div class="reconocimiento-card">
                                <span class="medalla" aria-hidden="true">🏅</span> Asamblea Departamental
                            </div>
                        </div>
                    </div>

                    <!-- Contacto + Redes sociales -->
                    <div class="contacto-redes-block">
                        <a href="mailto:jose.julio@cindej.com" class="btn-contacto" aria-label="Enviar mensaje directo a José Domingo Julio Pretelt">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                                <rect x="2" y="4" width="20" height="16" rx="2"/>
                                <path d="M22 4L12 13L2 4"/>
                            </svg>
                            Enviar mensaje directo
                        </a>

                        <div class="redes-inline">
                            <span class="redes-titulo">Sígueme en redes sociales</span>
                            <div class="redes-iconos" aria-label="Enlaces a redes sociales oficiales">
                                <a href="https://www.facebook.com/josejuliopretel" target="_blank" rel="noopener noreferrer" aria-label="Facebook de José Julio Pretelt (abre en nueva pestaña)">
                                    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.128 22 16.991 22 12z"/></svg>
                                </a>
                                <a href="https://x.com/josejuliopretel" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter) de José Julio Pretelt (abre en nueva pestaña)">
                                    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
                                </a>
                                <a href="https://www.youtube.com/@josejuliopretelt" target="_blank" rel="noopener noreferrer" aria-label="YouTube de José Julio Pretelt (abre en nueva pestaña)">
                                    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
                                </a>
                                <a href="https://www.instagram.com/josejuliopretelt" target="_blank" rel="noopener noreferrer" aria-label="Instagram de José Julio Pretelt (abre en nueva pestaña)">
                                    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
                                </a>
                                <a href="https://www.tiktok.com/@josejuliopretelt" target="_blank" rel="noopener noreferrer" aria-label="TikTok de José Julio Pretelt (abre en nueva pestaña)">
                                    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <!-- ==================== FOOTER ==================== -->
        <footer class="profile-page-footer" role="contentinfo">
            <p class="footer-marca">Perfil Oficial</p>
            <p>© José Domingo Julio Pretelt · CINDEJ · Colombia · Perfil verificado</p>
        </footer>

        <!-- ==================== BARRA SOCIAL STICKY ==================== -->
        <nav class="social-sticky-bar" aria-label="Acceso rápido a redes sociales" role="navigation">
            <span class="social-label">Sígueme:</span>
            <a href="https://www.facebook.com/josejuliopretel" target="_blank" rel="noopener noreferrer" aria-label="Facebook de José Julio Pretelt">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.128 22 16.991 22 12z"/></svg>
            </a>
            <a href="https://x.com/josejuliopretel" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter) de José Julio Pretelt">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
            </a>
            <a href="https://www.youtube.com/@josejuliopretelt" target="_blank" rel="noopener noreferrer" aria-label="YouTube de José Julio Pretelt">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
            </a>
            <a href="https://www.instagram.com/josejuliopretelt" target="_blank" rel="noopener noreferrer" aria-label="Instagram de José Julio Pretelt">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
            </a>
            <a href="https://www.tiktok.com/@josejuliopretelt" target="_blank" rel="noopener noreferrer" aria-label="TikTok de José Julio Pretelt">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
            </a>
            <a href="mailto:jose.julio@cindej.com" class="email-btn-sticky" aria-label="Enviar correo a José Domingo Julio Pretelt">
                <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" aria-hidden="true">
                    <rect x="2" y="4" width="20" height="16" rx="2"/>
                    <path d="M22 4L12 13L2 4"/>
                </svg>
                Email
            </a>
        </nav>

    </div>
</body>
</html>/* End custom CSS */