Skinnovation Consulting<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n:root { --cream: #f7f4f0; --ink: #1a1a18; --muted: #8a8680; --rule: #d8d4ce; --accent: #b8956a; }\nhtml { scroll-behavior: smooth; }\nbody { background: var(--cream); color: var(--ink); font-family: 'Jost', sans-serif; }\n\nbody::before {\n content: '';\n position: fixed; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none; opacity: 0.45; z-index: 999;\n}\n\n\/* Animations *\/\n.fade-up { opacity: 0; transform: translateY(28px); transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1); }\n.fade-up.visible { opacity: 1; transform: translateY(0); }\n.d1 { transition-delay: 0.10s; } .d2 { transition-delay: 0.22s; }\n.d3 { transition-delay: 0.34s; } .d4 { transition-delay: 0.46s; }\n.d5 { transition-delay: 0.58s; } .d6 { transition-delay: 0.70s; }\n\n\/* NAV *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 0 clamp(24px, 5vw, 72px); height: 64px;\n display: flex; align-items: center; justify-content: space-between;\n transition: background 0.4s ease, border-color 0.4s ease;\n}\nnav.scrolled { background: rgba(247,244,240,0.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--rule); }\n.nav-brand { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; font-weight: 400; letter-spacing: 0.1em; color: var(--ink); text-decoration: none; }\n.nav-email { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); text-decoration: none; transition: color 0.2s; }\n.nav-email:hover { color: var(--ink); }\n\n\/* HERO *\/\n.hero {\n min-height: 100vh;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n text-align: center;\n padding: 120px clamp(24px, 6vw, 80px) 100px;\n position: relative;\n}\n.eyebrow { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 52px; }\n.eyebrow::before, .eyebrow::after { content: ''; width: 36px; height: 1px; background: var(--accent); }\n.eyebrow span { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); }\n.headline { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(4rem, 11vw, 9rem); line-height: 1.03; letter-spacing: -0.02em; color: var(--ink); max-width: 1000px; }\n.headline em { font-style: italic; color: var(--accent); }\n.ornament { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 44px 0; }\n.ornament::before, .ornament::after { content: ''; width: 64px; height: 1px; background: var(--rule); }\n.ornament-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }\n.hero-desc { font-size: clamp(1rem, 1.8vw, 1.2rem); font-weight: 300; line-height: 1.85; color: var(--muted); max-width: 560px; margin-bottom: 56px; }\n.hero-desc strong { color: var(--ink); font-weight: 400; }\n\n\/* Button *\/\n.btn-primary {\n display: inline-flex; align-items: center; gap: 18px;\n padding: 20px 60px;\n background: var(--ink); color: #f7f4f0 !important;\n text-decoration: none !important;\n font-family: 'Jost', sans-serif;\n font-size: 0.75rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase;\n transition: background 0.25s ease, gap 0.3s cubic-bezier(0.16,1,0.3,1);\n}\n.btn-primary:visited { color: #f7f4f0 !important; }\n.btn-primary:hover { background: #2a2a28; gap: 26px; }\n.btn-arrow { font-size: 1.1rem; }\n\n\/* Scroll hint *\/\n.scroll-hint {\n position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);\n display: flex; flex-direction: column; align-items: center; gap: 8px;\n opacity: 0.35; animation: scrollBob 2.2s ease-in-out infinite;\n}\n.scroll-hint span { font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }\n.scroll-line { width: 1px; height: 36px; background: linear-gradient(to bottom, var(--accent), transparent); }\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(7px); }\n}\n\n\/* PROFILE STRIP *\/\n.profile-strip {\n border-top: 1px solid var(--rule);\n padding: clamp(60px, 10vw, 100px) clamp(24px, 6vw, 80px);\n display: grid; grid-template-columns: 1fr 1fr;\n gap: clamp(40px, 6vw, 100px); align-items: start;\n}\n.profile-label { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; display: block; }\n.profile-statement { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 300; line-height: 1.2; letter-spacing: -0.01em; color: var(--ink); }\n.profile-statement em { font-style: italic; color: var(--accent); }\n.profile-pills { display: flex; flex-direction: column; gap: 16px; }\n.profile-pill { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border: 1px solid var(--rule); transition: border-color 0.25s; }\n.profile-pill:hover { border-color: var(--accent); }\n.pill-tag { font-family: 'Cormorant Garamond', serif; font-size: 0.75rem; color: var(--accent); letter-spacing: 0.06em; padding-top: 2px; white-space: nowrap; min-width: 52px; }\n.pill-body { }\n.pill-title { font-size: 1rem; font-weight: 400; color: var(--ink); margin-bottom: 6px; }\n.pill-desc { font-size: 0.92rem; font-weight: 300; line-height: 1.72; color: var(--muted); }\n\n\/* SERVICES *\/\n.services-section { padding: clamp(80px, 12vw, 140px) clamp(24px, 6vw, 80px); border-top: 1px solid var(--rule); }\n.section-header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 64px; flex-wrap: wrap; gap: 16px; }\n.section-label { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: 14px; }\n.section-label::after { content: ''; width: 36px; height: 1px; background: var(--accent); display: inline-block; }\n.section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 4vw, 3.6rem); font-weight: 300; letter-spacing: -0.01em; color: var(--ink); }\n.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); }\n.service-item { padding: 44px 44px 44px 0; border-top: 1px solid var(--rule); transition: border-top-color 0.3s; }\n.service-item:nth-child(even) { padding-left: 44px; padding-right: 0; border-left: 1px solid var(--rule); }\n.service-item:hover { border-top-color: var(--accent); }\n.service-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }\n.service-num { font-family: 'Cormorant Garamond', serif; font-size: 0.8rem; color: var(--accent); letter-spacing: 0.1em; }\n.service-tag { font-size: 0.6rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); background: rgba(184,149,106,0.08); padding: 4px 10px; }\n.service-title-text { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.9rem, 3vw, 2.4rem); font-weight: 300; letter-spacing: -0.01em; color: var(--ink); margin-bottom: 16px; line-height: 1.12; }\n.service-desc { font-size: 0.95rem; font-weight: 300; line-height: 1.82; color: var(--muted); }\n\n\/* CLOSING *\/\n.closing-section {\n padding: clamp(80px, 12vw, 140px) clamp(24px, 6vw, 80px);\n border-top: 1px solid var(--rule);\n text-align: center; display: flex; flex-direction: column; align-items: center;\n}\n.closing-headline { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.6rem, 6vw, 5.2rem); font-weight: 300; line-height: 1.08; letter-spacing: -0.02em; max-width: 720px; margin-bottom: 48px; }\n.closing-headline em { font-style: italic; color: var(--accent); }\n.closing-sub { font-size: 0.82rem; font-weight: 300; color: var(--muted); letter-spacing: 0.06em; margin-top: 36px; }\n\n\/* FOOTER *\/\nfooter { border-top: 1px solid var(--rule); padding: 22px clamp(24px, 6vw, 80px); display: flex; justify-content: center; align-items: center; gap: 28px; flex-wrap: wrap; position: relative; }\nfooter::before { content: ''; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 48px; height: 1px; background: var(--accent); }\n.footer-brand { font-family: 'Cormorant Garamond', serif; font-size: 0.85rem; letter-spacing: 0.08em; color: var(--muted); }\n.footer-sep { width: 3px; height: 3px; border-radius: 50%; background: var(--rule); }\n.footer-email { font-size: 0.75rem; color: var(--muted); text-decoration: none; letter-spacing: 0.04em; font-weight: 300; transition: color 0.2s; }\n.footer-email:hover { color: var(--ink); }\n\n@media (max-width: 768px) {\n .profile-strip { grid-template-columns: 1fr; }\n .services-grid { grid-template-columns: 1fr; }\n .service-item { padding: 36px 0 !important; border-left: none !important; }\n .section-header { flex-direction: column; }\n footer { gap: 12px; }\n .footer-sep { display: none; }\n nav .nav-email { display: none; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"sk-nav\">\n <a href=\"#\" class=\"nav-brand\">Skinnovation<\/a>\n <a href=\"mailto:contact@skinnovation.es\" class=\"nav-email\">contact@skinnovation.es<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"eyebrow fade-up\">\n <span>Dermatology \u00b7 Innovation \u00b7 Barcelona<\/span>\n <\/div>\n <h1 class=\"headline fade-up d1\">\n Clinical Expertise.<br>\n <em>Strategic<\/em> Vision.\n <\/h1>\n <div class=\"ornament fade-up d2\">\n <div class=\"ornament-dot\"><\/div>\n <\/div>\n <p class=\"hero-desc fade-up d3\">\n Independent medical consulting at the intersection of <strong>oncodermatology<\/strong>, surgical innovation, and digital health \u2014 for pharma and medtech companies that demand clinical depth.\n <\/p>\n <div class=\"fade-up d4\">\n <a href=\"mailto:contact@skinnovation.es\" class=\"btn-primary\">\n Get in touch <span class=\"btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <div class=\"scroll-hint\" aria-hidden=\"true\">\n <span>Scroll<\/span>\n <div class=\"scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"profile-strip\">\n <div class=\"profile-left\">\n <span class=\"profile-label fade-up\">The difference<\/span>\n <p class=\"profile-statement fade-up d1\">\n A practicing dermatologist with the <em>strategic lens<\/em> the industry needs \u2014 and rarely finds.\n <\/p>\n <\/div>\n <div class=\"profile-pills\">\n <div class=\"profile-pill fade-up d2\">\n <span class=\"pill-tag\">Clinical<\/span>\n <div class=\"pill-body\">\n <div class=\"pill-title\">Active in practice<\/div>\n <p class=\"pill-desc\">Seeing patients in oncodermatology and surgical dermatology \u2014 grounding every recommendation in real clinical reality.<\/p>\n <\/div>\n <\/div>\n <div class=\"profile-pill fade-up d3\">\n <span class=\"pill-tag\">Industry<\/span>\n <div class=\"pill-body\">\n <div class=\"pill-title\">KOL & Advisory<\/div>\n <p class=\"pill-desc\">Engaged with international pharma and medtech companies. Advisory boards, trial design, and launch strategy.<\/p>\n <\/div>\n <\/div>\n <div class=\"profile-pill fade-up d4\">\n <span class=\"pill-tag\">Research<\/span>\n <div class=\"pill-body\">\n <div class=\"pill-title\">Evidence-driven<\/div>\n <p class=\"pill-desc\">Designing and participating in clinical trials. Bridging scientific rigour with commercial applicability.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services-section\">\n <div class=\"section-header fade-up\">\n <span class=\"section-label\">What I do<\/span>\n <h2 class=\"section-title\">Areas of work<\/h2>\n <\/div>\n <div class=\"services-grid\">\n\n <div class=\"service-item fade-up d1\">\n <div class=\"service-header\">\n <span class=\"service-num\">01<\/span>\n <span class=\"service-tag\">Active dermatologist<\/span>\n <\/div>\n <div class=\"service-title-text\">Clinical Practice<\/div>\n <p class=\"service-desc\">Specialized in oncodermatology and surgical dermatology, with an active clinical practice. Direct patient care informs every strategic recommendation \u2014 a perspective the industry rarely finds in a consultant.<\/p>\n <\/div>\n\n <div class=\"service-item fade-up d2\">\n <div class=\"service-header\">\n <span class=\"service-num\">02<\/span>\n <span class=\"service-tag\">Pharma \u00b7 Medtech \u00b7 KOL<\/span>\n <\/div>\n <div class=\"service-title-text\">Advisory & Strategy<\/div>\n <p class=\"service-desc\">Advisory board participation, product launch strategy, and clinical positioning for pharma and medtech companies. Bridging the gap between scientific evidence and commercial decisions.<\/p>\n <\/div>\n\n <div class=\"service-item fade-up d3\">\n <div class=\"service-header\">\n <span class=\"service-num\">03<\/span>\n <span class=\"service-tag\">Trial design \u00b7 Evidence<\/span>\n <\/div>\n <div class=\"service-title-text\">Clinical Research<\/div>\n <p class=\"service-desc\">Design and participation in clinical trials within dermatology. From protocol development to endpoint selection \u2014 with the clinical depth to make research actionable.<\/p>\n <\/div>\n\n <div class=\"service-item fade-up d4\">\n <div class=\"service-header\">\n <span class=\"service-num\">04<\/span>\n <span class=\"service-tag\">Training \u00b7 International<\/span>\n <\/div>\n <div class=\"service-title-text\">Medical Education<\/div>\n <p class=\"service-desc\">Medical education programs and scientific communication for healthcare professionals. Collaborating with international companies and institutions to elevate clinical standards.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"closing-section\">\n <h2 class=\"closing-headline fade-up\">\n Ready to bring <em>precision<\/em> to your next move?\n <\/h2>\n <div class=\"fade-up d2\">\n <a href=\"mailto:contact@skinnovation.es\" class=\"btn-primary\">\n Start a conversation <span class=\"btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <p class=\"closing-sub fade-up d3\">contact@skinnovation.es \u00b7 Barcelona, Spain<\/p>\n<\/section>\n\n\n<footer>\n <span class=\"footer-brand\">Skinnovation Consulting, S.L.P.<\/span>\n <div class=\"footer-sep\"><\/div>\n <a href=\"mailto:contact@skinnovation.es\" class=\"footer-email\">contact@skinnovation.es<\/a>\n<\/footer>\n\n<script>\n \/\/ Nav scroll effect\n var nav = document.getElementById('sk-nav');\n window.addEventListener('scroll', function() {\n nav.classList.toggle('scrolled', window.scrollY > 40);\n });\n\n \/\/ Fade-up on scroll (IntersectionObserver)\n var fadeEls = document.querySelectorAll('.fade-up');\n\n \/\/ Hero elements visible immediately\n setTimeout(function() {\n document.querySelectorAll('.hero .fade-up').forEach(function(el) {\n el.classList.add('visible');\n });\n }, 80);\n\n \/\/ All other elements on scroll\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n fadeEls.forEach(function(el) {\n if (!el.closest('.hero')) observer.observe(el);\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Skinnovation Consulting Skinnovation contact@skinnovation.es Dermatology \u00b7 Innovation \u00b7 Barcelona Clinical Expertise. Strategic Vision. Independent medical consulting at the intersection of […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skinnovation.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":11,"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2025-12-30T14:49:10","date_gmt":"2025-12-30T14:49:10","guid":{"rendered":"https:\/\/skinnovation.es\/?page_id=2"},"modified":"2026-03-12T09:47:15","modified_gmt":"2026-03-12T09:47:15","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/skinnovation.es\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\n\nSkinnovation Consulting<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n:root { --cream: #f7f4f0; --ink: #1a1a18; --muted: #8a8680; --rule: #d8d4ce; --accent: #b8956a; }\nhtml { scroll-behavior: smooth; }\nbody { background: var(--cream); color: var(--ink); font-family: 'Jost', sans-serif; }\n\nbody::before {\n content: '';\n position: fixed; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none; opacity: 0.45; z-index: 999;\n}\n\n\/* Animations *\/\n.fade-up { opacity: 0; transform: translateY(28px); transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1); }\n.fade-up.visible { opacity: 1; transform: translateY(0); }\n.d1 { transition-delay: 0.10s; } .d2 { transition-delay: 0.22s; }\n.d3 { transition-delay: 0.34s; } .d4 { transition-delay: 0.46s; }\n.d5 { transition-delay: 0.58s; } .d6 { transition-delay: 0.70s; }\n\n\/* NAV *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 0 clamp(24px, 5vw, 72px); height: 64px;\n display: flex; align-items: center; justify-content: space-between;\n transition: background 0.4s ease, border-color 0.4s ease;\n}\nnav.scrolled { background: rgba(247,244,240,0.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--rule); }\n.nav-brand { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; font-weight: 400; letter-spacing: 0.1em; color: var(--ink); text-decoration: none; }\n.nav-email { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); text-decoration: none; transition: color 0.2s; }\n.nav-email:hover { color: var(--ink); }\n\n\/* HERO *\/\n.hero {\n min-height: 100vh;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n text-align: center;\n padding: 120px clamp(24px, 6vw, 80px) 100px;\n position: relative;\n}\n.eyebrow { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 52px; }\n.eyebrow::before, .eyebrow::after { content: ''; width: 36px; height: 1px; background: var(--accent); }\n.eyebrow span { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); }\n.headline { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(4rem, 11vw, 9rem); line-height: 1.03; letter-spacing: -0.02em; color: var(--ink); max-width: 1000px; }\n.headline em { font-style: italic; color: var(--accent); }\n.ornament { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 44px 0; }\n.ornament::before, .ornament::after { content: ''; width: 64px; height: 1px; background: var(--rule); }\n.ornament-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }\n.hero-desc { font-size: clamp(1rem, 1.8vw, 1.2rem); font-weight: 300; line-height: 1.85; color: var(--muted); max-width: 560px; margin-bottom: 56px; }\n.hero-desc strong { color: var(--ink); font-weight: 400; }\n\n\/* Button *\/\n.btn-primary {\n display: inline-flex; align-items: center; gap: 18px;\n padding: 20px 60px;\n background: var(--ink); color: #f7f4f0 !important;\n text-decoration: none !important;\n font-family: 'Jost', sans-serif;\n font-size: 0.75rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase;\n transition: background 0.25s ease, gap 0.3s cubic-bezier(0.16,1,0.3,1);\n}\n.btn-primary:visited { color: #f7f4f0 !important; }\n.btn-primary:hover { background: #2a2a28; gap: 26px; }\n.btn-arrow { font-size: 1.1rem; }\n\n\/* Scroll hint *\/\n.scroll-hint {\n position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);\n display: flex; flex-direction: column; align-items: center; gap: 8px;\n opacity: 0.35; animation: scrollBob 2.2s ease-in-out infinite;\n}\n.scroll-hint span { font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }\n.scroll-line { width: 1px; height: 36px; background: linear-gradient(to bottom, var(--accent), transparent); }\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(7px); }\n}\n\n\/* PROFILE STRIP *\/\n.profile-strip {\n border-top: 1px solid var(--rule);\n padding: clamp(60px, 10vw, 100px) clamp(24px, 6vw, 80px);\n display: grid; grid-template-columns: 1fr 1fr;\n gap: clamp(40px, 6vw, 100px); align-items: start;\n}\n.profile-label { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; display: block; }\n.profile-statement { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 300; line-height: 1.2; letter-spacing: -0.01em; color: var(--ink); }\n.profile-statement em { font-style: italic; color: var(--accent); }\n.profile-pills { display: flex; flex-direction: column; gap: 16px; }\n.profile-pill { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border: 1px solid var(--rule); transition: border-color 0.25s; }\n.profile-pill:hover { border-color: var(--accent); }\n.pill-tag { font-family: 'Cormorant Garamond', serif; font-size: 0.75rem; color: var(--accent); letter-spacing: 0.06em; padding-top: 2px; white-space: nowrap; min-width: 52px; }\n.pill-body { }\n.pill-title { font-size: 1rem; font-weight: 400; color: var(--ink); margin-bottom: 6px; }\n.pill-desc { font-size: 0.92rem; font-weight: 300; line-height: 1.72; color: var(--muted); }\n\n\/* SERVICES *\/\n.services-section { padding: clamp(80px, 12vw, 140px) clamp(24px, 6vw, 80px); border-top: 1px solid var(--rule); }\n.section-header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 64px; flex-wrap: wrap; gap: 16px; }\n.section-label { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: 14px; }\n.section-label::after { content: ''; width: 36px; height: 1px; background: var(--accent); display: inline-block; }\n.section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 4vw, 3.6rem); font-weight: 300; letter-spacing: -0.01em; color: var(--ink); }\n.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); }\n.service-item { padding: 44px 44px 44px 0; border-top: 1px solid var(--rule); transition: border-top-color 0.3s; }\n.service-item:nth-child(even) { padding-left: 44px; padding-right: 0; border-left: 1px solid var(--rule); }\n.service-item:hover { border-top-color: var(--accent); }\n.service-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }\n.service-num { font-family: 'Cormorant Garamond', serif; font-size: 0.8rem; color: var(--accent); letter-spacing: 0.1em; }\n.service-tag { font-size: 0.6rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); background: rgba(184,149,106,0.08); padding: 4px 10px; }\n.service-title-text { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.9rem, 3vw, 2.4rem); font-weight: 300; letter-spacing: -0.01em; color: var(--ink); margin-bottom: 16px; line-height: 1.12; }\n.service-desc { font-size: 0.95rem; font-weight: 300; line-height: 1.82; color: var(--muted); }\n\n\/* CLOSING *\/\n.closing-section {\n padding: clamp(80px, 12vw, 140px) clamp(24px, 6vw, 80px);\n border-top: 1px solid var(--rule);\n text-align: center; display: flex; flex-direction: column; align-items: center;\n}\n.closing-headline { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.6rem, 6vw, 5.2rem); font-weight: 300; line-height: 1.08; letter-spacing: -0.02em; max-width: 720px; margin-bottom: 48px; }\n.closing-headline em { font-style: italic; color: var(--accent); }\n.closing-sub { font-size: 0.82rem; font-weight: 300; color: var(--muted); letter-spacing: 0.06em; margin-top: 36px; }\n\n\/* FOOTER *\/\nfooter { border-top: 1px solid var(--rule); padding: 22px clamp(24px, 6vw, 80px); display: flex; justify-content: center; align-items: center; gap: 28px; flex-wrap: wrap; position: relative; }\nfooter::before { content: ''; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 48px; height: 1px; background: var(--accent); }\n.footer-brand { font-family: 'Cormorant Garamond', serif; font-size: 0.85rem; letter-spacing: 0.08em; color: var(--muted); }\n.footer-sep { width: 3px; height: 3px; border-radius: 50%; background: var(--rule); }\n.footer-email { font-size: 0.75rem; color: var(--muted); text-decoration: none; letter-spacing: 0.04em; font-weight: 300; transition: color 0.2s; }\n.footer-email:hover { color: var(--ink); }\n\n@media (max-width: 768px) {\n .profile-strip { grid-template-columns: 1fr; }\n .services-grid { grid-template-columns: 1fr; }\n .service-item { padding: 36px 0 !important; border-left: none !important; }\n .section-header { flex-direction: column; }\n footer { gap: 12px; }\n .footer-sep { display: none; }\n nav .nav-email { display: none; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"sk-nav\">\n <a href=\"#\" class=\"nav-brand\">Skinnovation<\/a>\n <a href=\"mailto:contact@skinnovation.es\" class=\"nav-email\">contact@skinnovation.es<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"eyebrow fade-up\">\n <span>Dermatology \u00b7 Innovation \u00b7 Barcelona<\/span>\n <\/div>\n <h1 class=\"headline fade-up d1\">\n Clinical Expertise.<br>\n <em>Strategic<\/em> Vision.\n <\/h1>\n <div class=\"ornament fade-up d2\">\n <div class=\"ornament-dot\"><\/div>\n <\/div>\n <p class=\"hero-desc fade-up d3\">\n Independent medical consulting at the intersection of <strong>oncodermatology<\/strong>, surgical innovation, and digital health \u2014 for pharma and medtech companies that demand clinical depth.\n <\/p>\n <div class=\"fade-up d4\">\n <a href=\"mailto:contact@skinnovation.es\" class=\"btn-primary\">\n Get in touch <span class=\"btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <div class=\"scroll-hint\" aria-hidden=\"true\">\n <span>Scroll<\/span>\n <div class=\"scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"profile-strip\">\n <div class=\"profile-left\">\n <span class=\"profile-label fade-up\">The difference<\/span>\n <p class=\"profile-statement fade-up d1\">\n A practicing dermatologist with the <em>strategic lens<\/em> the industry needs \u2014 and rarely finds.\n <\/p>\n <\/div>\n <div class=\"profile-pills\">\n <div class=\"profile-pill fade-up d2\">\n <span class=\"pill-tag\">Clinical<\/span>\n <div class=\"pill-body\">\n <div class=\"pill-title\">Active in practice<\/div>\n <p class=\"pill-desc\">Seeing patients in oncodermatology and surgical dermatology \u2014 grounding every recommendation in real clinical reality.<\/p>\n <\/div>\n <\/div>\n <div class=\"profile-pill fade-up d3\">\n <span class=\"pill-tag\">Industry<\/span>\n <div class=\"pill-body\">\n <div class=\"pill-title\">KOL & Advisory<\/div>\n <p class=\"pill-desc\">Engaged with international pharma and medtech companies. Advisory boards, trial design, and launch strategy.<\/p>\n <\/div>\n <\/div>\n <div class=\"profile-pill fade-up d4\">\n <span class=\"pill-tag\">Research<\/span>\n <div class=\"pill-body\">\n <div class=\"pill-title\">Evidence-driven<\/div>\n <p class=\"pill-desc\">Designing and participating in clinical trials. Bridging scientific rigour with commercial applicability.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services-section\">\n <div class=\"section-header fade-up\">\n <span class=\"section-label\">What I do<\/span>\n <h2 class=\"section-title\">Areas of work<\/h2>\n <\/div>\n <div class=\"services-grid\">\n\n <div class=\"service-item fade-up d1\">\n <div class=\"service-header\">\n <span class=\"service-num\">01<\/span>\n <span class=\"service-tag\">Active dermatologist<\/span>\n <\/div>\n <div class=\"service-title-text\">Clinical Practice<\/div>\n <p class=\"service-desc\">Specialized in oncodermatology and surgical dermatology, with an active clinical practice. Direct patient care informs every strategic recommendation \u2014 a perspective the industry rarely finds in a consultant.<\/p>\n <\/div>\n\n <div class=\"service-item fade-up d2\">\n <div class=\"service-header\">\n <span class=\"service-num\">02<\/span>\n <span class=\"service-tag\">Pharma \u00b7 Medtech \u00b7 KOL<\/span>\n <\/div>\n <div class=\"service-title-text\">Advisory & Strategy<\/div>\n <p class=\"service-desc\">Advisory board participation, product launch strategy, and clinical positioning for pharma and medtech companies. Bridging the gap between scientific evidence and commercial decisions.<\/p>\n <\/div>\n\n <div class=\"service-item fade-up d3\">\n <div class=\"service-header\">\n <span class=\"service-num\">03<\/span>\n <span class=\"service-tag\">Trial design \u00b7 Evidence<\/span>\n <\/div>\n <div class=\"service-title-text\">Clinical Research<\/div>\n <p class=\"service-desc\">Design and participation in clinical trials within dermatology. From protocol development to endpoint selection \u2014 with the clinical depth to make research actionable.<\/p>\n <\/div>\n\n <div class=\"service-item fade-up d4\">\n <div class=\"service-header\">\n <span class=\"service-num\">04<\/span>\n <span class=\"service-tag\">Training \u00b7 International<\/span>\n <\/div>\n <div class=\"service-title-text\">Medical Education<\/div>\n <p class=\"service-desc\">Medical education programs and scientific communication for healthcare professionals. Collaborating with international companies and institutions to elevate clinical standards.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"closing-section\">\n <h2 class=\"closing-headline fade-up\">\n Ready to bring <em>precision<\/em> to your next move?\n <\/h2>\n <div class=\"fade-up d2\">\n <a href=\"mailto:contact@skinnovation.es\" class=\"btn-primary\">\n Start a conversation <span class=\"btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <p class=\"closing-sub fade-up d3\">contact@skinnovation.es \u00b7 Barcelona, Spain<\/p>\n<\/section>\n\n\n<footer>\n <span class=\"footer-brand\">Skinnovation Consulting, S.L.P.<\/span>\n <div class=\"footer-sep\"><\/div>\n <a href=\"mailto:contact@skinnovation.es\" class=\"footer-email\">contact@skinnovation.es<\/a>\n<\/footer>\n\n<script>\n \/\/ Nav scroll effect\n var nav = document.getElementById('sk-nav');\n window.addEventListener('scroll', function() {\n nav.classList.toggle('scrolled', window.scrollY > 40);\n });\n\n \/\/ Fade-up on scroll (IntersectionObserver)\n var fadeEls = document.querySelectorAll('.fade-up');\n\n \/\/ Hero elements visible immediately\n setTimeout(function() {\n document.querySelectorAll('.hero .fade-up').forEach(function(el) {\n el.classList.add('visible');\n });\n }, 80);\n\n \/\/ All other elements on scroll\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n fadeEls.forEach(function(el) {\n if (!el.closest('.hero')) observer.observe(el);\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Skinnovation Consulting Skinnovation contact@skinnovation.es Dermatology \u00b7 Innovation \u00b7 Barcelona Clinical Expertise. Strategic Vision. Independent medical consulting at the intersection of […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skinnovation.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":11,"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/skinnovation.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/skinnovation.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}