{"id":13,"date":"2024-05-21T11:39:54","date_gmt":"2024-05-21T09:39:54","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=13"},"modified":"2026-06-16T13:07:53","modified_gmt":"2026-06-16T11:07:53","slug":"presentazione","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=13","title":{"rendered":"Presentazione del Corso"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Presentazione del Corso \u2013 Ingegneria Meccanica Tor Vergata<\/title>\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&#038;family=Lato:wght@300;400;700&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&#038;display=swap\" rel=\"stylesheet\" \/>\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  \n\n    \/* ============================================================\n       FOTO REALI (versione WordPress\/editabile) - niente tag sulle foto\n    ============================================================ *\/\n    .hero__image {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0.72;\n      filter: saturate(0.96) contrast(1.02);\n    }\n\n    .content-photo {\n      width: 100%;\n      height: 100%;\n      min-height: 320px;\n      object-fit: cover;\n      border-radius: var(--radius-md);\n      box-shadow: var(--shadow-md);\n    }\n\n    .content-photo--tall { min-height: 460px; }\n    .content-photo-wrap {\n      position: relative;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-md);\n      background: var(--green-100);\n    }\n    .content-photo-wrap .content-photo {\n      border-radius: 0;\n      box-shadow: none;\n    }\n    .content-photo-wrap::before {\n      content: '';\n      position: absolute;\n      top: 12px;\n      left: 12px;\n      width: 40px;\n      height: 40px;\n      border-top: 3px solid var(--gold);\n      border-left: 3px solid var(--gold);\n      border-radius: 4px 0 0 0;\n      z-index: 1;\n      pointer-events: none;\n    }\n    .content-photo-wrap::after {\n      content: '';\n      position: absolute;\n      bottom: 12px;\n      right: 12px;\n      width: 40px;\n      height: 40px;\n      border-bottom: 3px solid var(--gold);\n      border-right: 3px solid var(--gold);\n      border-radius: 0 0 4px 0;\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    .video-iframe {\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      min-height: 400px;\n      border: 0;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n  <img decoding=\"async\" class=\"hero__image\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/05\/11052018eDSCF3711.jpg\" alt=\"Campus Tor Vergata e Facolt\u00e0 di Ingegneria\" \/>\n  <div class=\"hero__content\">\n    <div class=\"hero__breadcrumb\">\n      <a href=\"#\" style=\"color:var(--green-200)\">Home<\/a><span>\u203a<\/span>\n      <a href=\"#\" style=\"color:var(--green-200)\">Il Corso<\/a><span>\u203a<\/span>\n      Presentazione del Corso\n    <\/div>\n    <h1 class=\"hero__title\">Ingegneria Meccanica<br><em>Tor Vergata<\/em><\/h1>\n    <p class=\"hero__subtitle\">Formiamo gli ingegneri che guidano l&#8217;innovazione industriale, energetica e digitale di domani.<\/p>\n    <div class=\"hero__meta\">\n      <div class=\"hero__stat\"><span class=\"hero__stat-num\">85%<\/span><span class=\"hero__stat-label\">occupati entro il primo anno<\/span><\/div>\n      <div class=\"hero__stat\"><span class=\"hero__stat-num\">180<\/span><span class=\"hero__stat-label\">CFU Laurea Triennale<\/span><\/div>\n      <div class=\"hero__stat\"><span class=\"hero__stat-num\">120<\/span><span class=\"hero__stat-label\">CFU Laurea Magistrale<\/span><\/div>\n      <div class=\"hero__stat\"><span class=\"hero__stat-num\">4<\/span><span class=\"hero__stat-label\">aree culturali strategiche<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"intro-grid\">\n      <div class=\"anim\">\n        <span class=\"section-label\">Il Corso di Studi<\/span>\n        <h2 class=\"section-title\">Una formazione solida, orientata al futuro<\/h2>\n        <p class=\"body-text\">Il Corso di Laurea in Ingegneria Meccanica dell&#8217;Universit\u00e0 di Roma Tor Vergata forma professionisti con una preparazione tecnica completa nel campo della progettazione di sistemi meccanici, degli impianti industriali, delle macchine, delle tecnologie e dei materiali.<\/p>\n        <p class=\"body-text\">Il curriculum combina fondamenti teorici rigorosi con esperienze pratiche dirette in laboratorio e in azienda, preparando i laureati a rispondere con flessibilit\u00e0 e competenza alle continue sfide della societ\u00e0 moderna.<\/p>\n        <ul class=\"bullet-list\" style=\"margin-top:28px\">\n          <li>Progettazione di sistemi meccanici funzionali, costruttivi ed energetici<\/li>\n          <li>Gestione ottimale di macchine e impianti industriali<\/li>\n          <li>Sviluppo di nuove tecnologie e innovazione di prodotto<\/li>\n          <li>Analisi, test e selezione dei materiali pi\u00f9 appropriati<\/li>\n          <li>Approccio multidisciplinare alla sostenibilit\u00e0 e all&#8217;efficienza<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"anim anim-d2\">\n        <div class=\"content-photo-wrap\">\n          <img decoding=\"async\" class=\"content-photo content-photo--tall\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2024\/05\/I-esterni_4.jpg\" alt=\"Sede del corso di Ingegneria Meccanica a Tor Vergata\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n  <div class=\"container\">\n    <div class=\"quote-block anim\">\n      <div class=\"quote-block__accent\"><\/div>\n      <p class=\"quote-block__text\">\u201cSiamo orgogliosi di constatare come il nostro progetto formativo sia grandemente apprezzato dal mercato. Lo testimonia il tasso di occupazione dei nostri Laureati Magistrali che, secondo le rilevazioni di AlmaLaurea, supera l&#8217;85% nel primo anno e raggiunge il 100% dopo cinque anni.\u201d<\/p>\n      <div class=\"quote-block__author\">\n        <div class=\"quote-block__avatar\"><svg 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\"><\/path><\/svg><\/div>\n        <div>\n          <div class=\"quote-block__name\">Prof. Vincenzo Mulone<\/div>\n          <div class=\"quote-block__role\">Coordinatore del Corso di Studio in Ingegneria Meccanica<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"cards-title anim\">\n      <span class=\"section-label\" style=\"justify-content:center\">Perch\u00e9 sceglierci<\/span>\n      <h2 class=\"section-title\" style=\"text-align:center\">I nostri punti di forza<\/h2>\n    <\/div>\n    <div class=\"cards-grid\">\n      <div class=\"card anim anim-d1\">\n        <div class=\"card__icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Curriculum bilanciato<\/h3>\n        <p class=\"card__body\">Il percorso formativo parte dalle scienze di base e si sviluppa fino a corsi progettuali avanzati, garantendo competenze sia teoriche che operative nell&#x27;ambito meccanico e industriale.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d2\">\n        <div class=\"card__icon\"><svg 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 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Alta occupabilit\u00e0<\/h3>\n        <p class=\"card__body\">I dati AlmaLaurea confermano oltre l&#x27;85% di occupazione a un anno dal titolo magistrale, con una crescita che raggiunge il 100% entro cinque anni dalla laurea.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d3\">\n        <div class=\"card__icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm0 13.5L5 12.68V16c0 2 4.67 3 7 3s7-1 7-3v-3.32l-7 3.82z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Approccio pratico<\/h3>\n        <p class=\"card__body\">Laboratori attrezzati, tirocini in azienda, attivit\u00e0 formative facoltative e il progetto Formula SAE della Scuderia Tor Vergata arricchiscono l&#x27;esperienza degli studenti.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d1\">\n        <div class=\"card__icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-4h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Docenza di eccellenza<\/h3>\n        <p class=\"card__body\">Il corpo docente \u00e8 composto da ricercatori attivi, con pubblicazioni internazionali e collaborazioni con aziende leader nei settori aerospace, automotive ed energetico.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d2\">\n        <div class=\"card__icon\"><svg 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 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.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-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Dimensione internazionale<\/h3>\n        <p class=\"card__body\">Programma Erasmus+ attivo, doppio titolo con universit\u00e0 europee, corsi in inglese e una rete di partner internazionali per studio e tirocinio all&#x27;estero.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d3\">\n        <div class=\"card__icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Flessibilit\u00e0 del percorso<\/h3>\n        <p class=\"card__body\">La Laurea Magistrale offre due indirizzi (Prodotto e Processi Sostenibili) e 30 CFU a scelta, organizzati attorno a quattro aree culturali strategiche.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n  <div class=\"container\">\n    <div class=\"cards-title anim\">\n      <span class=\"section-label\" style=\"justify-content:center\">Laurea Magistrale<\/span>\n      <h2 class=\"section-title\" style=\"text-align:center\">Le quattro aree culturali strategiche<\/h2>\n      <p class=\"body-text\" style=\"text-align:center;max-width:580px;margin:0 auto 48px\">L&#8217;offerta formativa magistrale \u00e8 sistematizzata attorno a competenze identificabili in quattro aree che incontrano la domanda delle aziende pi\u00f9 innovative.<\/p>\n    <\/div>\n    <div class=\"areas-grid\">\n      <div class=\"area-card area-card--aerospace anim anim-d1\">\n        <div class=\"area-card__shine\"><\/div>\n        <span class=\"area-card__icon\">\ud83d\ude80<\/span>\n        <div class=\"area-card__name\">Aerospace<\/div>\n        <p class=\"area-card__desc\">Progettazione strutturale, aerodinamica, additive manufacturing per lo spazio e sistemi aeronautici avanzati.<\/p>\n      <\/div>\n      <div class=\"area-card area-card--digital anim anim-d2\">\n        <div class=\"area-card__shine\"><\/div>\n        <span class=\"area-card__icon\">\ud83d\udcbb<\/span>\n        <div class=\"area-card__name\">Digital<\/div>\n        <p class=\"area-card__desc\">Data science, prototipazione virtuale, simulazione numerica, CAD\/CAE e intelligenza artificiale applicata.<\/p>\n      <\/div>\n      <div class=\"area-card area-card--mobility anim anim-d3\">\n        <div class=\"area-card__shine\"><\/div>\n        <span class=\"area-card__icon\">\u26a1<\/span>\n        <div class=\"area-card__name\">Mobility<\/div>\n        <p class=\"area-card__desc\">Powertrain ibridi ed elettrici, veicoli terrestri, mobilit\u00e0 sostenibile e sistemi di controllo avanzato.<\/p>\n      <\/div>\n      <div class=\"area-card area-card--sustain anim anim-d4\">\n        <div class=\"area-card__shine\"><\/div>\n        <span class=\"area-card__icon\">\ud83c\udf3f<\/span>\n        <div class=\"area-card__name\">Sustainability<\/div>\n        <p class=\"area-card__desc\">Impianti di potenza, conversione dell&#x27;energia, processi industriali sostenibili e gestione dell&#x27;ambiente.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"stats-strip anim\">\n  <div class=\"container\">\n    <div class=\"stat-item\"><div class=\"stat-item__num\">85<span>%<\/span><\/div><div class=\"stat-item__label\">occupati entro 1 anno (AlmaLaurea)<\/div><\/div>\n    <div class=\"stat-item\"><div class=\"stat-item__num\">100<span>%<\/span><\/div><div class=\"stat-item__label\">occupati dopo 5 anni<\/div><\/div>\n    <div class=\"stat-item\"><div class=\"stat-item__num\">30<span>+<\/span><\/div><div class=\"stat-item__label\">insegnamenti a scelta magistrale<\/div><\/div>\n    <div class=\"stat-item\"><div class=\"stat-item__num\">1982<\/div><div class=\"stat-item__label\">anno di fondazione dell&#8217;Ateneo<\/div><\/div>\n  <\/div>\n<\/div>\n\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"split-section anim\">\n      <div class=\"split-section__visual\">\n        <div class=\"content-photo-wrap\">\n          <img decoding=\"async\" class=\"content-photo\" src=\"https:\/\/scuderiatorvergata.com\/wp-content\/uploads\/2021\/10\/DSC_3602-scaled-e1634307556500.jpg\" alt=\"Studenti al lavoro in laboratorio e progetto Formula SAE\" \/>\n        <\/div>\n      <\/div>\n      <div class=\"split-section__text\">\n        <span class=\"split-section__tag\">Esperienza pratica<\/span>\n        <h2 class=\"section-title\">Imparare facendo, in laboratorio e in azienda<\/h2>\n        <p class=\"body-text\">Il percorso formativo integra ore di laboratorio, attivit\u00e0 formative facoltative e tirocini per garantire una preparazione tecnica concreta, immediatamente spendibile nel mondo del lavoro.<\/p>\n        <ul class=\"bullet-list\">\n          <li>Laboratori di termofluidodinamica, metallurgia e misure<\/li>\n          <li>Attivit\u00e0 di test su batterie, stampa 3D e prototipazione<\/li>\n          <li>Tirocini curriculari presso aziende partner<\/li>\n          <li>Scuderia Tor Vergata &#8211; Formula SAE<\/li>\n          <li>Strumenti digitali: MATLAB, Simulink, FEM, CFD<\/li>\n        <\/ul>\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\">\n      <div class=\"split-section__text\">\n        <span class=\"split-section__tag\">Ricerca e innovazione<\/span>\n        <h2 class=\"section-title\">Un corpo docenti attivo nella ricerca internazionale<\/h2>\n        <p class=\"body-text\">Il corpo docenti del Consiglio del Corso di Studi conduce ricerca di frontiera nei settori dell&#8217;energia, dell&#8217;aerospazio, dei materiali avanzati e dei sistemi di mobilit\u00e0 sostenibile, con pubblicazioni su riviste internazionali di riferimento.<\/p>\n        <ul class=\"bullet-list\">\n          <li>Gruppi di ricerca in idrogeno, celle a combustibile e batterie<\/li>\n          <li>Modellazione numerica avanzata e AI per sistemi ingegneristici<\/li>\n          <li>Progettazione strutturale e aeroelasticit\u00e0<\/li>\n          <li>Additive manufacturing e materiali di frontiera<\/li>\n          <li>Progetti Horizon Europe, PNRR e collaborazioni industriali<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"split-section__visual\">\n        <div class=\"content-photo-wrap\">\n          <img decoding=\"async\" class=\"content-photo\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/06\/laboratori.png\" alt=\"Laboratorio di ricerca e innovazione\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"cards-title anim\" style=\"margin-bottom:36px\">\n      <span class=\"section-label\" style=\"justify-content:center\">Orientamento<\/span>\n      <h2 class=\"section-title\" style=\"text-align:center\">Guarda la presentazione del corso<\/h2>\n    <\/div>\n    <div class=\"video-wrapper anim\">\n      <iframe class=\"video-iframe\" src=\"https:\/\/www.youtube.com\/embed\/R-KfwoxHZaQ\" title=\"Presentazione del Corso di Laurea in Ingegneria Meccanica\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\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\">Pronto a iniziare il tuo percorso?<\/h2>\n        <p class=\"cta-block__sub\">Scopri come iscriverti, i requisiti di ammissione e le opportunit\u00e0 di borsa di studio.<\/p>\n      <\/div>\n      <div class=\"cta-block__actions\">\n        <a href=\"#\" class=\"btn btn--gold\">Iscriviti al corso<\/a>\n        <a href=\"#\" class=\"btn btn--outline\">Scarica la brochure<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.anim').forEach(el => observer.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Presentazione del Corso \u2013 Ingegneria Meccanica Tor Vergata Home\u203a Il Corso\u203a Presentazione del Corso Ingegneria MeccanicaTor Vergata Formiamo gli ingegneri che guidano l&#8217;innovazione industriale, energetica e digitale di domani. 85%occupati entro il primo anno 180CFU Laurea Triennale 120CFU Laurea Magistrale<\/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-13","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\/13","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=13"}],"version-history":[{"count":11,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}