Altro \u2013 Informazioni Generali \/ Ateneo \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 Vista aerea del Campus di Tor Vergata. 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)\">Altro<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Informazioni Generali<\/a> <span>\u203a<\/span> Ateneo<\/div>\n <h1 class=\"hero__title\">L\u2019Ateneo<br><em>Tor Vergata<\/em><\/h1>\n <p class=\"hero__subtitle\">Un\u2019universit\u00e0 pubblica statale fondata nel 1982, con un grande campus nel sud-est di Roma.<\/p>\n <div class=\"hero__meta\"><div class=\"hero__stat\"><span class=\"hero__stat-num\">1982<\/span><span class=\"hero__stat-label\">anno di fondazione<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">600+<\/span><span class=\"hero__stat-label\">ettari di campus<\/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\">L\u2019Universit\u00e0<\/span>\n <h2 class=\"section-title\">Universit\u00e0 degli Studi di Roma \u201cTor Vergata\u201d<\/h2>\n <p class=\"body-text\">L\u2019Universit\u00e0 degli Studi di Roma \u201cTor Vergata\u201d \u00e8 un\u2019universit\u00e0 pubblica statale fondata nel 1982, situata nella periferia sud-est di Roma, nel quartiere Tor Vergata.<\/p><p class=\"body-text\" style=\"margin-top:16px\">Il campus si estende su un\u2019area di oltre 600 ettari, con strutture moderne per la didattica, la ricerca e la vita studentesca.<\/p>\n \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\">Foto<\/span><p class=\"photo-placeholder__desc\">Edificio del Rettorato \/ campus. 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\">Strutture e servizi<\/span><h2 class=\"section-title\" style=\"text-align:center\">Cosa offre l\u2019Ateneo<\/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=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16H6V4h2v8l2.5-1.5L13 12V4h5z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Biblioteche di Ateneo<\/h3>\n <p class=\"card__body\"><\/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 11V3H7v4H3v14h8v-4h2v4h8V11zM7 19H5v-2h2zm0-4H5v-2h2zm0-4H5V9h2zm4 8H9v-2h2zm0-4H9v-2h2zm0-4H9V9h2zm0-4H9V5h2zm4 8h-2v-2h2zm0-4h-2V9h2zm0-4h-2V5h2zm4 12h-2v-2h2zm0-4h-2v-2h2z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Residenze universitarie<\/h3>\n <p class=\"card__body\"><\/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=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m6.93 6h-2.95a15.7 15.7 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.99 7.99 0 0 1 5.08 16m2.95-8H5.08a7.99 7.99 0 0 1 4.33-3.56A15.7 15.7 0 0 0 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Strutture sportive<\/h3>\n <p class=\"card__body\"><\/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=\"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Policlinico Tor Vergata<\/h3>\n <p class=\"card__body\"><\/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=\"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>\n <h3 class=\"card__title\">Centri di ricerca e laboratori<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--green-light\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Missione<\/span>\n <h2 class=\"section-title\">Istruzione, ricerca e territorio<\/h2>\n <p class=\"body-text\">La missione dell\u2019Ateneo \u00e8 promuovere l\u2019istruzione universitaria di alto livello, la ricerca scientifica e il trasferimento tecnologico, contribuendo allo sviluppo culturale, sociale ed economico del territorio.<\/p>\n \n \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\">Foto<\/span><p class=\"photo-placeholder__desc\">Studenti e ricercatori. 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\">Link utili<\/span><h2 class=\"section-title\" style=\"text-align:center\">Portali di Ateneo<\/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=\"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\">Sito ufficiale di Ateneo<\/h3>\n <p class=\"card__body\"><\/p>\n <a class=\"inline-link\" href=\"http:\/\/web.uniroma2.it\/\">Apri \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=\"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Portale studenti Delphi<\/h3>\n <p class=\"card__body\"><\/p>\n <a class=\"inline-link\" href=\"https:\/\/www.delphi.uniroma2.it\/\">Apri \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=\"M5 9.2h3V19H5zm5.6-4.6h2.8V19h-2.8zm5.6 8H19V19h-2.8z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Portale ISEEU (tasse)<\/h3>\n <p class=\"card__body\"><\/p>\n <a class=\"inline-link\" href=\"http:\/\/iseeu.uniroma2.it\/\">Apri \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\">Scopri di pi\u00f9 sull\u2019Ateneo<\/h2>\n <p class=\"cta-block__sub\">Visita il sito ufficiale dell\u2019Universit\u00e0 di Roma Tor Vergata.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"http:\/\/web.uniroma2.it\/\" class=\"btn btn--gold\">Sito di Ateneo<\/a><\/div>\n <\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Aggiornare con i contenuti ufficiali dell\u2019Ateneo (http:\/\/web.uniroma2.it\/).<\/div><\/div>\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>Altro \u2013 Informazioni Generali \/ Ateneo \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Vista aerea del Campus di Tor Vergata. Formato orizzontale 1920x800px. Home \u203a Altro \u203a Informazioni Generali \u203a Ateneo L\u2019AteneoTor Vergata Un\u2019universit\u00e0 pubblica statale fondata nel 1982, con un<\/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-74","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\/74","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=74"}],"version-history":[{"count":2,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":74,"date":"2024-06-05T15:58:33","date_gmt":"2024-06-05T13:58:33","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=74"},"modified":"2026-06-16T11:15:44","modified_gmt":"2026-06-16T09:15:44","slug":"ateneo","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=74","title":{"rendered":"Ateneo"},"content":{"rendered":"\n\n\n\n \n \n Altro \u2013 Informazioni Generali \/ Ateneo \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 Vista aerea del Campus di Tor Vergata. 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)\">Altro<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Informazioni Generali<\/a> <span>\u203a<\/span> Ateneo<\/div>\n <h1 class=\"hero__title\">L\u2019Ateneo<br><em>Tor Vergata<\/em><\/h1>\n <p class=\"hero__subtitle\">Un\u2019universit\u00e0 pubblica statale fondata nel 1982, con un grande campus nel sud-est di Roma.<\/p>\n <div class=\"hero__meta\"><div class=\"hero__stat\"><span class=\"hero__stat-num\">1982<\/span><span class=\"hero__stat-label\">anno di fondazione<\/span><\/div><div class=\"hero__stat\"><span class=\"hero__stat-num\">600+<\/span><span class=\"hero__stat-label\">ettari di campus<\/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\">L\u2019Universit\u00e0<\/span>\n <h2 class=\"section-title\">Universit\u00e0 degli Studi di Roma \u201cTor Vergata\u201d<\/h2>\n <p class=\"body-text\">L\u2019Universit\u00e0 degli Studi di Roma \u201cTor Vergata\u201d \u00e8 un\u2019universit\u00e0 pubblica statale fondata nel 1982, situata nella periferia sud-est di Roma, nel quartiere Tor Vergata.<\/p><p class=\"body-text\" style=\"margin-top:16px\">Il campus si estende su un\u2019area di oltre 600 ettari, con strutture moderne per la didattica, la ricerca e la vita studentesca.<\/p>\n \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\">Foto<\/span><p class=\"photo-placeholder__desc\">Edificio del Rettorato \/ campus. 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\">Strutture e servizi<\/span><h2 class=\"section-title\" style=\"text-align:center\">Cosa offre l\u2019Ateneo<\/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=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16H6V4h2v8l2.5-1.5L13 12V4h5z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Biblioteche di Ateneo<\/h3>\n <p class=\"card__body\"><\/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 11V3H7v4H3v14h8v-4h2v4h8V11zM7 19H5v-2h2zm0-4H5v-2h2zm0-4H5V9h2zm4 8H9v-2h2zm0-4H9v-2h2zm0-4H9V9h2zm0-4H9V5h2zm4 8h-2v-2h2zm0-4h-2V9h2zm0-4h-2V5h2zm4 12h-2v-2h2zm0-4h-2v-2h2z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Residenze universitarie<\/h3>\n <p class=\"card__body\"><\/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=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m6.93 6h-2.95a15.7 15.7 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.99 7.99 0 0 1 5.08 16m2.95-8H5.08a7.99 7.99 0 0 1 4.33-3.56A15.7 15.7 0 0 0 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Strutture sportive<\/h3>\n <p class=\"card__body\"><\/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=\"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Policlinico Tor Vergata<\/h3>\n <p class=\"card__body\"><\/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=\"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>\n <h3 class=\"card__title\">Centri di ricerca e laboratori<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--green-light\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Missione<\/span>\n <h2 class=\"section-title\">Istruzione, ricerca e territorio<\/h2>\n <p class=\"body-text\">La missione dell\u2019Ateneo \u00e8 promuovere l\u2019istruzione universitaria di alto livello, la ricerca scientifica e il trasferimento tecnologico, contribuendo allo sviluppo culturale, sociale ed economico del territorio.<\/p>\n \n \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\">Foto<\/span><p class=\"photo-placeholder__desc\">Studenti e ricercatori. 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\">Link utili<\/span><h2 class=\"section-title\" style=\"text-align:center\">Portali di Ateneo<\/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=\"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\">Sito ufficiale di Ateneo<\/h3>\n <p class=\"card__body\"><\/p>\n <a class=\"inline-link\" href=\"http:\/\/web.uniroma2.it\/\">Apri \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=\"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Portale studenti Delphi<\/h3>\n <p class=\"card__body\"><\/p>\n <a class=\"inline-link\" href=\"https:\/\/www.delphi.uniroma2.it\/\">Apri \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=\"M5 9.2h3V19H5zm5.6-4.6h2.8V19h-2.8zm5.6 8H19V19h-2.8z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Portale ISEEU (tasse)<\/h3>\n <p class=\"card__body\"><\/p>\n <a class=\"inline-link\" href=\"http:\/\/iseeu.uniroma2.it\/\">Apri \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\">Scopri di pi\u00f9 sull\u2019Ateneo<\/h2>\n <p class=\"cta-block__sub\">Visita il sito ufficiale dell\u2019Universit\u00e0 di Roma Tor Vergata.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"http:\/\/web.uniroma2.it\/\" class=\"btn btn--gold\">Sito di Ateneo<\/a><\/div>\n <\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Aggiornare con i contenuti ufficiali dell\u2019Ateneo (http:\/\/web.uniroma2.it\/).<\/div><\/div>\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>Altro \u2013 Informazioni Generali \/ Ateneo \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Vista aerea del Campus di Tor Vergata. Formato orizzontale 1920x800px. Home \u203a Altro \u203a Informazioni Generali \u203a Ateneo L\u2019AteneoTor Vergata Un\u2019universit\u00e0 pubblica statale fondata nel 1982, con un<\/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-74","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\/74","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=74"}],"version-history":[{"count":2,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}