{"id":145,"date":"2026-02-05T17:32:53","date_gmt":"2026-02-05T16:32:53","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=145"},"modified":"2026-07-09T18:21:44","modified_gmt":"2026-07-09T16:21:44","slug":"laurea-magistrale","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=145","title":{"rendered":"Laurea Magistrale"},"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>Laurea Magistrale \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&#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\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       IMAGE RENDERING \u2013 immagini reali senza tag sovrapposti\n    ============================================================ *\/\n    .hero__image {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0.62;\n      filter: saturate(0.95) contrast(1.04);\n    }\n    .photo-frame {\n      width: 100%;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-md);\n      border: 1px solid var(--border);\n      background: var(--green-100);\n      position: relative;\n    }\n    .photo-frame::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      z-index: 1;\n      pointer-events: none;\n    }\n    .photo-frame::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      z-index: 1;\n      pointer-events: none;\n    }\n    .photo-frame img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.35s ease;\n    }\n    .photo-frame:hover img { transform: scale(1.025); }\n    .photo-frame--tall { min-height: 460px; height: 100%; }\n    .photo-frame--tall img { min-height: 460px; }\n    .photo-frame--medium { min-height: 320px; }\n    .photo-frame--medium img { min-height: 320px; }\n    .card-link { color: inherit; display: block; height: 100%; text-decoration: none; }\n    .card-link:hover { color: inherit; text-decoration: none; }\n\n  <\/style>\n<\/head>\n\n<body>\n\n<!-- ==============================================================\n     1. HERO\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=\"Laurea Magistrale in Ingegneria Meccanica Tor Vergata\">\n\n  <div class=\"hero__content\">\n    <div class=\"hero__breadcrumb\">\n      <a href=\"#\" style=\"color:var(--green-200)\">Home<\/a>\n      <span>\u203a<\/span>\n      <a href=\"#\" style=\"color:var(--green-200)\">Il Corso<\/a>\n      <span>\u203a<\/span>\n      Laurea Magistrale\n    <\/div>\n\n    <h1 class=\"hero__title\">\n      Laurea Magistrale in Ingegneria Meccanica<br>\n      <em>Tor Vergata<\/em>\n    <\/h1>\n\n    <p class=\"hero__subtitle\">\n      Un percorso formativo avanzato orientato all\u2019innovazione tecnologica, alla progettazione industriale e alla sostenibilit\u00e0 dei sistemi meccanici ed energetici.\n    <\/p>\n\n    <div class=\"hero__meta\">\n      <div class=\"hero__stat\">\n        <span class=\"hero__stat-num\">85%<\/span>\n        <span class=\"hero__stat-label\">laureati occupati a un anno dal titolo<\/span>\n      <\/div>\n      <div class=\"hero__stat\">\n        <span class=\"hero__stat-num\">120<\/span>\n        <span class=\"hero__stat-label\">CFU complessivi<\/span>\n      <\/div>\n      <div class=\"hero__stat\">\n        <span class=\"hero__stat-num\">2<\/span>\n        <span class=\"hero__stat-label\">indirizzi principali<\/span>\n      <\/div>\n      <div class=\"hero__stat\">\n        <span class=\"hero__stat-num\">4<\/span>\n        <span class=\"hero__stat-label\">aree culturali strategiche<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     2. INTRODUZIONE CON FOTO\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"intro-grid\">\n\n      <div class=\"anim\">\n        <span class=\"section-label\">Laurea Magistrale<\/span>\n        <h2 class=\"section-title\">Innovazione, progettazione e sostenibilit\u00e0<\/h2>\n        <p class=\"body-text\">\n          La Laurea Magistrale in Ingegneria Meccanica (Classe LM-33) dell\u2019Universit\u00e0 degli Studi di Roma Tor Vergata rappresenta un percorso formativo avanzato orientato all\u2019innovazione tecnologica, alla progettazione industriale e alla sostenibilit\u00e0 dei sistemi meccanici ed energetici.\n        <\/p>\n        <p class=\"body-text\">\n          Il Corso di Studio forma ingegneri meccanici altamente qualificati, capaci di operare nei principali settori dell\u2019industria avanzata, integrando competenze teoriche, progettuali e applicative con attenzione alle tecnologie emergenti e alla trasformazione digitale.\n        <\/p>\n\n        <ul class=\"bullet-list\">\n          <li>Analisi, modellazione e progettazione avanzata<\/li>\n          <li>Competenze integrate in meccanica, materiali, energia e simulazione numerica<\/li>\n          <li>Approccio multidisciplinare alla trasformazione digitale dei processi industriali<\/li>\n          <li>Attenzione alla sostenibilit\u00e0 energetica e ambientale<\/li>\n          <li>Personalizzazione del percorso attraverso indirizzi e aree culturali<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"anim anim-d2\">\n        <div class=\"photo-frame photo-frame--tall\">\n          <img decoding=\"async\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/05\/aula2.png\" alt=\"Aula universitaria del Corso di Laurea Magistrale in Ingegneria Meccanica\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     3. CITAZIONE\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\">\n        \u201cIl percorso magistrale integra competenze teoriche, progettuali e applicative, con una forte attenzione alle tecnologie emergenti e alla trasformazione digitale dei processi industriali.\u201d\n      <\/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\"\/><\/svg><\/div>\n        <div>\n          <div class=\"quote-block__name\">Corso di Laurea Magistrale in Ingegneria Meccanica<\/div>\n          <div class=\"quote-block__role\">Universit\u00e0 degli Studi di Roma Tor Vergata<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     4. GRIGLIA DI CARDS \/ PUNTI DI FORZA\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 scegliere la magistrale<\/span>\n      <h2 class=\"section-title\" style=\"text-align:center\">Competenze per l\u2019industria avanzata<\/h2>\n    <\/div>\n\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\">Progettazione avanzata<\/h3>\n        <p class=\"card__body\">Il percorso fornisce strumenti evoluti per la progettazione industriale, il virtual prototyping e lo sviluppo di sistemi meccanici innovativi.<\/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\">Trasformazione digitale<\/h3>\n        <p class=\"card__body\">Le attivit\u00e0 formative integrano simulazione numerica, CAD\/CAE, data science e strumenti digitali per l\u2019ingegneria.<\/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 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\">Sostenibilit\u00e0 energetica<\/h3>\n        <p class=\"card__body\">Grande attenzione \u00e8 dedicata alla sostenibilit\u00e0 energetica e ambientale, centrale per lo sviluppo industriale e la ricerca ingegneristica.<\/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=\"M12 3L1 9l4 2.18V15c0 3.31 4.91 6 11 6 .09 0 .18-.01.28-.01L12 3zm4.86 13.51c.87-.86 1.39-2.04 1.39-3.3C18.25 9.31 14.69 6 10.25 6c-.87 0-1.71.12-2.5.35L12 3l9 5-4.14 8.51z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Collegamento con il lavoro<\/h3>\n        <p class=\"card__body\">Attivit\u00e0 progettuali, laboratori, tesi sperimentali e collaborazioni con aziende ed enti di ricerca rafforzano il legame con il mondo professionale.<\/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=\"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\">Settori industriali strategici<\/h3>\n        <p class=\"card__body\">I laureati possono operare in automotive, aerospazio, energia, manifattura digitale, automazione, simulazione e progettazione industriale.<\/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 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\">La percentuale di laureati occupati a un anno dal conseguimento del titolo \u00e8 pari all\u201985%, confermando la forte richiesta di ingegneri meccanici.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     5. GRIGLIA AREE CULTURALI\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:680px;margin:0 auto 48px\">\n        L\u2019offerta formativa \u00e8 organizzata attorno a quattro aree culturali che riflettono le principali direttrici dell\u2019innovazione industriale contemporanea.\n      <\/p>\n    <\/div>\n\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 aerospaziale, aerodinamica, strutture leggere e tecnologie per applicazioni aerospace.<\/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\">Simulazione numerica, CAD\/CAE, virtual prototyping, data science e strumenti digitali per l\u2019ingegneria.<\/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\">Tecnologie per la mobilit\u00e0 del futuro, powertrain, dinamica del veicolo, sistemi automotive e mobilit\u00e0 sostenibile.<\/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\">Sistemi energetici avanzati, impianti di potenza, efficienza energetica e processi industriali sostenibili.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     6. STRISCIA STATISTICHE\n============================================================== -->\n<div class=\"stats-strip anim\">\n  <div class=\"container\">\n    <div class=\"stat-item\">\n      <div class=\"stat-item__num\">85<span>%<\/span><\/div>\n      <div class=\"stat-item__label\">laureati occupati a un anno dal titolo<\/div>\n    <\/div>\n    <div class=\"stat-item\">\n      <div class=\"stat-item__num\">120<span> CFU<\/span><\/div>\n      <div class=\"stat-item__label\">durata biennale complessiva<\/div>\n    <\/div>\n    <div class=\"stat-item\">\n      <div class=\"stat-item__num\">2<\/div>\n      <div class=\"stat-item__label\">indirizzi principali<\/div>\n    <\/div>\n    <div class=\"stat-item\">\n      <div class=\"stat-item__num\">4<\/div>\n      <div class=\"stat-item__label\">aree culturali strategiche<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- ==============================================================\n     7. SPLIT TESTO\/FOTO - INDIRIZZI\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"split-section anim\">\n\n      <div class=\"split-section__visual\">\n        <div class=\"photo-frame photo-frame--medium\">\n          <img decoding=\"async\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/07\/cadStudent.png\" alt=\"Studente al lavoro su progettazione CAD e simulazione\">\n        <\/div>\n      <\/div>\n\n      <div class=\"split-section__text\">\n        <span class=\"split-section__tag\">Due indirizzi principali<\/span>\n        <h2 class=\"section-title\">Personalizza il tuo percorso magistrale<\/h2>\n        <p class=\"body-text\">\n          Il Corso di Laurea Magistrale si articola in 2 anni per un totale di 120 CFU e consente allo studente di personalizzare il proprio percorso attraverso due indirizzi principali.\n        <\/p>\n        <ul class=\"bullet-list\">\n          <li>Ingegneria di Prodotto &#8211; progettazione avanzata, simulazione, prototipazione virtuale e sviluppo di sistemi meccanici innovativi<\/li>\n          <li>Ingegneria dei Processi Sostenibili &#8211; sistemi energetici, impianti industriali, conversione dell\u2019energia e processi produttivi sostenibili<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     8. SPLIT TESTO\/FOTO - MONDO DEL LAVORO\n============================================================== -->\n<section class=\"section section--green-light\">\n  <div class=\"container\">\n    <div class=\"split-section split-section--reverse anim\">\n\n      <div class=\"split-section__text\">\n        <span class=\"split-section__tag\">Formazione orientata al mondo del lavoro<\/span>\n        <h2 class=\"section-title\">Competenze spendibili nei settori industriali pi\u00f9 avanzati<\/h2>\n        <p class=\"body-text\">\n          Il percorso magistrale \u00e8 sviluppato in stretto collegamento con il mondo industriale e della ricerca, attraverso attivit\u00e0 progettuali, laboratori, tesi sperimentali e collaborazioni con aziende ed enti di ricerca nazionali e internazionali.\n        <\/p>\n        <ul class=\"bullet-list\">\n          <li>Aziende manifatturiere e automotive<\/li>\n          <li>Settore aerospaziale<\/li>\n          <li>Industria energetica<\/li>\n          <li>Societ\u00e0 di progettazione e consulenza<\/li>\n          <li>Centri di ricerca e sviluppo<\/li>\n          <li>Aziende attive nella simulazione e nella digitalizzazione industriale<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"split-section__visual\">\n        <div class=\"photo-frame photo-frame--medium\">\n          <img decoding=\"async\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/07\/opportunita.png\" alt=\"Opportunit\u00e0 professionali per laureati magistrali in Ingegneria Meccanica\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     9. SEZIONI DISPONIBILI\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"cards-title anim\">\n      <span class=\"section-label\" style=\"justify-content:center\">Informazioni utili<\/span>\n      <h2 class=\"section-title\" style=\"text-align:center\">Sezioni disponibili<\/h2>\n    <\/div>\n\n    <div class=\"cards-grid\">\n      <div class=\"card anim anim-d1\">\n<a href=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=224\" class=\"card-link\">\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\">Insegnamenti<\/h3>\n        <p class=\"card__body\">Consulta il piano degli insegnamenti e le attivit\u00e0 formative previste nel percorso magistrale.<\/p>\n        <\/a>\n      <\/div>\n      <div class=\"card anim anim-d2\">\n<a href=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=229\" class=\"card-link\">\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\">Orario delle Lezioni<\/h3>\n        <p class=\"card__body\">Verifica l\u2019organizzazione delle lezioni e la distribuzione delle attivit\u00e0 didattiche.<\/p>\n        <\/a>\n      <\/div>\n      <div class=\"card anim anim-d3\">\n<a href=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=232\" class=\"card-link\">\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\">Calendario Esami<\/h3>\n        <p class=\"card__body\">Accedi al calendario degli appelli e alle informazioni relative alle prove d\u2019esame.<\/p>\n        <\/a>\n      <\/div>\n      <div class=\"card anim anim-d1\">\n<a href=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=236\" class=\"card-link\">\n        <div class=\"card__icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18V15c0 3.31 4.91 6 11 6 .09 0 .18-.01.28-.01L12 3zm4.86 13.51c.87-.86 1.39-2.04 1.39-3.3C18.25 9.31 14.69 6 10.25 6c-.87 0-1.71.12-2.5.35L12 3l9 5-4.14 8.51z\"\/><\/svg><\/div>\n        <h3 class=\"card__title\">Tirocini e Attivit\u00e0 Formative<\/h3>\n        <p class=\"card__body\">Scopri le opportunit\u00e0 di tirocinio, laboratorio e attivit\u00e0 formative integrative.<\/p>\n        <\/a>\n      <\/div>\n      <div class=\"card anim anim-d2\">\n<a href=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=246\" class=\"card-link\">\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\">Prova Finale e Seduta di Laurea<\/h3>\n        <p class=\"card__body\">Informazioni sulla tesi magistrale, sulla prova finale e sulle sedute di laurea.<\/p>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     10. CTA FINALE\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 la Laurea Magistrale in Ingegneria Meccanica<\/h2>\n        <p class=\"cta-block__sub\">Per informazioni su come iscriversi, contattare la segreteria didattica.<\/p>\n      <\/div>\n      <div class=\"cta-block__actions\">\n        <a href=\"mailto:anna.mezzanotte@uniroma2.it\" class=\"btn btn--gold\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" style=\"fill:var(--green-900)\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-4H7v-2h4V7h2v4h4v2h-4v4z\"\/><\/svg>\n          Contatta la segreteria\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     SCROLL ANIMATION SCRIPT\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\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Laurea Magistrale \u2013 Ingegneria Meccanica Tor Vergata Home \u203a Il Corso \u203a Laurea Magistrale Laurea Magistrale in Ingegneria Meccanica Tor Vergata Un percorso formativo avanzato orientato all\u2019innovazione tecnologica, alla progettazione industriale e alla sostenibilit\u00e0 dei sistemi meccanici ed energetici. 85%<\/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-145","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\/145","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=145"}],"version-history":[{"count":19,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions\/551"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}