Iscriversi \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Lato:wght@300;400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\" \/>\n <style>\n\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 \/* ============================================================\n ESTENSIONI MINIME PER PAGINA ISCRIVERSI\n Mantiene lo stile di html_esempio, abilitando immagini reali\n e blocchi testo\/testo senza placeholder immagine.\n ============================================================ *\/\n .hero__photo-real {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.62;\n }\n .photo-real {\n width: 100%;\n min-height: 320px;\n border-radius: var(--radius-md);\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: var(--shadow-sm);\n background: var(--green-100);\n }\n .photo-real img {\n width: 100%;\n height: 100%;\n min-height: 320px;\n object-fit: cover;\n display: block;\n }\n .split-text-box {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--radius-md);\n padding: 36px 32px;\n box-shadow: var(--shadow-sm);\n height: 100%;\n }\n .split-text-box .section-title { font-size: clamp(24px, 3vw, 34px); }\n .card-link { display:block; color: inherit; text-decoration:none; height: 100%; }\n .card-link:hover { text-decoration:none; color: inherit; }\n .link-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: 22px;\n font-size: 14px;\n font-weight: 700;\n color: var(--green-700);\n }\n .link-inline:hover { color: var(--green-900); }\n\n <\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero__photo-real\" style=\"background-image:url('https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/05\/11052018eDSCF3711.jpg')\"><\/div>\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)\">Futuri studenti<\/a>\n <span>\u203a<\/span>\n Iscriversi\n <\/div>\n <h1 class=\"hero__title\">Iscriversi a Ingegneria Meccanica<br><em>Tor Vergata<\/em><\/h1>\n <p class=\"hero__subtitle\">Una guida sintetica per orientarsi tra Laurea Triennale, Laurea Magistrale, verifiche in ingresso e procedure di immatricolazione.<\/p>\n <div class=\"hero__meta\">\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">L-9<\/span>\n <span class=\"hero__stat-label\">Laurea Triennale in Ingegneria Meccanica<\/span>\n <\/div>\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">180<\/span>\n <span class=\"hero__stat-label\">CFU, durata 3 anni<\/span>\n <\/div>\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">LM-33<\/span>\n <span class=\"hero__stat-label\">Laurea Magistrale in Ingegneria Meccanica<\/span>\n <\/div>\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">120<\/span>\n <span class=\"hero__stat-label\">CFU, durata 2 anni<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"split-section anim\">\n <div class=\"split-section__text split-text-box\">\n <span class=\"section-label\">Iscriversi<\/span>\n <h2 class=\"section-title\">Il primo passo nel percorso di Ingegneria Meccanica<\/h2>\n <p class=\"body-text\">In questa sezione trovi le informazioni essenziali per orientarti nell'iscrizione al Corso di Laurea e al Corso di Laurea Magistrale in Ingegneria Meccanica dell'Universit\u00e0 di Roma Tor Vergata.<\/p>\n <p class=\"body-text\">Le procedure e le scadenze possono variare di anno in anno: prima di completare l'iscrizione \u00e8 sempre necessario verificare la scheda ufficiale del corso, l'avviso di immatricolazione e il portale Delphi di Ateneo.<\/p>\n <\/div>\n <div class=\"split-section__text split-text-box\">\n <h2 class=\"section-title\">Il tuo prossimo passo:<\/h2>\n <ul class=\"bullet-list\">\n <li>Consulta il portale Orientamento Tor Vergata per scegliere in modo consapevole il percorso universitario<\/li>\n <li>Verifica la scheda del corso di Laurea Triennale L-9 e le indicazioni sulla prova di verifica delle conoscenze in ingresso<\/li>\n <li>Per la Laurea Magistrale LM-33, controlla requisiti curriculari, modalit\u00e0 di valutazione e avviso di immatricolazione<\/li>\n <li>Leggi con attenzione bandi, avvisi, scadenze e documenti richiesti<\/li>\n <li>Completa la procedura di immatricolazione tramite i servizi online Delphi<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\">\n <span class=\"section-label\" style=\"justify-content:center\">Prima di iniziare<\/span>\n <h2 class=\"section-title\" style=\"text-align:center\">Tre canali da consultare<\/h2>\n <\/div>\n <div class=\"cards-grid\">\n <a class=\"card card-link anim anim-d1\" href=\"https:\/\/orientamento.uniroma2.it\/\" target=\"_blank\" rel=\"noopener\">\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-2.83-.48-5-2.94-5-5.93h5v5.93zM11 12H6c0-.69.14-1.34.39-1.93H11V12zm0-3.93H7.24C8.16 6.82 9.47 5.93 11 5.68v2.39zm2 11.86V14h5c0 2.99-2.17 5.45-5 5.93zM17.61 12H13v-1.93h4.61c.25.59.39 1.24.39 1.93zm-4.61-3.93V5.68c1.53.25 2.84 1.14 3.76 2.39H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Orientamento Tor Vergata<\/h3>\n <p class=\"card__body\">Il portale di orientamento raccoglie informazioni per scegliere il corso, conoscere i servizi dell'Ateneo, rivedere materiali di presentazione e contattare gli uffici dedicati.<\/p>\n <\/a>\n <a class=\"card card-link anim anim-d2\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica\" target=\"_blank\" rel=\"noopener\">\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\">Scheda Laurea Triennale<\/h3>\n <p class=\"card__body\">La scheda ufficiale della Laurea L-9 riporta classe, durata, tipo di accesso, codice corso, obiettivi formativi, sbocchi professionali e allegati per l'immatricolazione.<\/p>\n <\/a>\n <a class=\"card card-link anim anim-d3\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica-92101\" target=\"_blank\" rel=\"noopener\">\n <div class=\"card__icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm0 13.5L5 12.68V16l7 3.82L19 16v-3.32l-7 3.82z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Scheda Laurea Magistrale<\/h3>\n <p class=\"card__body\">La scheda ufficiale della Laurea Magistrale LM-33 riporta requisiti curriculari, durata, codice corso, obiettivi specialistici, sbocchi e documenti di riferimento.<\/p>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"split-section anim\">\n <div class=\"split-section__text split-text-box\">\n <span class=\"split-section__tag\">Laurea Triennale L-9<\/span>\n <h2 class=\"section-title\">Iscriversi alla Laurea in Ingegneria Meccanica<\/h2>\n <p class=\"body-text\">La Laurea Triennale in Ingegneria Meccanica \u00e8 un corso di classe L-9, ha durata di 3 anni e prevede 180 CFU. L'accesso \u00e8 libero con verifica obbligatoria delle conoscenze richieste in ingresso; l'esito della prova non preclude la possibilit\u00e0 di immatricolarsi.<\/p>\n <ul class=\"bullet-list\">\n <li>Classe di Laurea: L-9, Ingegneria industriale<\/li>\n <li>Durata: 3 anni, 180 CFU<\/li>\n <li>Tipo di accesso: libero con verifica delle conoscenze in ingresso<\/li>\n <li>Codice corso: H25<\/li>\n <li>Dipartimento di riferimento: Ingegneria Industriale<\/li>\n <li>La formazione parte da matematica, fisica e chimica e si sviluppa verso progettazione, macchine, impianti, tecnologie e materiali<\/li>\n <\/ul>\n <a class=\"link-inline\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica\" target=\"_blank\" rel=\"noopener\">Consulta la scheda ufficiale della Laurea Triennale \u2192<\/a>\n <\/div>\n <div class=\"split-section__text split-text-box\">\n <span class=\"split-section__tag\">Laurea Triennale LM-33<\/span>\n <h2 class=\"section-title\">Iscriversi alla Laurea Magistrale in Ingegneria Meccanica<\/h2>\n <p class=\"body-text\">La Laurea Magistrale in Ingegneria Meccanica \u00e8 un corso di classe LM-33, ha durata di 2 anni e prevede 120 CFU. L'accesso \u00e8 libero, con verifica del possesso dei requisiti curriculari in ingresso e delle modalit\u00e0 indicate negli avvisi ufficiali.<\/p>\n <ul class=\"bullet-list\">\n <li>Classe di Laurea: LM-33, Ingegneria meccanica<\/li>\n <li>Durata: 2 anni, 120 CFU<\/li>\n <li>Tipo di accesso: libero con verifica dei requisiti curriculari<\/li>\n <li>Codice corso: H37<\/li>\n <li>Dipartimento di riferimento: Ingegneria Industriale<\/li>\n <li>Il percorso approfondisce progettazione di componenti e sistemi meccanici, macchine, processi industriali, automazione, monitoraggio e sostenibilit\u00e0<\/li>\n <\/ul>\n <a class=\"link-inline\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica-92101\" target=\"_blank\" rel=\"noopener\">Consulta la scheda ufficiale della Laurea Magistrale \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"split-section anim\">\n <div class=\"split-section__visual\">\n <div class=\"photo-real\">\n <img decoding=\"async\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/05\/orientamento.png\" alt=\"Orientamento in ingresso\">\n <\/div>\n <\/div>\n <div class=\"split-section__text\">\n <span class=\"split-section__tag\">Orientamento<\/span>\n <h2 class=\"section-title\">Scegliere con consapevolezza<\/h2>\n <p class=\"body-text\">Le attivit\u00e0 di orientamento accompagnano studentesse e studenti nella scelta del percorso universitario. Per informazioni aggiornate \u00e8 preferibile fare riferimento al portale Orientamento Tor Vergata, evitando pagine evento non pi\u00f9 attuali.<\/p>\n <ul class=\"bullet-list\">\n <li>Open Day e incontri di presentazione dell'offerta formativa<\/li>\n <li>Materiali informativi, video e presentazioni dei corsi<\/li>\n <li>Sportelli e contatti per chiarire dubbi su accesso, servizi e procedure<\/li>\n <li>Informazioni per studenti delle scuole, matricole, docenti e famiglie<\/li>\n <\/ul>\n <a class=\"link-inline\" href=\"https:\/\/orientamento.uniroma2.it\/\" target=\"_blank\" rel=\"noopener\">Vai al portale Orientamento Tor Vergata \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cta-block anim\">\n <div class=\"cta-block__text\">\n <h2 class=\"cta-block__title\">Pronto a iniziare?<\/h2>\n <p class=\"cta-block__sub\">Consulta le schede ufficiali dei corsi, verifica scadenze e avvisi aggiornati e completa la procedura attraverso il portale Delphi.<\/p>\n <\/div>\n <div class=\"cta-block__actions\">\n <a href=\"https:\/\/orientamento.uniroma2.it\/\" class=\"btn btn--gold\" target=\"_blank\" rel=\"noopener\">Vai a Orientamento<\/a>\n <a href=\"https:\/\/delphi.uniroma2.it\/\" class=\"btn btn--outline\" target=\"_blank\" rel=\"noopener\">Accedi a Delphi<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\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>Iscriversi \u2013 Ingegneria Meccanica Tor Vergata Home \u203a Futuri studenti \u203a Iscriversi Iscriversi a Ingegneria MeccanicaTor Vergata Una guida sintetica per orientarsi tra Laurea Triennale, Laurea Magistrale, verifiche in ingresso e procedure di immatricolazione. L-9 Laurea Triennale in Ingegneria Meccanica<\/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-418","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\/418","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=418"}],"version-history":[{"count":4,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":418,"date":"2026-05-25T18:25:50","date_gmt":"2026-05-25T16:25:50","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=418"},"modified":"2026-05-25T19:02:16","modified_gmt":"2026-05-25T17:02:16","slug":"iscriversi","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=418","title":{"rendered":"Iscriversi"},"content":{"rendered":"\n\n\n\n \n \n Iscriversi \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Lato:wght@300;400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\" \/>\n <style>\n\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 \/* ============================================================\n ESTENSIONI MINIME PER PAGINA ISCRIVERSI\n Mantiene lo stile di html_esempio, abilitando immagini reali\n e blocchi testo\/testo senza placeholder immagine.\n ============================================================ *\/\n .hero__photo-real {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.62;\n }\n .photo-real {\n width: 100%;\n min-height: 320px;\n border-radius: var(--radius-md);\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: var(--shadow-sm);\n background: var(--green-100);\n }\n .photo-real img {\n width: 100%;\n height: 100%;\n min-height: 320px;\n object-fit: cover;\n display: block;\n }\n .split-text-box {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--radius-md);\n padding: 36px 32px;\n box-shadow: var(--shadow-sm);\n height: 100%;\n }\n .split-text-box .section-title { font-size: clamp(24px, 3vw, 34px); }\n .card-link { display:block; color: inherit; text-decoration:none; height: 100%; }\n .card-link:hover { text-decoration:none; color: inherit; }\n .link-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: 22px;\n font-size: 14px;\n font-weight: 700;\n color: var(--green-700);\n }\n .link-inline:hover { color: var(--green-900); }\n\n <\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero__photo-real\" style=\"background-image:url('https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/05\/11052018eDSCF3711.jpg')\"><\/div>\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)\">Futuri studenti<\/a>\n <span>\u203a<\/span>\n Iscriversi\n <\/div>\n <h1 class=\"hero__title\">Iscriversi a Ingegneria Meccanica<br><em>Tor Vergata<\/em><\/h1>\n <p class=\"hero__subtitle\">Una guida sintetica per orientarsi tra Laurea Triennale, Laurea Magistrale, verifiche in ingresso e procedure di immatricolazione.<\/p>\n <div class=\"hero__meta\">\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">L-9<\/span>\n <span class=\"hero__stat-label\">Laurea Triennale in Ingegneria Meccanica<\/span>\n <\/div>\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">180<\/span>\n <span class=\"hero__stat-label\">CFU, durata 3 anni<\/span>\n <\/div>\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">LM-33<\/span>\n <span class=\"hero__stat-label\">Laurea Magistrale in Ingegneria Meccanica<\/span>\n <\/div>\n <div class=\"hero__stat\">\n <span class=\"hero__stat-num\">120<\/span>\n <span class=\"hero__stat-label\">CFU, durata 2 anni<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"split-section anim\">\n <div class=\"split-section__text split-text-box\">\n <span class=\"section-label\">Iscriversi<\/span>\n <h2 class=\"section-title\">Il primo passo nel percorso di Ingegneria Meccanica<\/h2>\n <p class=\"body-text\">In questa sezione trovi le informazioni essenziali per orientarti nell'iscrizione al Corso di Laurea e al Corso di Laurea Magistrale in Ingegneria Meccanica dell'Universit\u00e0 di Roma Tor Vergata.<\/p>\n <p class=\"body-text\">Le procedure e le scadenze possono variare di anno in anno: prima di completare l'iscrizione \u00e8 sempre necessario verificare la scheda ufficiale del corso, l'avviso di immatricolazione e il portale Delphi di Ateneo.<\/p>\n <\/div>\n <div class=\"split-section__text split-text-box\">\n <h2 class=\"section-title\">Il tuo prossimo passo:<\/h2>\n <ul class=\"bullet-list\">\n <li>Consulta il portale Orientamento Tor Vergata per scegliere in modo consapevole il percorso universitario<\/li>\n <li>Verifica la scheda del corso di Laurea Triennale L-9 e le indicazioni sulla prova di verifica delle conoscenze in ingresso<\/li>\n <li>Per la Laurea Magistrale LM-33, controlla requisiti curriculari, modalit\u00e0 di valutazione e avviso di immatricolazione<\/li>\n <li>Leggi con attenzione bandi, avvisi, scadenze e documenti richiesti<\/li>\n <li>Completa la procedura di immatricolazione tramite i servizi online Delphi<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\">\n <span class=\"section-label\" style=\"justify-content:center\">Prima di iniziare<\/span>\n <h2 class=\"section-title\" style=\"text-align:center\">Tre canali da consultare<\/h2>\n <\/div>\n <div class=\"cards-grid\">\n <a class=\"card card-link anim anim-d1\" href=\"https:\/\/orientamento.uniroma2.it\/\" target=\"_blank\" rel=\"noopener\">\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-2.83-.48-5-2.94-5-5.93h5v5.93zM11 12H6c0-.69.14-1.34.39-1.93H11V12zm0-3.93H7.24C8.16 6.82 9.47 5.93 11 5.68v2.39zm2 11.86V14h5c0 2.99-2.17 5.45-5 5.93zM17.61 12H13v-1.93h4.61c.25.59.39 1.24.39 1.93zm-4.61-3.93V5.68c1.53.25 2.84 1.14 3.76 2.39H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Orientamento Tor Vergata<\/h3>\n <p class=\"card__body\">Il portale di orientamento raccoglie informazioni per scegliere il corso, conoscere i servizi dell'Ateneo, rivedere materiali di presentazione e contattare gli uffici dedicati.<\/p>\n <\/a>\n <a class=\"card card-link anim anim-d2\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica\" target=\"_blank\" rel=\"noopener\">\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\">Scheda Laurea Triennale<\/h3>\n <p class=\"card__body\">La scheda ufficiale della Laurea L-9 riporta classe, durata, tipo di accesso, codice corso, obiettivi formativi, sbocchi professionali e allegati per l'immatricolazione.<\/p>\n <\/a>\n <a class=\"card card-link anim anim-d3\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica-92101\" target=\"_blank\" rel=\"noopener\">\n <div class=\"card__icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm0 13.5L5 12.68V16l7 3.82L19 16v-3.32l-7 3.82z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Scheda Laurea Magistrale<\/h3>\n <p class=\"card__body\">La scheda ufficiale della Laurea Magistrale LM-33 riporta requisiti curriculari, durata, codice corso, obiettivi specialistici, sbocchi e documenti di riferimento.<\/p>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"split-section anim\">\n <div class=\"split-section__text split-text-box\">\n <span class=\"split-section__tag\">Laurea Triennale L-9<\/span>\n <h2 class=\"section-title\">Iscriversi alla Laurea in Ingegneria Meccanica<\/h2>\n <p class=\"body-text\">La Laurea Triennale in Ingegneria Meccanica \u00e8 un corso di classe L-9, ha durata di 3 anni e prevede 180 CFU. L'accesso \u00e8 libero con verifica obbligatoria delle conoscenze richieste in ingresso; l'esito della prova non preclude la possibilit\u00e0 di immatricolarsi.<\/p>\n <ul class=\"bullet-list\">\n <li>Classe di Laurea: L-9, Ingegneria industriale<\/li>\n <li>Durata: 3 anni, 180 CFU<\/li>\n <li>Tipo di accesso: libero con verifica delle conoscenze in ingresso<\/li>\n <li>Codice corso: H25<\/li>\n <li>Dipartimento di riferimento: Ingegneria Industriale<\/li>\n <li>La formazione parte da matematica, fisica e chimica e si sviluppa verso progettazione, macchine, impianti, tecnologie e materiali<\/li>\n <\/ul>\n <a class=\"link-inline\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica\" target=\"_blank\" rel=\"noopener\">Consulta la scheda ufficiale della Laurea Triennale \u2192<\/a>\n <\/div>\n <div class=\"split-section__text split-text-box\">\n <span class=\"split-section__tag\">Laurea Triennale LM-33<\/span>\n <h2 class=\"section-title\">Iscriversi alla Laurea Magistrale in Ingegneria Meccanica<\/h2>\n <p class=\"body-text\">La Laurea Magistrale in Ingegneria Meccanica \u00e8 un corso di classe LM-33, ha durata di 2 anni e prevede 120 CFU. L'accesso \u00e8 libero, con verifica del possesso dei requisiti curriculari in ingresso e delle modalit\u00e0 indicate negli avvisi ufficiali.<\/p>\n <ul class=\"bullet-list\">\n <li>Classe di Laurea: LM-33, Ingegneria meccanica<\/li>\n <li>Durata: 2 anni, 120 CFU<\/li>\n <li>Tipo di accesso: libero con verifica dei requisiti curriculari<\/li>\n <li>Codice corso: H37<\/li>\n <li>Dipartimento di riferimento: Ingegneria Industriale<\/li>\n <li>Il percorso approfondisce progettazione di componenti e sistemi meccanici, macchine, processi industriali, automazione, monitoraggio e sostenibilit\u00e0<\/li>\n <\/ul>\n <a class=\"link-inline\" href=\"https:\/\/web.uniroma2.it\/it\/percorso\/offerta_formativa\/corso\/ingegneria_meccanica-92101\" target=\"_blank\" rel=\"noopener\">Consulta la scheda ufficiale della Laurea Magistrale \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"split-section anim\">\n <div class=\"split-section__visual\">\n <div class=\"photo-real\">\n <img decoding=\"async\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/05\/orientamento.png\" alt=\"Orientamento in ingresso\">\n <\/div>\n <\/div>\n <div class=\"split-section__text\">\n <span class=\"split-section__tag\">Orientamento<\/span>\n <h2 class=\"section-title\">Scegliere con consapevolezza<\/h2>\n <p class=\"body-text\">Le attivit\u00e0 di orientamento accompagnano studentesse e studenti nella scelta del percorso universitario. Per informazioni aggiornate \u00e8 preferibile fare riferimento al portale Orientamento Tor Vergata, evitando pagine evento non pi\u00f9 attuali.<\/p>\n <ul class=\"bullet-list\">\n <li>Open Day e incontri di presentazione dell'offerta formativa<\/li>\n <li>Materiali informativi, video e presentazioni dei corsi<\/li>\n <li>Sportelli e contatti per chiarire dubbi su accesso, servizi e procedure<\/li>\n <li>Informazioni per studenti delle scuole, matricole, docenti e famiglie<\/li>\n <\/ul>\n <a class=\"link-inline\" href=\"https:\/\/orientamento.uniroma2.it\/\" target=\"_blank\" rel=\"noopener\">Vai al portale Orientamento Tor Vergata \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cta-block anim\">\n <div class=\"cta-block__text\">\n <h2 class=\"cta-block__title\">Pronto a iniziare?<\/h2>\n <p class=\"cta-block__sub\">Consulta le schede ufficiali dei corsi, verifica scadenze e avvisi aggiornati e completa la procedura attraverso il portale Delphi.<\/p>\n <\/div>\n <div class=\"cta-block__actions\">\n <a href=\"https:\/\/orientamento.uniroma2.it\/\" class=\"btn btn--gold\" target=\"_blank\" rel=\"noopener\">Vai a Orientamento<\/a>\n <a href=\"https:\/\/delphi.uniroma2.it\/\" class=\"btn btn--outline\" target=\"_blank\" rel=\"noopener\">Accedi a Delphi<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\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>Iscriversi \u2013 Ingegneria Meccanica Tor Vergata Home \u203a Futuri studenti \u203a Iscriversi Iscriversi a Ingegneria MeccanicaTor Vergata Una guida sintetica per orientarsi tra Laurea Triennale, Laurea Magistrale, verifiche in ingresso e procedure di immatricolazione. L-9 Laurea Triennale in Ingegneria Meccanica<\/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-418","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\/418","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=418"}],"version-history":[{"count":4,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}