{"id":2,"date":"2026-05-19T10:09:52","date_gmt":"2026-05-19T08:09:52","guid":{"rendered":"https:\/\/ipvc2027.fulgeas.com\/?page_id=2"},"modified":"2026-05-19T11:38:56","modified_gmt":"2026-05-19T09:38:56","slug":"home","status":"publish","type":"page","link":"https:\/\/ipvc2027.fulgeas.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a188cbf e-con-full e-flex e-con e-parent\" data-id=\"a188cbf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e2d1c elementor-widget elementor-widget-html\" data-id=\"b2e2d1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n  IPVC 2027 - Hero Section\n  Versione: Elementor Pro\n  Lingua: Italiano\n  Senza navbar, senza countdown\n-->\n\n<section class=\"ipvc-hero\" id=\"hero\">\n    <div class=\"hero-background\"><\/div>\n    <div class=\"hero-overlay\"><\/div>\n    \n    <div class=\"hero-content\">\n        <div class=\"hero-shape hero-shape-1\"><\/div>\n        <div class=\"hero-shape hero-shape-2\"><\/div>\n        <div class=\"hero-shape hero-shape-3\"><\/div>\n<img decoding=\"async\" src=\"https:\/\/d10qmes3r0zm40.cloudfront.net\/ipvc2027\/wp-content\/uploads\/2026\/05\/19113432\/Logo.png\" alt=\"IPVC 2027 Logo\" class=\"hero-logo\" \/>\n\n        \n        <h1 class=\"hero-title\">Conferenza Internazionale<br>Precision Vaccines<\/h1>\n        \n        <p class=\"hero-tagline\">Verso una Protezione Lifelong: Integrare la Vaccinazione a Tutte le Et\u00e0<\/p>\n        \n        <div class=\"hero-meta\">\n            <div class=\"meta-item\">\n                <span class=\"meta-icon\">\ud83d\udcc5<\/span>\n                <span class=\"meta-text\">7\u20138 Ottobre 2027<\/span>\n            <\/div>\n            <div class=\"meta-separator\"><\/div>\n            <div class=\"meta-item\">\n                <span class=\"meta-icon\">\ud83d\udccd<\/span>\n                <span class=\"meta-text\">Villa Mondragone, Roma<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"hero-cta\">\n            <button class=\"btn btn-primary\" onclick=\"registerNow()\">Registrati Ora \u2192<\/button>\n            <button class=\"btn btn-secondary\" onclick=\"scrollDown()\">Scopri di Pi\u00f9 \u2193<\/button>\n        <\/div>\n    <\/div>\n    \n    <div class=\"scroll-indicator\" onclick=\"scrollDown()\">\n        <div class=\"scroll-mouse\">\n            <div class=\"scroll-dot\"><\/div>\n            <p class=\"scroll-text\">Scorri<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap');\n\n:root {\n    --color-magenta: #E3007A;\n    --color-green: #8DC63F;\n    --color-cyan: #29ABE2;\n    --color-orange: #F7941D;\n    --color-bordeaux: #9B1C60;\n    --color-white: #FFFFFF;\n    --color-dark: #0A0A0A;\n    --font-display: 'DM Serif Display', Georgia, serif;\n    --font-heading: 'Plus Jakarta Sans', sans-serif;\n    --radius-lg: 24px;\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* ===== HERO SECTION ===== *\/\n.ipvc-hero {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    min-height: 700px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    scroll-behavior: smooth;\n}\n\n\/* Sfondo Gradiente Premium *\/\n.hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, #0F1C3F 0%, #1A0F3F 25%, #2D0A3F 50%, #3F0A2D 75%, #2D1A1F 100%);\n    z-index: -2;\n    animation: gradientShift 8s ease infinite;\n}\n\n@keyframes gradientShift {\n    0%, 100% {\n        background: linear-gradient(135deg, #0F1C3F 0%, #1A0F3F 25%, #2D0A3F 50%, #3F0A2D 75%, #2D1A1F 100%);\n    }\n    50% {\n        background: linear-gradient(135deg, #1A0F3F 0%, #2D0A3F 25%, #3F0A2D 50%, #2D1A1F 75%, #1A2F3F 100%);\n    }\n}\n\n\/* Overlay con Mesh Gradient Effect *\/\n.hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 50%, rgba(227, 0, 122, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 80%, rgba(41, 171, 226, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 40% 20%, rgba(247, 148, 29, 0.1) 0%, transparent 50%);\n    z-index: -1;\n    animation: meshFlow 15s ease infinite;\n}\n\n@keyframes meshFlow {\n    0%, 100% {\n        opacity: 1;\n    }\n    50% {\n        opacity: 0.8;\n    }\n}\n\n\/* Forme Decorative Animate *\/\n.hero-shape {\n    position: absolute;\n    opacity: 0.08;\n    z-index: 1;\n}\n\n.hero-shape-1 {\n    width: 400px;\n    height: 400px;\n    background: linear-gradient(135deg, var(--color-magenta), var(--color-orange));\n    border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\n    top: -100px;\n    left: -150px;\n    animation: float 20s infinite ease-in-out;\n}\n\n.hero-shape-2 {\n    width: 300px;\n    height: 300px;\n    background: linear-gradient(45deg, var(--color-cyan), var(--color-magenta));\n    border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n    bottom: 50px;\n    right: -100px;\n    animation: float 25s infinite ease-in-out reverse;\n}\n\n.hero-shape-3 {\n    width: 250px;\n    height: 250px;\n    background: linear-gradient(225deg, var(--color-green), var(--color-cyan));\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n    top: 50%;\n    right: 10%;\n    animation: float 30s infinite ease-in-out;\n}\n\n@keyframes float {\n    0%, 100% {\n        transform: translateY(0px) rotate(0deg);\n    }\n    50% {\n        transform: translateY(-30px) rotate(10deg);\n    }\n}\n\n\/* Hero Content *\/\n.hero-content {\n    position: relative;\n    z-index: 10;\n    text-align: center;\n    max-width: 900px;\n    width: 90%;\n    margin: 0 auto;\n    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s backwards;\n}\n\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Logo *\/\n.hero-logo {\n    height: 150px !important;\n    width: auto;\n    margin: 0 auto 40px;\n    filter: drop-shadow(0 10px 30px rgba(227, 0, 122, 0.2));\n    animation: fadeInDown 0.9s cubic-bezier(0.16, 1, 0.3, 1) backwards;\n    object-fit: contain;\n    display: block;\n}\n\n@keyframes fadeInDown {\n    from {\n        opacity: 0;\n        transform: translateY(-40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Badge *\/\n.hero-badge {\n    display: inline-block;\n    font-family: var(--font-heading);\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n    color: var(--color-orange);\n    margin-bottom: 20px;\n    padding: 10px 24px;\n    background: rgba(247, 148, 29, 0.1);\n    border: 1px solid rgba(247, 148, 29, 0.3);\n    border-radius: 50px;\n    backdrop-filter: blur(10px);\n    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s backwards;\n}\n\n\/* Titolo *\/\n.hero-title {\n    font-family: var(--font-display);\n    font-size: clamp(48px, 7vw, 80px);\n    font-weight: 400;\n    line-height: 1.15;\n    color: var(--color-white);\n    margin-bottom: 24px;\n    letter-spacing: -1px;\n    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.2s backwards;\n    text-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n}\n\n\/* Tagline *\/\n.hero-tagline {\n    font-family: var(--font-heading);\n    font-size: clamp(16px, 2.2vw, 24px);\n    font-weight: 400;\n    color: rgba(255, 255, 255, 0.9);\n    margin: 30px auto 50px;\n    line-height: 1.6;\n    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.25s backwards;\n    max-width: 750px;\n    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\n}\n\n\/* Meta Info *\/\n.hero-meta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin: 50px 0 60px;\n    flex-wrap: wrap;\n    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.3s backwards;\n}\n\n.meta-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 24px;\n    color: var(--color-white);\n    font-family: var(--font-heading);\n    font-size: 15px;\n    font-weight: 600;\n}\n\n.meta-icon {\n    font-size: 22px;\n}\n\n.meta-text {\n    letter-spacing: 0.3px;\n}\n\n.meta-separator {\n    width: 1px;\n    height: 40px;\n    background: rgba(255, 255, 255, 0.2);\n}\n\n\/* CTA Buttons *\/\n.hero-cta {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.35s backwards;\n}\n\n.btn {\n    padding: 16px 40px;\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    border: none;\n    border-radius: 50px;\n    font-family: var(--font-heading);\n    cursor: pointer;\n    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(227, 0, 122, 0.3);\n}\n\n.btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.25);\n    transition: left 0.35s ease;\n    z-index: 0;\n}\n\n.btn:hover::before {\n    left: 100%;\n}\n\n.btn span {\n    position: relative;\n    z-index: 1;\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, var(--color-magenta) 0%, var(--color-orange) 100%);\n    color: var(--color-white);\n}\n\n.btn-primary:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 15px 40px rgba(227, 0, 122, 0.5);\n}\n\n.btn-primary:active {\n    transform: translateY(-2px);\n}\n\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.12);\n    color: var(--color-white);\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    backdrop-filter: blur(10px);\n}\n\n.btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.2);\n    border-color: var(--color-cyan);\n    color: var(--color-cyan);\n    transform: translateY(-4px);\n    box-shadow: 0 15px 40px rgba(41, 171, 226, 0.4);\n}\n\n\/* Scroll Indicator *\/\n.scroll-indicator {\n    position: absolute;\n    bottom: 50px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 20;\n    cursor: pointer;\n    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.45s backwards;\n    transition: all 0.3s ease;\n}\n\n.scroll-indicator:hover {\n    transform: translateX(-50%) translateY(-5px);\n}\n\n.scroll-mouse {\n    width: 26px;\n    height: 44px;\n    border: 2px solid rgba(255, 255, 255, 0.6);\n    border-radius: 13px;\n    display: flex;\n    justify-content: center;\n    position: relative;\n    margin: 0 auto;\n    transition: all 0.3s ease;\n    backdrop-filter: blur(10px);\n}\n\n.scroll-mouse:hover {\n    border-color: var(--color-cyan);\n    box-shadow: 0 0 20px rgba(41, 171, 226, 0.5);\n}\n\n.scroll-dot {\n    width: 3px;\n    height: 8px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 2px;\n    margin-top: 10px;\n    animation: scrollBounce 1.8s ease-in-out infinite;\n}\n\n@keyframes scrollBounce {\n    0%, 100% {\n        transform: translateY(0);\n        opacity: 1;\n    }\n    50% {\n        transform: translateY(10px);\n        opacity: 0.4;\n    }\n}\n\n.scroll-text {\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    font-family: var(--font-heading);\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: rgba(255, 255, 255, 0.7);\n    white-space: nowrap;\n    transition: color 0.3s ease;\n    margin-top: 8px;\n}\n\n.scroll-mouse:hover .scroll-text {\n    color: var(--color-cyan);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n    .ipvc-hero {\n        min-height: 600px;\n    }\n    \n    .hero-logo {\n        height: 70px;\n        margin-bottom: 30px;\n    }\n    \n    .hero-title {\n        font-size: clamp(36px, 5.5vw, 60px);\n        margin-bottom: 20px;\n    }\n    \n    .hero-badge {\n        font-size: 12px;\n        margin-bottom: 16px;\n    }\n    \n    .hero-tagline {\n        font-size: clamp(15px, 2vw, 20px);\n        margin: 24px auto 40px;\n    }\n    \n    .hero-meta {\n        flex-direction: column;\n        gap: 16px;\n        margin: 40px 0 50px;\n    }\n    \n    .meta-separator {\n        width: 40px;\n        height: 1px;\n    }\n    \n    .hero-cta {\n        gap: 16px;\n    }\n    \n    .btn {\n        padding: 14px 32px;\n        font-size: 13px;\n    }\n    \n    .hero-shape {\n        opacity: 0.05;\n    }\n    \n    .hero-shape-1 {\n        width: 250px;\n        height: 250px;\n        top: -50px;\n        left: -100px;\n    }\n    \n    .hero-shape-2 {\n        width: 200px;\n        height: 200px;\n        right: -80px;\n    }\n    \n    .hero-shape-3 {\n        width: 180px;\n        height: 180px;\n        right: 5%;\n    }\n}\n\n@media (max-width: 480px) {\n    .ipvc-hero {\n        min-height: 550px;\n    }\n    \n    .hero-logo {\n        height: 60px;\n        margin-bottom: 24px;\n    }\n    \n    .hero-title {\n        font-size: 32px;\n        line-height: 1.2;\n        margin-bottom: 16px;\n    }\n    \n    .hero-badge {\n        font-size: 11px;\n        margin-bottom: 14px;\n        padding: 8px 18px;\n    }\n    \n    .hero-tagline {\n        font-size: 14px;\n        margin: 20px 0 35px;\n        line-height: 1.5;\n    }\n    \n    .meta-item {\n        padding: 12px 16px;\n        font-size: 13px;\n        gap: 8px;\n    }\n    \n    .meta-icon {\n        font-size: 18px;\n    }\n    \n    .hero-cta {\n        flex-direction: column;\n        gap: 12px;\n        margin-top: 20px;\n    }\n    \n    .btn {\n        width: 100%;\n        padding: 14px 28px;\n        font-size: 12px;\n    }\n    \n    .scroll-indicator {\n        bottom: 30px;\n    }\n}\n<\/style>\n\n<script>\n\/\/ Scroll Down\nfunction scrollDown() {\n    window.scrollBy({\n        top: window.innerHeight,\n        behavior: 'smooth'\n    });\n}\n\n\/\/ Register Button\nfunction registerNow() {\n    window.location.href = 'https:\/\/registration.aimgroup.eu.it\/ipvc2027';\n}\n\n\/\/ Parallax effect on scroll (opzionale)\nwindow.addEventListener('scroll', function() {\n    const hero = document.querySelector('.ipvc-hero');\n    const scrolled = window.pageYOffset;\n    if (scrolled < window.innerHeight) {\n        hero.style.opacity = 1 - (scrolled \/ window.innerHeight) * 0.5;\n    }\n}, { passive: true });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Conferenza InternazionalePrecision Vaccines Verso una Protezione Lifelong: Integrare la Vaccinazione a Tutte le Et\u00e0 \ud83d\udcc5 7\u20138 Ottobre 2027 \ud83d\udccd Villa Mondragone, Roma Registrati Ora \u2192 Scopri di Pi\u00f9 \u2193 Scorri<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":19,"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/ipvc2027.fulgeas.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}