{"id":20,"date":"2024-05-21T11:44:51","date_gmt":"2024-05-21T09:44:51","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=20"},"modified":"2026-05-25T18:10:22","modified_gmt":"2026-05-25T16:10:22","slug":"prospettive-future-e-sbocchi-professionali","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=20","title":{"rendered":"Prospettive future (sbocchi professionali)"},"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>Prospettive Future \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       ESTENSIONI SPECIFICHE \u2013 Prospettive Future\n       Mantengono il linguaggio visivo del template originale.\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.9) contrast(1.04);\n    }\n\n    .split-text-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 72px;\n      align-items: start;\n    }\n\n    .split-text-panel {\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--radius-md);\n      padding: 38px 36px;\n      box-shadow: var(--shadow-sm);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .split-text-panel::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--green-700);\n    }\n\n    .split-text-panel--plain {\n      background: transparent;\n      border: 0;\n      box-shadow: none;\n      padding: 0;\n      overflow: visible;\n    }\n\n    .split-text-panel--plain::before { display: none; }\n\n    .partner-card {\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-md);\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      align-items: stretch;\n    }\n\n    .partner-card__visual {\n      background: var(--green-50);\n      min-height: 360px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 42px;\n      border-right: 1px solid var(--border);\n    }\n\n    .partner-card__visual img {\n      width: 100%;\n      height: auto;\n      max-height: 300px;\n      object-fit: contain;\n      border-radius: var(--radius-md);\n      box-shadow: var(--shadow-sm);\n      background: var(--white);\n    }\n\n    .partner-card__content {\n      padding: 54px 56px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .partner-card .btn {\n      align-self: flex-start;\n      margin-top: 28px;\n    }\n\n    @media (max-width: 768px) {\n      .split-text-grid,\n      .partner-card { grid-template-columns: 1fr; gap: 40px; }\n      .partner-card__visual { border-right: 0; border-bottom: 1px solid var(--border); min-height: 260px; }\n      .partner-card__content { padding: 40px 32px; }\n    }\n\n  <\/style>\n<\/head>\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=\"Facolt\u00e0 di Ingegneria, Universit\u00e0 di Roma 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      Prospettive Future (sbocchi professionali)\n    <\/div>\n\n    <h1 class=\"hero__title\">\n      Prospettive Future<br>\n      <em>Ingegneria Meccanica<\/em>\n    <\/h1>\n\n    <p class=\"hero__subtitle\">\n      Dalla progettazione alla ricerca, dall&#8217;industria alla libera professione: una laurea che apre percorsi concreti nei settori dove si costruisce l&#8217;innovazione.\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\">occupati a 1 anno dalla Laurea Magistrale<\/span>\n      <\/div>\n      <div class=\"hero__stat\">\n        <span class=\"hero__stat-num\">~100%<\/span>\n        <span class=\"hero__stat-label\">occupati a 5 anni<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     2. INTRODUZIONE SPLIT TESTO\/TESTO\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"split-text-grid anim\">\n      <div class=\"split-text-panel split-text-panel--plain\">\n        <span class=\"section-label\">Dopo la laurea<\/span>\n        <h2 class=\"section-title\">Competenze solide, percorsi aperti<\/h2>\n        <p class=\"body-text\">Il percorso in Ingegneria Meccanica prepara a leggere, progettare e migliorare sistemi complessi: macchine, impianti, processi produttivi, materiali, energia e tecnologie digitali. \u00c8 una formazione tecnica rigorosa, ma pensata per rimanere flessibile davanti a un mercato che cambia rapidamente.<\/p>\n        <p class=\"body-text\">Le prospettive non si limitano a un solo settore: la meccanica \u00e8 una piattaforma comune per lavorare in azienda, nella consulenza, nella ricerca, nella pubblica amministrazione tecnica o per costruire un proprio percorso professionale.<\/p>\n      <\/div>\n      <div class=\"split-text-panel split-text-panel--plain\">\n        <span class=\"section-label\">Nel mondo del lavoro<\/span>\n        <h2 class=\"section-title\">Sbocchi professionali<\/h2>\n        <ul class=\"bullet-list\">\n          <li>Progettazione di prodotto e di processo<\/li>\n          <li>Sviluppo di soluzioni innovative e sostenibili<\/li>\n          <li>Collaudo, manutenzione e gestione di macchine e sistemi complessi<\/li>\n          <li>Analisi tecnica, verifica, qualit\u00e0 e assistenza specialistica<\/li>\n          <li>Ricerca e sviluppo in ambito industriale e universitario<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     3. GRIGLIA DI CARDS \/ FUNZIONI PROFESSIONALI\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\">Funzione nel contesto lavorativo<\/span>\n      <h2 class=\"section-title\" style=\"text-align:center\">Cosa pu\u00f2 fare un ingegnere meccanico<\/h2>\n    <\/div>\n\n    <div class=\"cards-grid\">\n      <div class=\"card anim anim-d1\">\n        <div class=\"card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.04c.39-.39.39-1.02 0-1.41l-2.51-2.51a.9959.9959 0 0 0-1.41 0l-1.96 1.96 3.75 3.75 2.13-1.79z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"card__title\">Progettare sistemi<\/h3>\n        <p class=\"card__body\">Trasformare requisiti tecnici, vincoli economici e obiettivi di sostenibilit\u00e0 in soluzioni meccaniche realizzabili, sicure e verificabili.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d2\">\n        <div class=\"card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 21h6v-1H9v1zm3-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-7zm2.85 11.1-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"card__title\">Innovare prodotti e processi<\/h3>\n        <p class=\"card__body\">Contribuire allo sviluppo di nuovi prodotti, tecnologie produttive e metodi di simulazione, test e validazione.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d3\">\n        <div class=\"card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 22H2V10l7 3V9l7 3V2h6v20zM6 18h3v-3H6v3zm5 0h3v-3h-3v3zm5 0h3v-3h-3v3z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"card__title\">Gestire macchine e impianti<\/h3>\n        <p class=\"card__body\">Seguire installazione, collaudo, manutenzione e ottimizzazione di sistemi complessi in reparti produttivi e impianti industriali.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d1\">\n        <div class=\"card__icon\">\n          <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 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"card__title\">Misurare e verificare<\/h3>\n        <p class=\"card__body\">Operare in attivit\u00e0 di controllo, qualit\u00e0, certificazione, assistenza tecnica e interpretazione di dati sperimentali.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d2\">\n        <div class=\"card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"card__title\">Lavorare in R&amp;D<\/h3>\n        <p class=\"card__body\">Entrare in gruppi di ricerca e sviluppo dove servono modellazione, prototipazione, prove sperimentali e capacit\u00e0 di lavorare in team multidisciplinari.<\/p>\n      <\/div>\n      <div class=\"card anim anim-d3\">\n        <div class=\"card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2 4 5v6c0 5.55 3.84 10.74 8 12 4.16-1.26 8-6.45 8-12V5l-8-3zm-1 15-4-4 1.41-1.41L11 14.17l5.59-5.59L18 10l-7 7z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"card__title\">Costruire un percorso autonomo<\/h3>\n        <p class=\"card__body\">Proseguire verso dottorato, libera professione, consulenza tecnica o iniziative imprenditoriali, anche dopo l\u2019abilitazione professionale quando prevista.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     4. SPLIT TESTO\/TESTO - SBOCCHI\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"split-text-grid anim\">\n      <div class=\"split-text-panel\">\n        <span class=\"split-section__tag\">Sbocchi occupazionali<\/span>\n        <h2 class=\"section-title\">Aziende, enti, consulenza e ricerca<\/h2>\n        <p class=\"body-text\">Il profilo meccanico \u00e8 richiesto in realt\u00e0 molto diverse, perch\u00e9 unisce capacit\u00e0 di modellazione, attenzione alla realizzabilit\u00e0 industriale e comprensione fisica dei sistemi. Questa trasversalit\u00e0 consente di scegliere percorsi differenti, anche dopo i primi anni di esperienza.<\/p>\n        <ul class=\"bullet-list\">\n          <li>Industrie che progettano e producono componenti, macchine e sistemi elettromeccanici<\/li>\n          <li>Aziende manifatturiere, metallurgiche, energetiche, impiantistiche e di trasformazione<\/li>\n          <li>Societ\u00e0 di consulenza industriale, servizi tecnici, qualit\u00e0 e certificazione<\/li>\n          <li>Enti pubblici con funzioni tecniche e organismi di ricerca<\/li>\n          <li>Dottorato, master, formazione superiore, libera professione e imprenditorialit\u00e0<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"split-text-panel\">\n        <span class=\"split-section__tag\">Dal campus al lavoro<\/span>\n        <h2 class=\"section-title\">Tirocini, Career Day e rete Alumni<\/h2>\n        <p class=\"body-text\">Il passaggio dall&#8217;universit\u00e0 al lavoro \u00e8 accompagnato da occasioni concrete: tirocini curriculari ed extracurriculari, servizi di placement, eventi di incontro con le aziende e iniziative promosse dalla comunit\u00e0 degli alumni di Ingegneria Tor Vergata.<\/p>\n        <ul class=\"bullet-list\">\n          <li>Tirocini e attivit\u00e0 formative durante il percorso triennale e magistrale<\/li>\n          <li>Career Center e servizi di Ateneo per opportunit\u00e0 di lavoro e stage<\/li>\n          <li>Forum Universit\u00e0-Lavoro A.L.I.T.U.R., career day della Macroarea di Ingegneria<\/li>\n          <li>Conferenze, recruiting match e occasioni di contatto diretto con le aziende<\/li>\n          <li>Esame di Stato e iscrizione all\u2019Ordine per i percorsi che richiedono abilitazione professionale<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     5. BLOCCO COLLABORAZIONE \/ A.L.I.T.U.R.\n============================================================== -->\n<section class=\"section section--green-light\">\n  <div class=\"container\">\n    <div class=\"partner-card anim\">\n      <div class=\"partner-card__visual\">\n        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.alitur.org\/wp-content\/uploads\/2026\/05\/cropped-Progetto-senza-titolo-8.png?resize=1536%2C1086&amp;ssl=1\" alt=\"Logo e visual A.L.I.T.U.R.\" \/>\n      <\/div>\n      <div class=\"partner-card__content\">\n        <span class=\"section-label\">Collaboriamo con<\/span>\n        <h2 class=\"section-title\">A.L.I.T.U.R. &#8211; alumni, aziende e studenti in dialogo<\/h2>\n        <p class=\"body-text\">A.L.I.T.U.R. nasce dagli studenti e per gli studenti e contribuisce a creare un ponte tra mondo universitario e professionale. Tra le iniziative pi\u00f9 riconoscibili c&#8217;\u00e8 il Forum Universit\u00e0-Lavoro, un appuntamento dedicato all&#8217;incontro tra studenti, laureandi, neolaureati e imprese.<\/p>\n        <a href=\"https:\/\/www.alitur.org\/\" class=\"btn btn--gold\">Scopri A.L.I.T.U.R.<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     6. 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\">Vuoi capire quale percorso fa per te?<\/h2>\n        <p class=\"cta-block__sub\">Esplora insegnamenti, tirocini, requisiti di ammissione e opportunit\u00e0 di orientamento per costruire il tuo percorso in Ingegneria Meccanica.<\/p>\n      <\/div>\n      <div class=\"cta-block__actions\">\n        <a href=\"#\" class=\"btn btn--gold\">Scopri come iscriverti<\/a>\n        <a href=\"#\" class=\"btn btn--outline\">Vedi tirocini e attivit\u00e0 formative<\/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","protected":false},"excerpt":{"rendered":"<p>Prospettive Future \u2013 Ingegneria Meccanica Tor Vergata Home \u203a Il Corso \u203a Prospettive Future (sbocchi professionali) Prospettive Future Ingegneria Meccanica Dalla progettazione alla ricerca, dall&#8217;industria alla libera professione: una laurea che apre percorsi concreti nei settori dove si costruisce l&#8217;innovazione.<\/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-20","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\/20","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=20"}],"version-history":[{"count":4,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/414"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}