{"id":78,"date":"2024-06-05T16:00:50","date_gmt":"2024-06-05T14:00:50","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=78"},"modified":"2026-06-16T11:14:14","modified_gmt":"2026-06-16T09:14:14","slug":"dipartimento","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=78","title":{"rendered":"Dipartimento"},"content":{"rendered":"\n\n\n\n \n \n Altro \u2013 Informazioni Generali \/ Dipartimento \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n\n <!-- Google Fonts -->\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 Laboratori del DII. 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> Dipartimento<\/div>\n <h1 class=\"hero__title\">Dipartimento di<br><em>Ingegneria Industriale<\/em><\/h1>\n <p class=\"hero__subtitle\">Didattica e ricerca nei settori della meccanica, dei materiali, dell\u2019energia, dell\u2019aerospazio e dei processi industriali.<\/p>\n \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\">Il Dipartimento<\/span>\n <h2 class=\"section-title\">Il DII di Tor Vergata<\/h2>\n <p class=\"body-text\">Il Dipartimento di Ingegneria Industriale (DII) dell\u2019Universit\u00e0 di Roma Tor Vergata si occupa di didattica e ricerca nei settori dell\u2019ingegneria meccanica, dei materiali, dell\u2019energia, dell\u2019aerospazio e dei processi industriali.<\/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 Ingegneria Industriale. 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\">Direzione<\/span><h2 class=\"section-title\" style=\"text-align:center\">Direttore del Dipartimento<\/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 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Direttore del DII<\/h3>\n <p class=\"card__body\"><\/p>\n <p class=\"card__body\">Prof. Gianluca Verona Rinati<br>Tel. 06 7259 7227<br><a class=\"inline-link\" href=\"mailto:gianluca.verona.rinati@uniroma2.it\">gianluca.verona.rinati@uniroma2.it<\/a><\/p>\n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Attivit\u00e0 di ricerca<\/span><h2 class=\"section-title\" style=\"text-align:center\">I principali settori<\/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=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Progettazione meccanica e strutturale<\/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=\"M15 13V5a3 3 0 0 0-6 0v8a5 5 0 1 0 6 0m-3-9a1 1 0 0 1 1 1h-2a1 1 0 0 1 1-1\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Termofluidodinamica e sistemi energetici<\/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=\"M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18s-.41-.06-.57-.18l-7.9-4.44A.99.99 0 0 1 3 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18s.41.06.57.18l7.9 4.44c.32.17.53.5.53.88zM12 4.15 6.04 7.5 12 10.85 17.96 7.5z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Materiali e metallurgia<\/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=\"M22 22H2V10l7-3v2l5-2v3h3l2-6h2zM7 19h2v-3H7zm4 0h2v-3h-2zm4 0h2v-3h-2z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Tecnologie di produzione e additive manufacturing<\/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=\"M7 2v11h3v9l7-12h-4l4-8z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Sistemi propulsivi e mobilit\u00e0 sostenibile<\/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=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Aerodinamica e strutture aerospaziali<\/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=\"m9.4 16.6-4.6-4.6 4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Meccatronica e controllo<\/h3>\n <p class=\"card__body\"><\/p>\n \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\">Approfondisci la ricerca del DII<\/h2>\n <p class=\"cta-block__sub\">Visita il sito del Dipartimento di Ingegneria Industriale.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"http:\/\/ingegneriaindustriale.uniroma2.it\/\" class=\"btn btn--gold\">Sito del Dipartimento<\/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 del Dipartimento (http:\/\/ingegneriaindustriale.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 \/ Dipartimento \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Laboratori del DII. Formato orizzontale 1920x800px. Home \u203a Altro \u203a Informazioni Generali \u203a Dipartimento Dipartimento diIngegneria Industriale Didattica e ricerca nei settori della meccanica, dei materiali, dell\u2019energia, dell\u2019aerospazio<\/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-78","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\/78","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=78"}],"version-history":[{"count":2,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}