{"id":7,"date":"2024-05-21T11:20:37","date_gmt":"2024-05-21T09:20:37","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=7"},"modified":"2026-05-04T16:22:14","modified_gmt":"2026-05-04T14:22:14","slug":"il-corso","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=7","title":{"rendered":"Il 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\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  <\/style>\n<\/head>\n<body>\n\n<!-- ==============================================================\n     1. HERO\n============================================================== -->\n<section class=\"hero\">\n\n  <!-- \ud83d\udcf8 PLACEHOLDER FOTO HERO -->\n  <div class=\"hero__photo-placeholder\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"\/>\n    <\/svg>\n    <span>\ud83d\udcf7 Foto hero: Vista panoramica del Campus Tor Vergata con Facolt\u00e0 di Ingegneria. Formato orizzontale 1920\u00d7800px. Alta risoluzione. Ora legale (mattina o pomeriggio).<\/span>\n  <\/div>\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      Presentazione del Corso\n    <\/div>\n\n    <h1 class=\"hero__title\">\n      Ingegneria Meccanica<br>\n      <em>Tor Vergata<\/em>\n    <\/h1>\n\n    <p class=\"hero__subtitle\">\n      Formiamo gli ingegneri che guidano l&#8217;innovazione industriale, energetica e digitale di domani.\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 entro il primo anno<\/span>\n      <\/div>\n      <div class=\"hero__stat\">\n        <span class=\"hero__stat-num\">180<\/span>\n        <span class=\"hero__stat-label\">CFU Laurea Triennale<\/span>\n      <\/div>\n      <div class=\"hero__stat\">\n        <span class=\"hero__stat-num\">120<\/span>\n        <span class=\"hero__stat-label\">CFU Laurea Magistrale<\/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. INTRO + FOTO FACOLT\u00c0\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"intro-grid\">\n\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\">\n          Il Corso di Laurea in Ingegneria Meccanica dell&#8217;Universit\u00e0 di Roma Tor Vergata forma professionisti con una\n          preparazione tecnica completa nel campo della progettazione di sistemi meccanici, degli impianti industriali,\n          delle macchine, delle tecnologie e dei materiali.\n        <\/p>\n        <p class=\"body-text\" style=\"margin-top:16px\">\n          Il curriculum combina fondamenti teorici rigorosi con esperienze pratiche dirette in laboratorio e in azienda,\n          preparando i laureati a rispondere con flessibilit\u00e0 e competenza alle continue sfide della societ\u00e0 moderna.\n        <\/p>\n\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\n      <div class=\"anim anim-d2\">\n        <!-- \ud83d\udcf8 PLACEHOLDER FOTO EDIFICIO -->\n        <div class=\"photo-placeholder photo-placeholder--tall\">\n          <div class=\"photo-placeholder__icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-5h2v5h6v-8h3L12 3zm0 12.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\n          <\/div>\n          <span class=\"photo-placeholder__tag\">Sede del corso<\/span>\n          <p class=\"photo-placeholder__desc\">\n            Edificio della Facolt\u00e0 di Ingegneria Industriale, Universit\u00e0 Tor Vergata. Vista frontale o ingresso principale. Formato verticale 800\u00d7900px.\n          <\/p>\n          <span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     3. QUOTE DEL COORDINATORE\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        &#8220;Siamo orgogliosi di constatare come il nostro progetto formativo sia grandemente apprezzato dal mercato.\n        Lo testimonia il tasso di occupazione dei nostri Laureati Magistrali che, secondo le rilevazioni di AlmaLaurea,\n        supera l&#8217;85% nel primo anno e raggiunge il 100% dopo cinque anni.&#8221;\n      <\/p>\n      <div class=\"quote-block__author\">\n        <div class=\"quote-block__avatar\">\n          <!-- \ud83d\udcf8 PLACEHOLDER FOTO COORDINATORE -->\n          <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 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n          <!-- Sostituire il contenuto con: <img decoding=\"async\" src=\"foto-mulone.jpg\" alt=\"Prof. Vincenzo Mulone\" style=\"width:100%;height:100%;object-fit:cover;\"> -->\n        <\/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\n<!-- ==============================================================\n     4. 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 sceglierci<\/span>\n      <h2 class=\"section-title\" style=\"text-align:center\">I nostri punti di forza<\/h2>\n    <\/div>\n\n    <div class=\"cards-grid\">\n\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=\"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>\n        <\/div>\n        <h3 class=\"card__title\">Curriculum bilanciato<\/h3>\n        <p class=\"card__body\">\n          Il percorso formativo parte dalle scienze di base e si sviluppa fino a corsi progettuali avanzati,\n          garantendo competenze sia teoriche che operative nell&#8217;ambito meccanico e industriale.\n        <\/p>\n      <\/div>\n\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=\"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>\n        <\/div>\n        <h3 class=\"card__title\">Alta occupabilit\u00e0<\/h3>\n        <p class=\"card__body\">\n          I dati AlmaLaurea confermano oltre l&#8217;85% di occupazione a un anno dal titolo magistrale,\n          con una crescita che raggiunge il 100% entro cinque anni dalla laurea.\n        <\/p>\n      <\/div>\n\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 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>\n        <\/div>\n        <h3 class=\"card__title\">Approccio pratico<\/h3>\n        <p class=\"card__body\">\n          Laboratori attrezzati, tirocini in azienda, attivit\u00e0 formative facoltative e il progetto\n          Formula SAE della Scuderia Tor Vergata arricchiscono l&#8217;esperienza degli studenti.\n        <\/p>\n      <\/div>\n\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=\"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>\n        <\/div>\n        <h3 class=\"card__title\">Docenza di eccellenza<\/h3>\n        <p class=\"card__body\">\n          Il corpo docente \u00e8 composto da ricercatori attivi, con pubblicazioni internazionali e\n          collaborazioni con aziende leader nei settori aerospace, automotive ed energetico.\n        <\/p>\n      <\/div>\n\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=\"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>\n        <\/div>\n        <h3 class=\"card__title\">Dimensione internazionale<\/h3>\n        <p class=\"card__body\">\n          Programma Erasmus+ attivo, doppio titolo con universit\u00e0 europee, corsi in inglese\n          e una rete di partner internazionali per studio e tirocinio all&#8217;estero.\n        <\/p>\n      <\/div>\n\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=\"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>\n        <\/div>\n        <h3 class=\"card__title\">Flessibilit\u00e0 del percorso<\/h3>\n        <p class=\"card__body\">\n          La Laurea Magistrale offre due indirizzi (Prodotto e Processi Sostenibili) e 30 CFU\n          a scelta, organizzati attorno a quattro aree culturali strategiche.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     5. 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:580px;margin:0 auto 48px\">\n        L&#8217;offerta formativa magistrale \u00e8 sistematizzata attorno a competenze identificabili in quattro aree\n        che incontrano la domanda delle aziende pi\u00f9 innovative.\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 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&#8217;energia, processi industriali sostenibili e gestione dell&#8217;ambiente.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     6. STATISTICHE STRIP\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\">occupati entro 1 anno (AlmaLaurea)<\/div>\n    <\/div>\n    <div class=\"stat-item\">\n      <div class=\"stat-item__num\">100<span>%<\/span><\/div>\n      <div class=\"stat-item__label\">occupati dopo 5 anni<\/div>\n    <\/div>\n    <div class=\"stat-item\">\n      <div class=\"stat-item__num\">30<span>+<\/span><\/div>\n      <div class=\"stat-item__label\">insegnamenti a scelta magistrale<\/div>\n    <\/div>\n    <div class=\"stat-item\">\n      <div class=\"stat-item__num\">1982<\/div>\n      <div class=\"stat-item__label\">anno di fondazione dell&#8217;Ateneo<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- ==============================================================\n     7. SPLIT: LABORATORI\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"split-section anim\">\n\n      <div class=\"split-section__visual\">\n        <!-- \ud83d\udcf8 PLACEHOLDER FOTO LABORATORIO -->\n        <div class=\"photo-placeholder photo-placeholder--medium\">\n          <div class=\"photo-placeholder__icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M7 17c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V7H7v10zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"\/><\/svg>\n          <\/div>\n          <span class=\"photo-placeholder__tag\">Laboratori<\/span>\n          <p class=\"photo-placeholder__desc\">\n            Studenti al lavoro in laboratorio di meccanica o fluidodinamica. Strumenti tecnici visibili. Formato orizzontale 900\u00d7600px.\n          <\/p>\n          <span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span>\n        <\/div>\n      <\/div>\n\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\">\n          Il percorso formativo integra ore di laboratorio, attivit\u00e0 formative facoltative e tirocini\n          per garantire una preparazione tecnica concreta, immediatamente spendibile nel mondo del lavoro.\n        <\/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 \u2013 Formula SAE<\/li>\n          <li>Strumenti digitali: MATLAB, Simulink, FEM, CFD<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     8. SPLIT: RICERCA (reverse)\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\">Ricerca e innovazione<\/span>\n        <h2 class=\"section-title\">Un Dipartimento attivo nella ricerca internazionale<\/h2>\n        <p class=\"body-text\">\n          Il Dipartimento di Ingegneria Industriale conduce ricerca di frontiera nei settori\n          dell&#8217;energia, dell&#8217;aerospazio, dei materiali avanzati e dei sistemi di mobilit\u00e0 sostenibile,\n          con pubblicazioni su riviste internazionali di riferimento.\n        <\/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\n      <div class=\"split-section__visual\">\n        <!-- \ud83d\udcf8 PLACEHOLDER FOTO RICERCA -->\n        <div class=\"photo-placeholder photo-placeholder--medium\">\n          <div class=\"photo-placeholder__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          <span class=\"photo-placeholder__tag\">Laboratorio di ricerca<\/span>\n          <p class=\"photo-placeholder__desc\">\n            Ricercatori al lavoro su attrezzature avanzate (elettrolizzatori, banchi prova, etc). Formato orizzontale 900\u00d7600px.\n          <\/p>\n          <span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     9. VIDEO PRESENTAZIONE\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\n    <div class=\"video-wrapper anim\">\n      <!-- \ud83d\udcfa SOSTITUIRE CON EMBED YOUTUBE:\n           <iframe loading=\"lazy\" width=\"100%\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/R-KfwoxHZaQ\"\n           frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n      -->\n      <div class=\"video-placeholder\">\n        <span class=\"video-label\">Video orientamento<\/span>\n        <div class=\"video-play-btn\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=R-KfwoxHZaQ','_blank')\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n        <\/div>\n        <div class=\"video-caption\">Presentazione del Corso di Laurea in Ingegneria Meccanica<\/div>\n        <div class=\"video-sub\">Giornata dell&#8217;orientamento \u2013 Universit\u00e0 di Roma Tor Vergata<\/div>\n        <p style=\"font-size:12px;color:rgba(255,255,255,0.4);margin-top:12px\">\ud83d\udcfa Sostituire con iframe YouTube embed in produzione<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ==============================================================\n     10. CTA\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\">\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 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z\"\/><\/svg>\n          Iscriviti al corso\n        <\/a>\n        <a href=\"#\" class=\"btn btn--outline\">\n          Scarica la brochure\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<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Presentazione del Corso \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Foto hero: Vista panoramica del Campus Tor Vergata con Facolt\u00e0 di Ingegneria. Formato orizzontale 1920\u00d7800px. Alta risoluzione. Ora legale (mattina o pomeriggio). Home \u203a Il Corso \u203a Presentazione del Corso Ingegneria<\/p>\n","protected":false},"author":2,"featured_media":11,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_src":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2024\/05\/I-esterni_4-1.jpg","_links":{"self":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/7","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=7"}],"version-history":[{"count":6,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/media\/11"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}