Laurea Magistrale – Prova Finale e Seduta di Laurea \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Lato:wght@300;400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* ============================================================\n DESIGN TOKENS \u2013 Verde Pantone Tor Vergata\n Pantone 356 C \u2192 #007A3D (verde istituzionale)\n ============================================================ *\/\n :root {\n --green-900: #003D20;\n --green-800: #005A2F;\n --green-700: #007A3D; \/* Pantone 356 C \u2013 colore primario *\/\n --green-600: #1A9150;\n --green-200: #B8DECA;\n --green-100: #E6F4EC;\n --green-50: #F2FAF5;\n\n --gold: #C9A84C;\n --gold-lt: #F0DFAA;\n\n --ink: #1A1A1A;\n --ink-mid: #3C3C3C;\n --ink-light: #6B6B6B;\n --cream: #F9F6F0;\n --white: #FFFFFF;\n --border: #DDE8E2;\n\n --font-display: 'Playfair Display', Georgia, serif;\n --font-body: 'Lato', sans-serif;\n --font-quote: 'Cormorant Garamond', Georgia, serif;\n\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 24px;\n\n --shadow-sm: 0 2px 8px rgba(0,60,30,0.08);\n --shadow-md: 0 6px 28px rgba(0,60,30,0.12);\n --shadow-lg: 0 16px 56px rgba(0,60,30,0.16);\n\n --max-w: 1200px;\n --section-gap: 96px;\n }\n\n \/* \u2500\u2500 Reset \u2500\u2500 *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: var(--font-body);\n color: var(--ink);\n background: var(--white);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n }\n img { display: block; max-width: 100%; }\n a { color: var(--green-700); text-decoration: none; }\n a:hover { color: var(--green-900); text-decoration: underline; }\n\n \/* \u2500\u2500 Layout helpers \u2500\u2500 *\/\n .container {\n max-width: var(--max-w);\n margin: 0 auto;\n padding: 0 32px;\n }\n .section { padding: var(--section-gap) 0; }\n .section--cream { background: var(--cream); }\n .section--green { background: var(--green-900); color: var(--white); }\n .section--green-light { background: var(--green-50); }\n\n \/* ============================================================\n 1. HERO BANNER\n ============================================================ *\/\n .hero {\n position: relative;\n min-height: 560px;\n display: flex;\n align-items: flex-end;\n overflow: hidden;\n background: var(--green-900);\n }\n\n \/* Placeholder per foto hero (da sostituire con <img>) *\/\n .hero__photo-placeholder {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #003D20 0%, #007A3D 50%, #1A9150 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n opacity: 0.55;\n }\n .hero__photo-placeholder svg { width: 72px; height: 72px; fill: rgba(255,255,255,0.4); }\n .hero__photo-placeholder span {\n font-family: var(--font-body);\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n text-align: center;\n max-width: 300px;\n padding: 0 16px;\n }\n\n \/* Overlay gradiente *\/\n .hero::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to top,\n rgba(0, 35, 18, 0.92) 0%,\n rgba(0, 35, 18, 0.55) 45%,\n rgba(0, 35, 18, 0.15) 100%\n );\n }\n\n .hero__content {\n position: relative;\n z-index: 2;\n padding: 64px 32px;\n width: 100%;\n max-width: var(--max-w);\n margin: 0 auto;\n }\n\n .hero__breadcrumb {\n font-size: 13px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--green-200);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .hero__breadcrumb span { opacity: 0.5; }\n\n .hero__title {\n font-family: var(--font-display);\n font-size: clamp(36px, 5vw, 64px);\n font-weight: 700;\n color: var(--white);\n line-height: 1.15;\n max-width: 800px;\n }\n\n .hero__title em {\n font-style: italic;\n color: var(--gold-lt);\n }\n\n .hero__subtitle {\n margin-top: 16px;\n font-size: 18px;\n font-weight: 300;\n color: rgba(255,255,255,0.75);\n max-width: 600px;\n }\n\n .hero__meta {\n margin-top: 36px;\n display: flex;\n gap: 32px;\n flex-wrap: wrap;\n }\n\n .hero__stat {\n display: flex;\n flex-direction: column;\n }\n .hero__stat-num {\n font-family: var(--font-display);\n font-size: 36px;\n font-weight: 700;\n color: var(--gold-lt);\n line-height: 1;\n }\n .hero__stat-label {\n font-size: 13px;\n color: rgba(255,255,255,0.65);\n margin-top: 4px;\n }\n\n \/* ============================================================\n 2. INTRO + MESSAGGIO COORDINATORE\n ============================================================ *\/\n .intro-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n }\n\n .section-label {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--green-700);\n margin-bottom: 16px;\n }\n .section-label::before {\n content: '';\n display: block;\n width: 28px;\n height: 2px;\n background: var(--gold);\n }\n\n .section-title {\n font-family: var(--font-display);\n font-size: clamp(28px, 3.5vw, 42px);\n font-weight: 600;\n line-height: 1.2;\n color: var(--green-900);\n margin-bottom: 24px;\n }\n\n .body-text {\n font-size: 16px;\n font-weight: 300;\n color: var(--ink-mid);\n line-height: 1.85;\n }\n .body-text + .body-text { margin-top: 16px; }\n\n \/* Foto placeholder generica *\/\n .photo-placeholder {\n width: 100%;\n border-radius: var(--radius-md);\n overflow: hidden;\n position: relative;\n background: var(--green-100);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 14px;\n padding: 40px 24px;\n border: 2px dashed var(--green-200);\n }\n .photo-placeholder--tall { min-height: 460px; }\n .photo-placeholder--medium { min-height: 320px; }\n .photo-placeholder--short { min-height: 220px; }\n\n .photo-placeholder__icon {\n width: 56px;\n height: 56px;\n background: var(--green-700);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .photo-placeholder__icon svg { width: 28px; height: 28px; fill: white; }\n\n .photo-placeholder__tag {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--green-700);\n background: var(--green-50);\n border: 1px solid var(--green-200);\n border-radius: 100px;\n padding: 4px 12px;\n }\n\n .photo-placeholder__desc {\n font-size: 14px;\n color: var(--ink-light);\n text-align: center;\n max-width: 280px;\n line-height: 1.6;\n }\n\n .photo-placeholder__hint {\n font-size: 11px;\n color: var(--gold);\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n\n \/* Decorative corner accent *\/\n .photo-placeholder::before {\n content: '';\n position: absolute;\n top: 12px; left: 12px;\n width: 40px; height: 40px;\n border-top: 3px solid var(--gold);\n border-left: 3px solid var(--gold);\n border-radius: 4px 0 0 0;\n }\n .photo-placeholder::after {\n content: '';\n position: absolute;\n bottom: 12px; right: 12px;\n width: 40px; height: 40px;\n border-bottom: 3px solid var(--gold);\n border-right: 3px solid var(--gold);\n border-radius: 0 0 4px 0;\n }\n\n \/* ============================================================\n 3. QUOTE DEL COORDINATORE\n ============================================================ *\/\n .quote-block {\n background: var(--green-900);\n border-radius: var(--radius-lg);\n padding: 56px 64px;\n position: relative;\n overflow: hidden;\n }\n\n .quote-block::before {\n content: '\\201C';\n font-family: var(--font-display);\n font-size: 240px;\n line-height: 1;\n color: rgba(255,255,255,0.06);\n position: absolute;\n top: -20px;\n left: 32px;\n pointer-events: none;\n }\n\n .quote-block__text {\n font-family: var(--font-quote);\n font-size: clamp(20px, 2.5vw, 28px);\n font-style: italic;\n color: var(--white);\n line-height: 1.6;\n position: relative;\n z-index: 1;\n max-width: 860px;\n }\n\n .quote-block__author {\n margin-top: 32px;\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .quote-block__avatar {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: var(--green-700);\n border: 3px solid var(--gold);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n }\n .quote-block__avatar svg { width: 32px; height: 32px; fill: rgba(255,255,255,0.7); }\n\n .quote-block__name {\n font-family: var(--font-display);\n font-size: 18px;\n font-weight: 600;\n color: var(--white);\n }\n .quote-block__role {\n font-size: 13px;\n color: var(--green-200);\n margin-top: 2px;\n }\n\n .quote-block__accent {\n position: absolute;\n top: 0; right: 0;\n width: 180px;\n height: 4px;\n background: linear-gradient(90deg, transparent, var(--gold));\n }\n\n \/* ============================================================\n 4. CARDS PUNTI DI FORZA\n ============================================================ *\/\n .cards-title {\n text-align: center;\n margin-bottom: 56px;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n }\n\n .card {\n background: var(--white);\n border-radius: var(--radius-md);\n padding: 36px 32px;\n border: 1px solid var(--border);\n box-shadow: var(--shadow-sm);\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n position: relative;\n overflow: hidden;\n }\n .card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n }\n .card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: var(--green-700);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease;\n }\n .card:hover::before { transform: scaleX(1); }\n\n .card__num {\n font-family: var(--font-display);\n font-size: 56px;\n font-weight: 700;\n color: var(--green-100);\n line-height: 1;\n margin-bottom: 12px;\n }\n\n .card__icon {\n width: 52px; height: 52px;\n background: var(--green-100);\n border-radius: var(--radius-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n }\n .card__icon svg { width: 26px; height: 26px; fill: var(--green-700); }\n\n .card__title {\n font-family: var(--font-display);\n font-size: 20px;\n font-weight: 600;\n color: var(--green-900);\n margin-bottom: 12px;\n line-height: 1.3;\n }\n .card__body {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.75;\n }\n\n \/* ============================================================\n 5. SEZIONE AREE CULTURALI\n ============================================================ *\/\n .areas-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n\n .area-card {\n border-radius: var(--radius-md);\n padding: 36px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n transition: transform 0.25s ease;\n }\n .area-card:hover { transform: translateY(-6px); }\n\n .area-card--aerospace { background: linear-gradient(145deg, #0A2744, #1A4A7A); }\n .area-card--digital { background: linear-gradient(145deg, #003D20, #007A3D); }\n .area-card--mobility { background: linear-gradient(145deg, #442800, #8B5200); }\n .area-card--sustain { background: linear-gradient(145deg, #1A3E00, #4A8C00); }\n\n .area-card__icon {\n font-size: 42px;\n margin-bottom: 16px;\n display: block;\n }\n .area-card__name {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 8px;\n }\n .area-card__desc {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n line-height: 1.6;\n }\n .area-card__shine {\n position: absolute;\n top: -30%; right: -20%;\n width: 120px; height: 120px;\n background: radial-gradient(circle, rgba(255,255,255,0.12), transparent 70%);\n border-radius: 50%;\n }\n\n \/* ============================================================\n 6. SEZIONE IMMAGINI + TESTO (alternata)\n ============================================================ *\/\n .split-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 72px;\n align-items: center;\n }\n .split-section--reverse .split-section__visual { order: 2; }\n .split-section--reverse .split-section__text { order: 1; }\n\n .split-section__tag {\n display: inline-block;\n background: var(--green-100);\n color: var(--green-700);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n padding: 4px 12px;\n border-radius: 100px;\n margin-bottom: 16px;\n }\n\n .bullet-list {\n list-style: none;\n margin-top: 20px;\n }\n .bullet-list li {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: 15px;\n color: var(--ink-mid);\n }\n .bullet-list li::before {\n content: '';\n display: block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--gold);\n margin-top: 7px;\n flex-shrink: 0;\n }\n\n \/* ============================================================\n 7. STATISTICHE STRIP\n ============================================================ *\/\n .stats-strip {\n background: var(--green-700);\n padding: 56px 0;\n }\n\n .stats-strip .container {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n text-align: center;\n }\n\n .stat-item__num {\n font-family: var(--font-display);\n font-size: 52px;\n font-weight: 700;\n color: var(--white);\n line-height: 1;\n }\n .stat-item__num span {\n font-size: 28px;\n color: var(--gold-lt);\n }\n .stat-item__label {\n margin-top: 8px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n letter-spacing: 0.05em;\n }\n .stat-divider {\n width: 1px;\n background: rgba(255,255,255,0.2);\n margin: 0 auto;\n }\n\n \/* ============================================================\n 8. VIDEO SECTION\n ============================================================ *\/\n .video-wrapper {\n position: relative;\n border-radius: var(--radius-lg);\n overflow: hidden;\n background: var(--green-900);\n min-height: 400px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .video-placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n padding: 60px;\n }\n .video-play-btn {\n width: 80px;\n height: 80px;\n background: var(--gold);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 0 0 16px rgba(201,168,76,0.2);\n transition: transform 0.2s;\n }\n .video-play-btn:hover { transform: scale(1.08); }\n .video-play-btn svg { width: 32px; height: 32px; fill: var(--green-900); margin-left: 4px; }\n .video-caption {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 600;\n color: var(--white);\n text-align: center;\n }\n .video-sub {\n font-size: 14px;\n color: var(--green-200);\n text-align: center;\n }\n .video-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n background: rgba(201,168,76,0.15);\n border: 1px solid rgba(201,168,76,0.4);\n padding: 4px 14px;\n border-radius: 100px;\n }\n\n \/* ============================================================\n 9. CTA SECTION\n ============================================================ *\/\n .cta-block {\n background: var(--green-900);\n border-radius: var(--radius-lg);\n padding: 64px;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 48px;\n position: relative;\n overflow: hidden;\n }\n .cta-block::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23007A3D' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.4;\n }\n .cta-block__text { position: relative; z-index: 1; }\n .cta-block__title {\n font-family: var(--font-display);\n font-size: 32px;\n font-weight: 600;\n color: var(--white);\n line-height: 1.3;\n margin-bottom: 12px;\n }\n .cta-block__sub {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n }\n .cta-block__actions {\n position: relative; z-index: 1;\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 14px 28px;\n border-radius: var(--radius-sm);\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.04em;\n cursor: pointer;\n transition: all 0.2s;\n text-decoration: none;\n white-space: nowrap;\n }\n .btn--gold {\n background: var(--gold);\n color: var(--green-900);\n }\n .btn--gold:hover {\n background: #d4b35c;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(201,168,76,0.35);\n text-decoration: none;\n color: var(--green-900);\n }\n .btn--outline {\n background: transparent;\n color: var(--white);\n border: 1.5px solid rgba(255,255,255,0.35);\n }\n .btn--outline:hover {\n background: rgba(255,255,255,0.1);\n border-color: var(--white);\n transform: translateY(-2px);\n text-decoration: none;\n color: var(--white);\n }\n .btn svg { width: 18px; height: 18px; }\n\n \/* ============================================================\n ANIMATIONS\n ============================================================ *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(28px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .anim { opacity: 0; }\n .anim.visible {\n animation: fadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n .anim-d1 { animation-delay: 0.1s !important; }\n .anim-d2 { animation-delay: 0.22s !important; }\n .anim-d3 { animation-delay: 0.34s !important; }\n .anim-d4 { animation-delay: 0.46s !important; }\n\n \/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n @media (max-width: 1024px) {\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\n .areas-grid { grid-template-columns: repeat(2, 1fr); }\n .stats-strip .container { grid-template-columns: repeat(2, 1fr); }\n .stat-divider { display: none; }\n }\n @media (max-width: 768px) {\n :root { --section-gap: 60px; }\n .container { padding: 0 20px; }\n .intro-grid,\n .split-section,\n .cta-block { grid-template-columns: 1fr; gap: 40px; }\n .split-section--reverse .split-section__visual,\n .split-section--reverse .split-section__text { order: unset; }\n .cards-grid,\n .areas-grid,\n .stats-strip .container { grid-template-columns: 1fr; }\n .quote-block { padding: 40px 32px; }\n .cta-block { grid-template-columns: 1fr; }\n .hero { min-height: 420px; }\n .hero__meta { gap: 24px; }\n }\n <\/style>\n\n\n <style>\n \/* === Estensioni stile per tipi di blocco aggiuntivi (coerenti coi token) === *\/\n .data-table-wrap { overflow-x:auto; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n table.data-table { width:100%; border-collapse:collapse; font-size:15px; background:var(--white); }\n table.data-table thead th { background:var(--green-700); color:#fff; text-align:left; padding:14px 16px; font-family:var(--font-body); font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }\n table.data-table td { padding:12px 16px; border-top:1px solid var(--border); color:var(--ink-mid); }\n table.data-table tbody tr:nth-child(even) { background:var(--green-50); }\n table.data-table tbody tr:hover { background:var(--green-100); }\n .table-caption { margin-bottom:8px; }\n .table-caption small { color:var(--ink-light); }\n\n .note-block { background:var(--cream); border:1px solid var(--border); border-left:4px solid var(--gold); border-radius:var(--radius-md); padding:28px 32px; box-shadow:var(--shadow-sm); }\n .note-block h3 { font-family:var(--font-display); font-size:22px; color:var(--green-800); margin-bottom:14px; }\n .note-block ul { list-style:none; }\n .note-block li { position:relative; padding-left:24px; margin-bottom:10px; color:var(--ink-mid); }\n .note-block li::before { content:'\u203a'; position:absolute; left:6px; color:var(--gold); font-weight:700; }\n .note-block .sources { margin-top:16px; padding-top:14px; border-top:1px dashed var(--border); font-size:14px; }\n .note-block .sources a { color:var(--green-700); font-weight:700; }\n\n .evidence { border-radius:var(--radius-lg); padding:44px 48px; box-shadow:var(--shadow-md); }\n .evidence--dark { background:linear-gradient(135deg,var(--green-800),var(--green-900)); color:#fff; }\n .evidence--dark .evidence__label { color:var(--gold-lt); }\n .evidence--dark a { color:var(--gold-lt); }\n .evidence--light { background:var(--green-50); border:1px solid var(--green-200); }\n .evidence__label { display:inline-block; font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; margin-bottom:10px; }\n .evidence h3 { font-family:var(--font-display); font-size:26px; margin-bottom:14px; }\n .evidence p { line-height:1.7; margin-bottom:8px; }\n .evidence__link { display:inline-flex; gap:8px; align-items:center; margin-top:14px; font-weight:700; text-decoration:none; }\n .evidence ul { margin:8px 0 0; padding-left:0; list-style:none; }\n .evidence li { position:relative; padding-left:24px; margin-bottom:8px; }\n .evidence li::before { content:'\u2713'; position:absolute; left:0; color:var(--gold); font-weight:700; }\n\n .alert-box { display:flex; gap:20px; align-items:flex-start; border-radius:var(--radius-md); padding:26px 30px; box-shadow:var(--shadow-sm); }\n .alert-box--gold { background:var(--green-50); border:1px solid var(--gold); border-left:5px solid var(--gold); }\n .alert-box--warning { background:#FFF8E6; border:1px solid var(--gold-lt); border-left:5px solid var(--gold); }\n .alert-box__icon { flex:0 0 auto; width:44px; height:44px; border-radius:50%; background:var(--green-700); display:flex; align-items:center; justify-content:center; }\n .alert-box__icon svg { width:24px; height:24px; fill:#fff; }\n .alert-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:8px; }\n .alert-box p { color:var(--ink-mid); margin-bottom:8px; }\n\n .partner-block { display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:40px; box-shadow:var(--shadow-md); }\n .partner-block__visual { background:var(--green-50); border-radius:var(--radius-md); padding:24px; display:flex; align-items:center; justify-content:center; min-height:200px; }\n .partner-block__visual img { max-width:100%; height:auto; border-radius:var(--radius-sm); }\n .partner-block h3 { font-family:var(--font-display); font-size:28px; color:var(--green-800); margin-bottom:14px; }\n\n .subsection-grid { display:grid; gap:24px; }\n .subsection-card { display:flex; flex-direction:column; gap:10px; padding:28px; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); text-decoration:none; transition:transform .25s, box-shadow .25s; }\n .subsection-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }\n .subsection-card .card__icon { width:48px; height:48px; }\n .subsection-card h3 { font-family:var(--font-display); font-size:20px; color:var(--green-800); }\n .subsection-card p { color:var(--ink-light); font-size:15px; }\n\n .session-grid { display:grid; gap:20px; }\n .session-card { background:var(--white); border:1px solid var(--border); border-top:4px solid var(--green-700); border-radius:var(--radius-md); padding:24px; box-shadow:var(--shadow-sm); text-align:center; }\n .session-card__period { font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); font-weight:700; }\n .session-card__date { font-family:var(--font-display); font-size:30px; color:var(--ink); margin:6px 0; }\n .session-card__type { font-size:14px; color:var(--ink-light); }\n\n .archive-year { border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:14px; overflow:hidden; background:var(--white); }\n .archive-year > summary { cursor:pointer; list-style:none; padding:16px 22px; font-family:var(--font-display); font-size:19px; color:var(--green-800); background:var(--green-50); display:flex; justify-content:space-between; align-items:center; }\n .archive-year > summary::-webkit-details-marker { display:none; }\n .archive-year > summary::after { content:'+'; font-size:24px; color:var(--gold); }\n .archive-year[open] > summary::after { content:'\u2013'; }\n\n .info-box { background:var(--green-50); border:1px solid var(--green-200); border-radius:var(--radius-md); padding:26px 28px; }\n .info-box__tag { display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); font-weight:700; margin-bottom:8px; }\n .info-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:10px; }\n\n .map-card { width:100%; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n .map-card iframe { width:100%; height:360px; border:0; display:block; }\n .map-card__caption { font-size:13px; color:var(--ink-light); padding:10px 14px; background:var(--green-50); }\n\n .btn--green { background:var(--green-700); color:#fff; }\n .btn--green:hover { background:var(--green-800); }\n .btn--ghost { background:transparent; color:var(--green-700); border:1px solid var(--green-200); }\n .btn--ghost:hover { background:var(--green-50); }\n\n .inline-link { color:var(--green-700); font-weight:700; }\n .split-text-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }\n .split-text-panel { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); padding:32px; box-shadow:var(--shadow-sm); }\n .split-text-panel .split-section__tag { display:inline-block; margin-bottom:10px; }\n\n .rev-note { margin:14px auto 0; max-width:var(--max-w); }\n .rev-note__inner { background:#FFF8E6; border:1px dashed var(--gold); border-radius:var(--radius-sm); padding:12px 18px; color:#8a6d1f; font-size:14px; }\n .rev-note__inner strong { color:#6b540f; }\n\n @media (max-width:860px){\n .partner-block{ grid-template-columns:1fr; }\n .split-text-grid{ grid-template-columns:1fr; }\n }\n <\/style>\n\n<\/head>\n<body>\n<section class=\"hero\">\n <div class=\"hero__photo-placeholder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z\"\/><\/svg><span>\ud83d\udcf7 Studenti magistrali durante una discussione di tesi, aula di laurea o dettaglio istituzionale della Facolta' di Ingegneria. Formato orizzontale 1920x800px.<\/span><\/div>\n <div class=\"hero__content\">\n <div class=\"hero__breadcrumb\"><a href=\"#\" style=\"color:var(--green-200)\">Home<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Laurea Magistrale<\/a> <span>\u203a<\/span> Prova Finale e Seduta di Laurea<\/div>\n <h1 class=\"hero__title\">Prova Finale<br><em>Laurea Magistrale<\/em><\/h1>\n <p class=\"hero__subtitle\">Informazioni sulla tesi di laurea magistrale, sulla procedura per la domanda di laurea, sulle scadenze e sulla modulistica per la seduta finale.<\/p>\n <div class=\"hero__meta\"><div class=\"hero__stat\"><span class=\"hero__stat-num\">60<\/span><span class=\"hero__stat-label\">giorni prima per assegnazione tesi<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">30<\/span><span class=\"hero__stat-label\">giorni prima per domanda online e AFF<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">25<\/span><span class=\"hero__stat-label\">giorni entro la data di laurea per la documentazione<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">LM<\/span><span class=\"hero__stat-label\">tesi magistrale e seduta finale<\/span><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"intro-grid\"><div class=\"anim\">\n <span class=\"section-label\">Prova finale<\/span>\n <h2 class=\"section-title\">La tesi magistrale come attivita' di progettazione e ricerca<\/h2>\n <p class=\"body-text\">La prova finale della Laurea Magistrale consiste nella redazione di un elaborato, la tesi di laurea magistrale, che costituisce un'importante attivita' di progettazione e ricerca.<\/p><p class=\"body-text\" style=\"margin-top:16px\">L'elaborato deve dimostrare padronanza degli argomenti, capacita' di operare in modo autonomo e un buon livello di comunicazione.<\/p>\n <div style=\"margin-top:24px\"><ul class=\"bullet-list\">\n <li>Redazione di un elaborato di tesi magistrale<\/li>\n <li>Attivita' significativa di progettazione e ricerca<\/li>\n <li>Dimostrazione della padronanza degli argomenti trattati<\/li>\n <li>Capacita' di lavoro autonomo<\/li>\n <li>Buon livello di comunicazione tecnico-scientifica<\/li>\n <\/ul><\/div>\n <\/div><div class=\"anim anim-d2\"><div class=\"photo-placeholder photo-placeholder--tall\"><div class=\"photo-placeholder__icon\"><svg class=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7zM6 19H4v-2h2zm0-4H4v-2h2zm0-4H4V9h2zm0-4H4V5h2zm4 12H8v-2h2zm0-4H8v-2h2zm0-4H8V9h2zm0-4H8V5h2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8zm-2-8h-2v2h2zm0 4h-2v2h2z\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Discussione di tesi<\/span><p class=\"photo-placeholder__desc\">Aula di laurea, commissione e studente durante presentazione finale. Formato verticale 800x900px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Domanda di laurea<\/span><h2 class=\"section-title\" style=\"text-align:center\">Procedura per la domanda di laurea magistrale<\/h2><\/div><div class=\"cards-grid\">\n<div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 1 – Assegnazione tesi e AFF<\/h3>\n <p class=\"card__body\">Stampa e consegna del modulo di assegnazione tesi firmato dal relatore in segreteria didattica almeno 60 giorni prima della seduta. Consegna anche del modulo Attivita' Formative Finalizzate 30 giorni prima della seduta.<\/p>\n \n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-1 17.93C7.05 19.44 4 16.08 4 12c0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41C17.92 5.78 20 8.65 20 12c0 2.08-.8 3.97-2.1 5.39\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 2 – Domanda online<\/h3>\n <p class=\"card__body\">Compilazione online della domanda di laurea sul portale Delphi da 60 a 30 giorni prima della seduta.<\/p>\n \n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 3 – Pagamento<\/h3>\n <p class=\"card__body\">Pagamento del bollettino di EUR 500 e indicazione del codice AUTH bancario.<\/p>\n \n <\/div><div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3 1 9l11 6 9-4.91V17h2V9zM5 13.18v4L12 21l7-3.82v-4L12 17z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 4 – AlmaLaurea<\/h3>\n <p class=\"card__body\">Compilazione del questionario AlmaLaurea secondo la procedura richiesta per la domanda di laurea.<\/p>\n \n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1zm3 18H5V8h14z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 5 – Documentazione finale<\/h3>\n <p class=\"card__body\">Consegna della documentazione alla Segreteria Studenti entro 25 giorni dalla data di laurea.<\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Sessioni di laurea<\/span>\n <h2 class=\"section-title\">Consulta calendario e informazioni aggiornate<\/h2>\n <p class=\"body-text\">Le sessioni di laurea e le informazioni operative devono essere verificate tramite le pagine ufficiali del Corso di Studio e della Facolta' di Ingegneria.<\/p>\n <ul class=\"bullet-list\">\n <li>Calendario delle sessioni di laurea disponibile sul sito del Corso di Studio<\/li>\n <li>Informazioni aggiornate disponibili sul sito della Facolta' di Ingegneria<\/li>\n <li>Verificare sempre le scadenze operative prima della presentazione della domanda<\/li>\n <\/ul>\n <div class=\"cta-block__actions\" style=\"margin-top:22px;justify-content:flex-start\"><a href=\"https:\/\/ing.uniroma2.it\/laurea\/\" class=\"btn btn--gold\">Informazioni aggiornate<\/a><\/div>\n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.5 6.5 0 0 1 9.5 16 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Seduta di laurea<\/span><p class=\"photo-placeholder__desc\">Aula magna o aula di discussione tesi con studenti e commissione. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Modulistica<\/span><h2 class=\"section-title\" style=\"text-align:center\">Documenti utili per la prova finale<\/h2><\/div><div class=\"cards-grid\">\n<div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Modulo assegnazione tesi<\/h3>\n <p class=\"card__body\">Modulo assegnazione tesi per Laurea Magistrale DM 270.<\/p>\n <a class=\"inline-link\" href=\"Assegnazione Tesi_Magistrale270.pdf\">Scarica \u203a<\/a>\n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Modulo AFF Magistrale<\/h3>\n <p class=\"card__body\">Modulo Attivita' Formative Finalizzate per Laurea Magistrale DM 270.<\/p>\n <a class=\"inline-link\" href=\"Formative_Magistrale270-6-9-12-e-5-10.pdf\">Scarica \u203a<\/a>\n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Attestato Prova Finale<\/h3>\n <p class=\"card__body\">Attestato Prova Finale DM270 per Laurea Magistrale.<\/p>\n <a class=\"inline-link\" href=\"AttestazioneProvaFinaleMagistrale270-510.pdf\">Scarica \u203a<\/a>\n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cta-block anim\">\n <div class=\"cta-block__text\">\n <h2 class=\"cta-block__title\">Preparati alla seduta di laurea magistrale<\/h2>\n <p class=\"cta-block__sub\">Verifica le scadenze, compila la domanda online e scarica la modulistica necessaria per completare correttamente la procedura.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"http:\/\/ingegneriameccanica.uniroma2.it\/domanda-di-laurea-istruzioni-2\/\" class=\"btn btn--gold\">Istruzioni domanda di laurea<\/a>\n<a href=\"https:\/\/ing.uniroma2.it\/laurea\/\" class=\"btn btn--outline\">Informazioni aggiornate<\/a><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"note-block anim\"><h3>Note<\/h3><ul><li>Il parser puo' leggere il documento riga per riga e riconoscere i blocchi dai delimitatori #inizio_* e #fine_*.<\/li><li>Per griglie e liste, il numero di elementi e' deducibile contando i campi progressivi presenti.<\/li><li>I campi #azione_* e #blocco_*_file possono essere trasformati in pulsanti, card o link nel template HTML.<\/li><\/ul><\/div>\n <\/div>\n<\/section>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\n }, { threshold: 0.12 });\n document.querySelectorAll('.anim').forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Laurea Magistrale – Prova Finale e Seduta di Laurea \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Studenti magistrali durante una discussione di tesi, aula di laurea o dettaglio istituzionale della Facolta' di Ingegneria. Formato orizzontale 1920x800px. Home \u203a Laurea Magistrale \u203a<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-246","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=246"}],"version-history":[{"count":3,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/246\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/246\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":246,"date":"2026-04-27T15:43:33","date_gmt":"2026-04-27T13:43:33","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=246"},"modified":"2026-06-16T11:09:39","modified_gmt":"2026-06-16T09:09:39","slug":"prova-finale-e-seduta-di-laurea-magistrale","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=246","title":{"rendered":"Prova Finale e seduta di Laurea Magistrale"},"content":{"rendered":"\n\n\n\n \n \n Laurea Magistrale – Prova Finale e Seduta di Laurea \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Lato:wght@300;400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* ============================================================\n DESIGN TOKENS \u2013 Verde Pantone Tor Vergata\n Pantone 356 C \u2192 #007A3D (verde istituzionale)\n ============================================================ *\/\n :root {\n --green-900: #003D20;\n --green-800: #005A2F;\n --green-700: #007A3D; \/* Pantone 356 C \u2013 colore primario *\/\n --green-600: #1A9150;\n --green-200: #B8DECA;\n --green-100: #E6F4EC;\n --green-50: #F2FAF5;\n\n --gold: #C9A84C;\n --gold-lt: #F0DFAA;\n\n --ink: #1A1A1A;\n --ink-mid: #3C3C3C;\n --ink-light: #6B6B6B;\n --cream: #F9F6F0;\n --white: #FFFFFF;\n --border: #DDE8E2;\n\n --font-display: 'Playfair Display', Georgia, serif;\n --font-body: 'Lato', sans-serif;\n --font-quote: 'Cormorant Garamond', Georgia, serif;\n\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 24px;\n\n --shadow-sm: 0 2px 8px rgba(0,60,30,0.08);\n --shadow-md: 0 6px 28px rgba(0,60,30,0.12);\n --shadow-lg: 0 16px 56px rgba(0,60,30,0.16);\n\n --max-w: 1200px;\n --section-gap: 96px;\n }\n\n \/* \u2500\u2500 Reset \u2500\u2500 *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: var(--font-body);\n color: var(--ink);\n background: var(--white);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n }\n img { display: block; max-width: 100%; }\n a { color: var(--green-700); text-decoration: none; }\n a:hover { color: var(--green-900); text-decoration: underline; }\n\n \/* \u2500\u2500 Layout helpers \u2500\u2500 *\/\n .container {\n max-width: var(--max-w);\n margin: 0 auto;\n padding: 0 32px;\n }\n .section { padding: var(--section-gap) 0; }\n .section--cream { background: var(--cream); }\n .section--green { background: var(--green-900); color: var(--white); }\n .section--green-light { background: var(--green-50); }\n\n \/* ============================================================\n 1. HERO BANNER\n ============================================================ *\/\n .hero {\n position: relative;\n min-height: 560px;\n display: flex;\n align-items: flex-end;\n overflow: hidden;\n background: var(--green-900);\n }\n\n \/* Placeholder per foto hero (da sostituire con <img>) *\/\n .hero__photo-placeholder {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #003D20 0%, #007A3D 50%, #1A9150 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n opacity: 0.55;\n }\n .hero__photo-placeholder svg { width: 72px; height: 72px; fill: rgba(255,255,255,0.4); }\n .hero__photo-placeholder span {\n font-family: var(--font-body);\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n text-align: center;\n max-width: 300px;\n padding: 0 16px;\n }\n\n \/* Overlay gradiente *\/\n .hero::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to top,\n rgba(0, 35, 18, 0.92) 0%,\n rgba(0, 35, 18, 0.55) 45%,\n rgba(0, 35, 18, 0.15) 100%\n );\n }\n\n .hero__content {\n position: relative;\n z-index: 2;\n padding: 64px 32px;\n width: 100%;\n max-width: var(--max-w);\n margin: 0 auto;\n }\n\n .hero__breadcrumb {\n font-size: 13px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--green-200);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .hero__breadcrumb span { opacity: 0.5; }\n\n .hero__title {\n font-family: var(--font-display);\n font-size: clamp(36px, 5vw, 64px);\n font-weight: 700;\n color: var(--white);\n line-height: 1.15;\n max-width: 800px;\n }\n\n .hero__title em {\n font-style: italic;\n color: var(--gold-lt);\n }\n\n .hero__subtitle {\n margin-top: 16px;\n font-size: 18px;\n font-weight: 300;\n color: rgba(255,255,255,0.75);\n max-width: 600px;\n }\n\n .hero__meta {\n margin-top: 36px;\n display: flex;\n gap: 32px;\n flex-wrap: wrap;\n }\n\n .hero__stat {\n display: flex;\n flex-direction: column;\n }\n .hero__stat-num {\n font-family: var(--font-display);\n font-size: 36px;\n font-weight: 700;\n color: var(--gold-lt);\n line-height: 1;\n }\n .hero__stat-label {\n font-size: 13px;\n color: rgba(255,255,255,0.65);\n margin-top: 4px;\n }\n\n \/* ============================================================\n 2. INTRO + MESSAGGIO COORDINATORE\n ============================================================ *\/\n .intro-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n }\n\n .section-label {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--green-700);\n margin-bottom: 16px;\n }\n .section-label::before {\n content: '';\n display: block;\n width: 28px;\n height: 2px;\n background: var(--gold);\n }\n\n .section-title {\n font-family: var(--font-display);\n font-size: clamp(28px, 3.5vw, 42px);\n font-weight: 600;\n line-height: 1.2;\n color: var(--green-900);\n margin-bottom: 24px;\n }\n\n .body-text {\n font-size: 16px;\n font-weight: 300;\n color: var(--ink-mid);\n line-height: 1.85;\n }\n .body-text + .body-text { margin-top: 16px; }\n\n \/* Foto placeholder generica *\/\n .photo-placeholder {\n width: 100%;\n border-radius: var(--radius-md);\n overflow: hidden;\n position: relative;\n background: var(--green-100);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 14px;\n padding: 40px 24px;\n border: 2px dashed var(--green-200);\n }\n .photo-placeholder--tall { min-height: 460px; }\n .photo-placeholder--medium { min-height: 320px; }\n .photo-placeholder--short { min-height: 220px; }\n\n .photo-placeholder__icon {\n width: 56px;\n height: 56px;\n background: var(--green-700);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .photo-placeholder__icon svg { width: 28px; height: 28px; fill: white; }\n\n .photo-placeholder__tag {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--green-700);\n background: var(--green-50);\n border: 1px solid var(--green-200);\n border-radius: 100px;\n padding: 4px 12px;\n }\n\n .photo-placeholder__desc {\n font-size: 14px;\n color: var(--ink-light);\n text-align: center;\n max-width: 280px;\n line-height: 1.6;\n }\n\n .photo-placeholder__hint {\n font-size: 11px;\n color: var(--gold);\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n\n \/* Decorative corner accent *\/\n .photo-placeholder::before {\n content: '';\n position: absolute;\n top: 12px; left: 12px;\n width: 40px; height: 40px;\n border-top: 3px solid var(--gold);\n border-left: 3px solid var(--gold);\n border-radius: 4px 0 0 0;\n }\n .photo-placeholder::after {\n content: '';\n position: absolute;\n bottom: 12px; right: 12px;\n width: 40px; height: 40px;\n border-bottom: 3px solid var(--gold);\n border-right: 3px solid var(--gold);\n border-radius: 0 0 4px 0;\n }\n\n \/* ============================================================\n 3. QUOTE DEL COORDINATORE\n ============================================================ *\/\n .quote-block {\n background: var(--green-900);\n border-radius: var(--radius-lg);\n padding: 56px 64px;\n position: relative;\n overflow: hidden;\n }\n\n .quote-block::before {\n content: '\\201C';\n font-family: var(--font-display);\n font-size: 240px;\n line-height: 1;\n color: rgba(255,255,255,0.06);\n position: absolute;\n top: -20px;\n left: 32px;\n pointer-events: none;\n }\n\n .quote-block__text {\n font-family: var(--font-quote);\n font-size: clamp(20px, 2.5vw, 28px);\n font-style: italic;\n color: var(--white);\n line-height: 1.6;\n position: relative;\n z-index: 1;\n max-width: 860px;\n }\n\n .quote-block__author {\n margin-top: 32px;\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .quote-block__avatar {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: var(--green-700);\n border: 3px solid var(--gold);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n }\n .quote-block__avatar svg { width: 32px; height: 32px; fill: rgba(255,255,255,0.7); }\n\n .quote-block__name {\n font-family: var(--font-display);\n font-size: 18px;\n font-weight: 600;\n color: var(--white);\n }\n .quote-block__role {\n font-size: 13px;\n color: var(--green-200);\n margin-top: 2px;\n }\n\n .quote-block__accent {\n position: absolute;\n top: 0; right: 0;\n width: 180px;\n height: 4px;\n background: linear-gradient(90deg, transparent, var(--gold));\n }\n\n \/* ============================================================\n 4. CARDS PUNTI DI FORZA\n ============================================================ *\/\n .cards-title {\n text-align: center;\n margin-bottom: 56px;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n }\n\n .card {\n background: var(--white);\n border-radius: var(--radius-md);\n padding: 36px 32px;\n border: 1px solid var(--border);\n box-shadow: var(--shadow-sm);\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n position: relative;\n overflow: hidden;\n }\n .card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n }\n .card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: var(--green-700);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease;\n }\n .card:hover::before { transform: scaleX(1); }\n\n .card__num {\n font-family: var(--font-display);\n font-size: 56px;\n font-weight: 700;\n color: var(--green-100);\n line-height: 1;\n margin-bottom: 12px;\n }\n\n .card__icon {\n width: 52px; height: 52px;\n background: var(--green-100);\n border-radius: var(--radius-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n }\n .card__icon svg { width: 26px; height: 26px; fill: var(--green-700); }\n\n .card__title {\n font-family: var(--font-display);\n font-size: 20px;\n font-weight: 600;\n color: var(--green-900);\n margin-bottom: 12px;\n line-height: 1.3;\n }\n .card__body {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.75;\n }\n\n \/* ============================================================\n 5. SEZIONE AREE CULTURALI\n ============================================================ *\/\n .areas-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n\n .area-card {\n border-radius: var(--radius-md);\n padding: 36px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n transition: transform 0.25s ease;\n }\n .area-card:hover { transform: translateY(-6px); }\n\n .area-card--aerospace { background: linear-gradient(145deg, #0A2744, #1A4A7A); }\n .area-card--digital { background: linear-gradient(145deg, #003D20, #007A3D); }\n .area-card--mobility { background: linear-gradient(145deg, #442800, #8B5200); }\n .area-card--sustain { background: linear-gradient(145deg, #1A3E00, #4A8C00); }\n\n .area-card__icon {\n font-size: 42px;\n margin-bottom: 16px;\n display: block;\n }\n .area-card__name {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 8px;\n }\n .area-card__desc {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n line-height: 1.6;\n }\n .area-card__shine {\n position: absolute;\n top: -30%; right: -20%;\n width: 120px; height: 120px;\n background: radial-gradient(circle, rgba(255,255,255,0.12), transparent 70%);\n border-radius: 50%;\n }\n\n \/* ============================================================\n 6. SEZIONE IMMAGINI + TESTO (alternata)\n ============================================================ *\/\n .split-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 72px;\n align-items: center;\n }\n .split-section--reverse .split-section__visual { order: 2; }\n .split-section--reverse .split-section__text { order: 1; }\n\n .split-section__tag {\n display: inline-block;\n background: var(--green-100);\n color: var(--green-700);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n padding: 4px 12px;\n border-radius: 100px;\n margin-bottom: 16px;\n }\n\n .bullet-list {\n list-style: none;\n margin-top: 20px;\n }\n .bullet-list li {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: 15px;\n color: var(--ink-mid);\n }\n .bullet-list li::before {\n content: '';\n display: block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--gold);\n margin-top: 7px;\n flex-shrink: 0;\n }\n\n \/* ============================================================\n 7. STATISTICHE STRIP\n ============================================================ *\/\n .stats-strip {\n background: var(--green-700);\n padding: 56px 0;\n }\n\n .stats-strip .container {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n text-align: center;\n }\n\n .stat-item__num {\n font-family: var(--font-display);\n font-size: 52px;\n font-weight: 700;\n color: var(--white);\n line-height: 1;\n }\n .stat-item__num span {\n font-size: 28px;\n color: var(--gold-lt);\n }\n .stat-item__label {\n margin-top: 8px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n letter-spacing: 0.05em;\n }\n .stat-divider {\n width: 1px;\n background: rgba(255,255,255,0.2);\n margin: 0 auto;\n }\n\n \/* ============================================================\n 8. VIDEO SECTION\n ============================================================ *\/\n .video-wrapper {\n position: relative;\n border-radius: var(--radius-lg);\n overflow: hidden;\n background: var(--green-900);\n min-height: 400px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .video-placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n padding: 60px;\n }\n .video-play-btn {\n width: 80px;\n height: 80px;\n background: var(--gold);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 0 0 16px rgba(201,168,76,0.2);\n transition: transform 0.2s;\n }\n .video-play-btn:hover { transform: scale(1.08); }\n .video-play-btn svg { width: 32px; height: 32px; fill: var(--green-900); margin-left: 4px; }\n .video-caption {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 600;\n color: var(--white);\n text-align: center;\n }\n .video-sub {\n font-size: 14px;\n color: var(--green-200);\n text-align: center;\n }\n .video-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n background: rgba(201,168,76,0.15);\n border: 1px solid rgba(201,168,76,0.4);\n padding: 4px 14px;\n border-radius: 100px;\n }\n\n \/* ============================================================\n 9. CTA SECTION\n ============================================================ *\/\n .cta-block {\n background: var(--green-900);\n border-radius: var(--radius-lg);\n padding: 64px;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 48px;\n position: relative;\n overflow: hidden;\n }\n .cta-block::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23007A3D' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.4;\n }\n .cta-block__text { position: relative; z-index: 1; }\n .cta-block__title {\n font-family: var(--font-display);\n font-size: 32px;\n font-weight: 600;\n color: var(--white);\n line-height: 1.3;\n margin-bottom: 12px;\n }\n .cta-block__sub {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n }\n .cta-block__actions {\n position: relative; z-index: 1;\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 14px 28px;\n border-radius: var(--radius-sm);\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.04em;\n cursor: pointer;\n transition: all 0.2s;\n text-decoration: none;\n white-space: nowrap;\n }\n .btn--gold {\n background: var(--gold);\n color: var(--green-900);\n }\n .btn--gold:hover {\n background: #d4b35c;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(201,168,76,0.35);\n text-decoration: none;\n color: var(--green-900);\n }\n .btn--outline {\n background: transparent;\n color: var(--white);\n border: 1.5px solid rgba(255,255,255,0.35);\n }\n .btn--outline:hover {\n background: rgba(255,255,255,0.1);\n border-color: var(--white);\n transform: translateY(-2px);\n text-decoration: none;\n color: var(--white);\n }\n .btn svg { width: 18px; height: 18px; }\n\n \/* ============================================================\n ANIMATIONS\n ============================================================ *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(28px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .anim { opacity: 0; }\n .anim.visible {\n animation: fadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n .anim-d1 { animation-delay: 0.1s !important; }\n .anim-d2 { animation-delay: 0.22s !important; }\n .anim-d3 { animation-delay: 0.34s !important; }\n .anim-d4 { animation-delay: 0.46s !important; }\n\n \/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n @media (max-width: 1024px) {\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\n .areas-grid { grid-template-columns: repeat(2, 1fr); }\n .stats-strip .container { grid-template-columns: repeat(2, 1fr); }\n .stat-divider { display: none; }\n }\n @media (max-width: 768px) {\n :root { --section-gap: 60px; }\n .container { padding: 0 20px; }\n .intro-grid,\n .split-section,\n .cta-block { grid-template-columns: 1fr; gap: 40px; }\n .split-section--reverse .split-section__visual,\n .split-section--reverse .split-section__text { order: unset; }\n .cards-grid,\n .areas-grid,\n .stats-strip .container { grid-template-columns: 1fr; }\n .quote-block { padding: 40px 32px; }\n .cta-block { grid-template-columns: 1fr; }\n .hero { min-height: 420px; }\n .hero__meta { gap: 24px; }\n }\n <\/style>\n\n\n <style>\n \/* === Estensioni stile per tipi di blocco aggiuntivi (coerenti coi token) === *\/\n .data-table-wrap { overflow-x:auto; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n table.data-table { width:100%; border-collapse:collapse; font-size:15px; background:var(--white); }\n table.data-table thead th { background:var(--green-700); color:#fff; text-align:left; padding:14px 16px; font-family:var(--font-body); font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }\n table.data-table td { padding:12px 16px; border-top:1px solid var(--border); color:var(--ink-mid); }\n table.data-table tbody tr:nth-child(even) { background:var(--green-50); }\n table.data-table tbody tr:hover { background:var(--green-100); }\n .table-caption { margin-bottom:8px; }\n .table-caption small { color:var(--ink-light); }\n\n .note-block { background:var(--cream); border:1px solid var(--border); border-left:4px solid var(--gold); border-radius:var(--radius-md); padding:28px 32px; box-shadow:var(--shadow-sm); }\n .note-block h3 { font-family:var(--font-display); font-size:22px; color:var(--green-800); margin-bottom:14px; }\n .note-block ul { list-style:none; }\n .note-block li { position:relative; padding-left:24px; margin-bottom:10px; color:var(--ink-mid); }\n .note-block li::before { content:'\u203a'; position:absolute; left:6px; color:var(--gold); font-weight:700; }\n .note-block .sources { margin-top:16px; padding-top:14px; border-top:1px dashed var(--border); font-size:14px; }\n .note-block .sources a { color:var(--green-700); font-weight:700; }\n\n .evidence { border-radius:var(--radius-lg); padding:44px 48px; box-shadow:var(--shadow-md); }\n .evidence--dark { background:linear-gradient(135deg,var(--green-800),var(--green-900)); color:#fff; }\n .evidence--dark .evidence__label { color:var(--gold-lt); }\n .evidence--dark a { color:var(--gold-lt); }\n .evidence--light { background:var(--green-50); border:1px solid var(--green-200); }\n .evidence__label { display:inline-block; font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; margin-bottom:10px; }\n .evidence h3 { font-family:var(--font-display); font-size:26px; margin-bottom:14px; }\n .evidence p { line-height:1.7; margin-bottom:8px; }\n .evidence__link { display:inline-flex; gap:8px; align-items:center; margin-top:14px; font-weight:700; text-decoration:none; }\n .evidence ul { margin:8px 0 0; padding-left:0; list-style:none; }\n .evidence li { position:relative; padding-left:24px; margin-bottom:8px; }\n .evidence li::before { content:'\u2713'; position:absolute; left:0; color:var(--gold); font-weight:700; }\n\n .alert-box { display:flex; gap:20px; align-items:flex-start; border-radius:var(--radius-md); padding:26px 30px; box-shadow:var(--shadow-sm); }\n .alert-box--gold { background:var(--green-50); border:1px solid var(--gold); border-left:5px solid var(--gold); }\n .alert-box--warning { background:#FFF8E6; border:1px solid var(--gold-lt); border-left:5px solid var(--gold); }\n .alert-box__icon { flex:0 0 auto; width:44px; height:44px; border-radius:50%; background:var(--green-700); display:flex; align-items:center; justify-content:center; }\n .alert-box__icon svg { width:24px; height:24px; fill:#fff; }\n .alert-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:8px; }\n .alert-box p { color:var(--ink-mid); margin-bottom:8px; }\n\n .partner-block { display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:40px; box-shadow:var(--shadow-md); }\n .partner-block__visual { background:var(--green-50); border-radius:var(--radius-md); padding:24px; display:flex; align-items:center; justify-content:center; min-height:200px; }\n .partner-block__visual img { max-width:100%; height:auto; border-radius:var(--radius-sm); }\n .partner-block h3 { font-family:var(--font-display); font-size:28px; color:var(--green-800); margin-bottom:14px; }\n\n .subsection-grid { display:grid; gap:24px; }\n .subsection-card { display:flex; flex-direction:column; gap:10px; padding:28px; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); text-decoration:none; transition:transform .25s, box-shadow .25s; }\n .subsection-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }\n .subsection-card .card__icon { width:48px; height:48px; }\n .subsection-card h3 { font-family:var(--font-display); font-size:20px; color:var(--green-800); }\n .subsection-card p { color:var(--ink-light); font-size:15px; }\n\n .session-grid { display:grid; gap:20px; }\n .session-card { background:var(--white); border:1px solid var(--border); border-top:4px solid var(--green-700); border-radius:var(--radius-md); padding:24px; box-shadow:var(--shadow-sm); text-align:center; }\n .session-card__period { font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); font-weight:700; }\n .session-card__date { font-family:var(--font-display); font-size:30px; color:var(--ink); margin:6px 0; }\n .session-card__type { font-size:14px; color:var(--ink-light); }\n\n .archive-year { border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:14px; overflow:hidden; background:var(--white); }\n .archive-year > summary { cursor:pointer; list-style:none; padding:16px 22px; font-family:var(--font-display); font-size:19px; color:var(--green-800); background:var(--green-50); display:flex; justify-content:space-between; align-items:center; }\n .archive-year > summary::-webkit-details-marker { display:none; }\n .archive-year > summary::after { content:'+'; font-size:24px; color:var(--gold); }\n .archive-year[open] > summary::after { content:'\u2013'; }\n\n .info-box { background:var(--green-50); border:1px solid var(--green-200); border-radius:var(--radius-md); padding:26px 28px; }\n .info-box__tag { display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); font-weight:700; margin-bottom:8px; }\n .info-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:10px; }\n\n .map-card { width:100%; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n .map-card iframe { width:100%; height:360px; border:0; display:block; }\n .map-card__caption { font-size:13px; color:var(--ink-light); padding:10px 14px; background:var(--green-50); }\n\n .btn--green { background:var(--green-700); color:#fff; }\n .btn--green:hover { background:var(--green-800); }\n .btn--ghost { background:transparent; color:var(--green-700); border:1px solid var(--green-200); }\n .btn--ghost:hover { background:var(--green-50); }\n\n .inline-link { color:var(--green-700); font-weight:700; }\n .split-text-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }\n .split-text-panel { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); padding:32px; box-shadow:var(--shadow-sm); }\n .split-text-panel .split-section__tag { display:inline-block; margin-bottom:10px; }\n\n .rev-note { margin:14px auto 0; max-width:var(--max-w); }\n .rev-note__inner { background:#FFF8E6; border:1px dashed var(--gold); border-radius:var(--radius-sm); padding:12px 18px; color:#8a6d1f; font-size:14px; }\n .rev-note__inner strong { color:#6b540f; }\n\n @media (max-width:860px){\n .partner-block{ grid-template-columns:1fr; }\n .split-text-grid{ grid-template-columns:1fr; }\n }\n <\/style>\n\n<\/head>\n<body>\n<section class=\"hero\">\n <div class=\"hero__photo-placeholder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z\"\/><\/svg><span>\ud83d\udcf7 Studenti magistrali durante una discussione di tesi, aula di laurea o dettaglio istituzionale della Facolta' di Ingegneria. Formato orizzontale 1920x800px.<\/span><\/div>\n <div class=\"hero__content\">\n <div class=\"hero__breadcrumb\"><a href=\"#\" style=\"color:var(--green-200)\">Home<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Laurea Magistrale<\/a> <span>\u203a<\/span> Prova Finale e Seduta di Laurea<\/div>\n <h1 class=\"hero__title\">Prova Finale<br><em>Laurea Magistrale<\/em><\/h1>\n <p class=\"hero__subtitle\">Informazioni sulla tesi di laurea magistrale, sulla procedura per la domanda di laurea, sulle scadenze e sulla modulistica per la seduta finale.<\/p>\n <div class=\"hero__meta\"><div class=\"hero__stat\"><span class=\"hero__stat-num\">60<\/span><span class=\"hero__stat-label\">giorni prima per assegnazione tesi<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">30<\/span><span class=\"hero__stat-label\">giorni prima per domanda online e AFF<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">25<\/span><span class=\"hero__stat-label\">giorni entro la data di laurea per la documentazione<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">LM<\/span><span class=\"hero__stat-label\">tesi magistrale e seduta finale<\/span><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"intro-grid\"><div class=\"anim\">\n <span class=\"section-label\">Prova finale<\/span>\n <h2 class=\"section-title\">La tesi magistrale come attivita' di progettazione e ricerca<\/h2>\n <p class=\"body-text\">La prova finale della Laurea Magistrale consiste nella redazione di un elaborato, la tesi di laurea magistrale, che costituisce un'importante attivita' di progettazione e ricerca.<\/p><p class=\"body-text\" style=\"margin-top:16px\">L'elaborato deve dimostrare padronanza degli argomenti, capacita' di operare in modo autonomo e un buon livello di comunicazione.<\/p>\n <div style=\"margin-top:24px\"><ul class=\"bullet-list\">\n <li>Redazione di un elaborato di tesi magistrale<\/li>\n <li>Attivita' significativa di progettazione e ricerca<\/li>\n <li>Dimostrazione della padronanza degli argomenti trattati<\/li>\n <li>Capacita' di lavoro autonomo<\/li>\n <li>Buon livello di comunicazione tecnico-scientifica<\/li>\n <\/ul><\/div>\n <\/div><div class=\"anim anim-d2\"><div class=\"photo-placeholder photo-placeholder--tall\"><div class=\"photo-placeholder__icon\"><svg class=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7zM6 19H4v-2h2zm0-4H4v-2h2zm0-4H4V9h2zm0-4H4V5h2zm4 12H8v-2h2zm0-4H8v-2h2zm0-4H8V9h2zm0-4H8V5h2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8zm-2-8h-2v2h2zm0 4h-2v2h2z\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Discussione di tesi<\/span><p class=\"photo-placeholder__desc\">Aula di laurea, commissione e studente durante presentazione finale. Formato verticale 800x900px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Domanda di laurea<\/span><h2 class=\"section-title\" style=\"text-align:center\">Procedura per la domanda di laurea magistrale<\/h2><\/div><div class=\"cards-grid\">\n<div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 1 – Assegnazione tesi e AFF<\/h3>\n <p class=\"card__body\">Stampa e consegna del modulo di assegnazione tesi firmato dal relatore in segreteria didattica almeno 60 giorni prima della seduta. Consegna anche del modulo Attivita' Formative Finalizzate 30 giorni prima della seduta.<\/p>\n \n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-1 17.93C7.05 19.44 4 16.08 4 12c0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41C17.92 5.78 20 8.65 20 12c0 2.08-.8 3.97-2.1 5.39\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 2 – Domanda online<\/h3>\n <p class=\"card__body\">Compilazione online della domanda di laurea sul portale Delphi da 60 a 30 giorni prima della seduta.<\/p>\n \n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 3 – Pagamento<\/h3>\n <p class=\"card__body\">Pagamento del bollettino di EUR 500 e indicazione del codice AUTH bancario.<\/p>\n \n <\/div><div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3 1 9l11 6 9-4.91V17h2V9zM5 13.18v4L12 21l7-3.82v-4L12 17z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 4 – AlmaLaurea<\/h3>\n <p class=\"card__body\">Compilazione del questionario AlmaLaurea secondo la procedura richiesta per la domanda di laurea.<\/p>\n \n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1zm3 18H5V8h14z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Fase 5 – Documentazione finale<\/h3>\n <p class=\"card__body\">Consegna della documentazione alla Segreteria Studenti entro 25 giorni dalla data di laurea.<\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Sessioni di laurea<\/span>\n <h2 class=\"section-title\">Consulta calendario e informazioni aggiornate<\/h2>\n <p class=\"body-text\">Le sessioni di laurea e le informazioni operative devono essere verificate tramite le pagine ufficiali del Corso di Studio e della Facolta' di Ingegneria.<\/p>\n <ul class=\"bullet-list\">\n <li>Calendario delle sessioni di laurea disponibile sul sito del Corso di Studio<\/li>\n <li>Informazioni aggiornate disponibili sul sito della Facolta' di Ingegneria<\/li>\n <li>Verificare sempre le scadenze operative prima della presentazione della domanda<\/li>\n <\/ul>\n <div class=\"cta-block__actions\" style=\"margin-top:22px;justify-content:flex-start\"><a href=\"https:\/\/ing.uniroma2.it\/laurea\/\" class=\"btn btn--gold\">Informazioni aggiornate<\/a><\/div>\n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.5 6.5 0 0 1 9.5 16 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Seduta di laurea<\/span><p class=\"photo-placeholder__desc\">Aula magna o aula di discussione tesi con studenti e commissione. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Modulistica<\/span><h2 class=\"section-title\" style=\"text-align:center\">Documenti utili per la prova finale<\/h2><\/div><div class=\"cards-grid\">\n<div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Modulo assegnazione tesi<\/h3>\n <p class=\"card__body\">Modulo assegnazione tesi per Laurea Magistrale DM 270.<\/p>\n <a class=\"inline-link\" href=\"Assegnazione Tesi_Magistrale270.pdf\">Scarica \u203a<\/a>\n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Modulo AFF Magistrale<\/h3>\n <p class=\"card__body\">Modulo Attivita' Formative Finalizzate per Laurea Magistrale DM 270.<\/p>\n <a class=\"inline-link\" href=\"Formative_Magistrale270-6-9-12-e-5-10.pdf\">Scarica \u203a<\/a>\n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Attestato Prova Finale<\/h3>\n <p class=\"card__body\">Attestato Prova Finale DM270 per Laurea Magistrale.<\/p>\n <a class=\"inline-link\" href=\"AttestazioneProvaFinaleMagistrale270-510.pdf\">Scarica \u203a<\/a>\n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cta-block anim\">\n <div class=\"cta-block__text\">\n <h2 class=\"cta-block__title\">Preparati alla seduta di laurea magistrale<\/h2>\n <p class=\"cta-block__sub\">Verifica le scadenze, compila la domanda online e scarica la modulistica necessaria per completare correttamente la procedura.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"http:\/\/ingegneriameccanica.uniroma2.it\/domanda-di-laurea-istruzioni-2\/\" class=\"btn btn--gold\">Istruzioni domanda di laurea<\/a>\n<a href=\"https:\/\/ing.uniroma2.it\/laurea\/\" class=\"btn btn--outline\">Informazioni aggiornate<\/a><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"note-block anim\"><h3>Note<\/h3><ul><li>Il parser puo' leggere il documento riga per riga e riconoscere i blocchi dai delimitatori #inizio_* e #fine_*.<\/li><li>Per griglie e liste, il numero di elementi e' deducibile contando i campi progressivi presenti.<\/li><li>I campi #azione_* e #blocco_*_file possono essere trasformati in pulsanti, card o link nel template HTML.<\/li><\/ul><\/div>\n <\/div>\n<\/section>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\n }, { threshold: 0.12 });\n document.querySelectorAll('.anim').forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Laurea Magistrale – Prova Finale e Seduta di Laurea \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Studenti magistrali durante una discussione di tesi, aula di laurea o dettaglio istituzionale della Facolta' di Ingegneria. Formato orizzontale 1920x800px. Home \u203a Laurea Magistrale \u203a<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-246","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=246"}],"version-history":[{"count":3,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/246\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/246\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}