Iscriversi \u2013 Tempi e Modalit\u00e0 \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n\n \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\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\n\n <style>\n \/* === Estensioni stile per tipi di blocco aggiuntivi (coerenti coi token) === *\/\n .data-table-wrap { overflow-x:auto; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n table.data-table { width:100%; border-collapse:collapse; font-size:15px; background:var(--white); }\n table.data-table thead th { background:var(--green-700); color:#fff; text-align:left; padding:14px 16px; font-family:var(--font-body); font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }\n table.data-table td { padding:12px 16px; border-top:1px solid var(--border); color:var(--ink-mid); }\n table.data-table tbody tr:nth-child(even) { background:var(--green-50); }\n table.data-table tbody tr:hover { background:var(--green-100); }\n .table-caption { margin-bottom:8px; }\n .table-caption small { color:var(--ink-light); }\n\n .note-block { background:var(--cream); border:1px solid var(--border); border-left:4px solid var(--gold); border-radius:var(--radius-md); padding:28px 32px; box-shadow:var(--shadow-sm); }\n .note-block h3 { font-family:var(--font-display); font-size:22px; color:var(--green-800); margin-bottom:14px; }\n .note-block ul { list-style:none; }\n .note-block li { position:relative; padding-left:24px; margin-bottom:10px; color:var(--ink-mid); }\n .note-block li::before { content:'\u203a'; position:absolute; left:6px; color:var(--gold); font-weight:700; }\n .note-block .sources { margin-top:16px; padding-top:14px; border-top:1px dashed var(--border); font-size:14px; }\n .note-block .sources a { color:var(--green-700); font-weight:700; }\n\n .evidence { border-radius:var(--radius-lg); padding:44px 48px; box-shadow:var(--shadow-md); }\n .evidence--dark { background:linear-gradient(135deg,var(--green-800),var(--green-900)); color:#fff; }\n .evidence--dark .evidence__label { color:var(--gold-lt); }\n .evidence--dark a { color:var(--gold-lt); }\n .evidence--light { background:var(--green-50); border:1px solid var(--green-200); }\n .evidence__label { display:inline-block; font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; margin-bottom:10px; }\n .evidence h3 { font-family:var(--font-display); font-size:26px; margin-bottom:14px; }\n .evidence p { line-height:1.7; margin-bottom:8px; }\n .evidence__link { display:inline-flex; gap:8px; align-items:center; margin-top:14px; font-weight:700; text-decoration:none; }\n .evidence ul { margin:8px 0 0; padding-left:0; list-style:none; }\n .evidence li { position:relative; padding-left:24px; margin-bottom:8px; }\n .evidence li::before { content:'\u2713'; position:absolute; left:0; color:var(--gold); font-weight:700; }\n\n .alert-box { display:flex; gap:20px; align-items:flex-start; border-radius:var(--radius-md); padding:26px 30px; box-shadow:var(--shadow-sm); }\n .alert-box--gold { background:var(--green-50); border:1px solid var(--gold); border-left:5px solid var(--gold); }\n .alert-box--warning { background:#FFF8E6; border:1px solid var(--gold-lt); border-left:5px solid var(--gold); }\n .alert-box__icon { flex:0 0 auto; width:44px; height:44px; border-radius:50%; background:var(--green-700); display:flex; align-items:center; justify-content:center; }\n .alert-box__icon svg { width:24px; height:24px; fill:#fff; }\n .alert-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:8px; }\n .alert-box p { color:var(--ink-mid); margin-bottom:8px; }\n\n .partner-block { display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:40px; box-shadow:var(--shadow-md); }\n .partner-block__visual { background:var(--green-50); border-radius:var(--radius-md); padding:24px; display:flex; align-items:center; justify-content:center; min-height:200px; }\n .partner-block__visual img { max-width:100%; height:auto; border-radius:var(--radius-sm); }\n .partner-block h3 { font-family:var(--font-display); font-size:28px; color:var(--green-800); margin-bottom:14px; }\n\n .subsection-grid { display:grid; gap:24px; }\n .subsection-card { display:flex; flex-direction:column; gap:10px; padding:28px; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); text-decoration:none; transition:transform .25s, box-shadow .25s; }\n .subsection-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }\n .subsection-card .card__icon { width:48px; height:48px; }\n .subsection-card h3 { font-family:var(--font-display); font-size:20px; color:var(--green-800); }\n .subsection-card p { color:var(--ink-light); font-size:15px; }\n\n .session-grid { display:grid; gap:20px; }\n .session-card { background:var(--white); border:1px solid var(--border); border-top:4px solid var(--green-700); border-radius:var(--radius-md); padding:24px; box-shadow:var(--shadow-sm); text-align:center; }\n .session-card__period { font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); font-weight:700; }\n .session-card__date { font-family:var(--font-display); font-size:30px; color:var(--ink); margin:6px 0; }\n .session-card__type { font-size:14px; color:var(--ink-light); }\n\n .archive-year { border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:14px; overflow:hidden; background:var(--white); }\n .archive-year > summary { cursor:pointer; list-style:none; padding:16px 22px; font-family:var(--font-display); font-size:19px; color:var(--green-800); background:var(--green-50); display:flex; justify-content:space-between; align-items:center; }\n .archive-year > summary::-webkit-details-marker { display:none; }\n .archive-year > summary::after { content:'+'; font-size:24px; color:var(--gold); }\n .archive-year[open] > summary::after { content:'\u2013'; }\n\n .info-box { background:var(--green-50); border:1px solid var(--green-200); border-radius:var(--radius-md); padding:26px 28px; }\n .info-box__tag { display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); font-weight:700; margin-bottom:8px; }\n .info-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:10px; }\n\n .map-card { width:100%; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n .map-card iframe { width:100%; height:360px; border:0; display:block; }\n .map-card__caption { font-size:13px; color:var(--ink-light); padding:10px 14px; background:var(--green-50); }\n\n .btn--green { background:var(--green-700); color:#fff; }\n .btn--green:hover { background:var(--green-800); }\n .btn--ghost { background:transparent; color:var(--green-700); border:1px solid var(--green-200); }\n .btn--ghost:hover { background:var(--green-50); }\n\n .inline-link { color:var(--green-700); font-weight:700; }\n .split-text-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }\n .split-text-panel { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); padding:32px; box-shadow:var(--shadow-sm); }\n .split-text-panel .split-section__tag { display:inline-block; margin-bottom:10px; }\n\n .rev-note { margin:14px auto 0; max-width:var(--max-w); }\n .rev-note__inner { background:#FFF8E6; border:1px dashed var(--gold); border-radius:var(--radius-sm); padding:12px 18px; color:#8a6d1f; font-size:14px; }\n .rev-note__inner strong { color:#6b540f; }\n\n @media (max-width:860px){\n .partner-block{ grid-template-columns:1fr; }\n .split-text-grid{ grid-template-columns:1fr; }\n }\n <\/style>\n\n<\/head>\n<body>\n<section class=\"hero\">\n <div class=\"hero__photo-placeholder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><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 6H5z\"\/><\/svg><span>\ud83d\udcf7 Sportello\/segreteria studenti. Formato orizzontale 1920x800px.<\/span><\/div>\n <div class=\"hero__content\">\n <div class=\"hero__breadcrumb\"><a href=\"#\" style=\"color:var(--green-200)\">Home<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Iscriversi<\/a> <span>\u203a<\/span> Tempi e Modalit\u00e0<\/div>\n <h1 class=\"hero__title\">Tempi e Modalit\u00e0<br><em>di Iscrizione<\/em><\/h1>\n <p class=\"hero__subtitle\">Come e quando immatricolarsi alla Triennale, rinnovare l\u2019iscrizione e iscriversi in regime di tempo parziale.<\/p>\n \n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Immatricolazione Triennale<\/span>\n <h2 class=\"section-title\">Procedura passo per passo<\/h2>\n <p class=\"body-text\">Le immatricolazioni alla Laurea Triennale avvengono generalmente nei mesi di settembre-ottobre, secondo il calendario stabilito dall\u2019Ateneo.<\/p>\n <ul class=\"bullet-list\">\n <li>Registrazione sul portale Delphi (delphi.uniroma2.it)<\/li>\n <li>Compilazione della domanda di immatricolazione online<\/li>\n <li>Pagamento della prima rata delle tasse universitarie<\/li>\n <li>Consegna della documentazione richiesta<\/li>\n <\/ul>\n \n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" 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.5 6.5 0 0 1 9.5 16 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 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Foto<\/span><p class=\"photo-placeholder__desc\">Schermata del portale Delphi. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--green-light\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Anni successivi<\/span>\n <h2 class=\"section-title\">Rinnovo dell\u2019iscrizione<\/h2>\n <p class=\"body-text\">Il rinnovo agli anni successivi avviene automaticamente con il pagamento della prima rata delle tasse, entro i termini stabiliti dall\u2019Ateneo (generalmente entro novembre di ogni anno).<\/p>\n \n \n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" 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.5 6.5 0 0 1 9.5 16 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 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Foto<\/span><p class=\"photo-placeholder__desc\">Calendario\/scadenze. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Tempo Parziale<\/span>\n <h2 class=\"section-title\">Iscrizione per studenti lavoratori<\/h2>\n <p class=\"body-text\">Per gli studenti lavoratori \u00e8 prevista l\u2019iscrizione in regime di TEMPO PARZIALE, che consente di conseguire il titolo in un tempo doppio rispetto alla durata normale, con un regime contributivo agevolato.<\/p>\n \n <p style=\"margin-top:18px\"><a class=\"inline-link\" href=\"https:\/\/delphi.uniroma2.it\/totem\/pdf\/parttime_2017.pdf\">Informazioni sul tempo parziale \u203a<\/a><\/p>\n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" 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.5 6.5 0 0 1 9.5 16 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 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Foto<\/span><p class=\"photo-placeholder__desc\">Studente lavoratore. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Commento sorgente \u201c2017?\u201d: il documento collegato risale al 2017. Verificare l\u2019esistenza di una versione aggiornata del regolamento tempo parziale.<\/div><\/div>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Trasferimenti e passaggi<\/span><h2 class=\"section-title\" style=\"text-align:center\">Da altro Ateneo o corso di studi<\/h2><\/div><div class=\"cards-grid\">\n<div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Trasferimento da altro Ateneo<\/h3>\n <p class=\"card__body\">Procedura per chi proviene da un\u2019altra universit\u00e0.<\/p>\n \n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 3.5 18.5 9 13 14.5V11H7v6H4V8h9z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Passaggio da altro corso<\/h3>\n <p class=\"card__body\">Procedura per il passaggio da un altro corso di studi.<\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Da completare: inserire le procedure dettagliate per trasferimento da altro Ateneo e passaggio da altro corso di studi.<\/div><\/div>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"note-block anim\"><h3>Termini importanti<\/h3><ul><li>Apertura iscrizioni, scadenza immatricolazione e date di pagamento delle rate sono definite dal calendario di Ateneo.<\/li><\/ul><div class=\"sources\">Fonte: <a href=\"http:\/\/ingegneriameccanica.uniroma2.it\/futuri-studenti\/\">Futuri studenti \u2013 Ingegneria Meccanica<\/a><\/div><\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Inserire le date ufficiali per l\u2019a.a. in corso (apertura iscrizioni, scadenza immatricolazione, pagamento rate).<\/div><\/div>\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\">Hai dubbi sulle scadenze?<\/h2>\n <p class=\"cta-block__sub\">Contatta la Segreteria Studenti o consulta il portale Delphi.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"https:\/\/www.delphi.uniroma2.it\/\" class=\"btn btn--gold\">Vai a Delphi<\/a>\n<a href=\"#contatti\" class=\"btn btn--outline\">Contatti<\/a><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\n }, { threshold: 0.12 });\n document.querySelectorAll('.anim').forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Iscriversi \u2013 Tempi e Modalit\u00e0 \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Sportello\/segreteria studenti. Formato orizzontale 1920x800px. Home \u203a Iscriversi \u203a Tempi e Modalit\u00e0 Tempi e Modalit\u00e0di Iscrizione Come e quando immatricolarsi alla Triennale, rinnovare l\u2019iscrizione e iscriversi in regime di<\/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-30","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\/30","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=30"}],"version-history":[{"count":2,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/432"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":30,"date":"2024-06-05T15:40:55","date_gmt":"2024-06-05T13:40:55","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=30"},"modified":"2026-06-16T11:06:58","modified_gmt":"2026-06-16T09:06:58","slug":"iscriversi-e-tasse","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=30","title":{"rendered":"Tempi e modalit\u00e0 di iscrizione"},"content":{"rendered":"\n\n\n\n \n \n Iscriversi \u2013 Tempi e Modalit\u00e0 \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n\n \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\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\n\n <style>\n \/* === Estensioni stile per tipi di blocco aggiuntivi (coerenti coi token) === *\/\n .data-table-wrap { overflow-x:auto; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n table.data-table { width:100%; border-collapse:collapse; font-size:15px; background:var(--white); }\n table.data-table thead th { background:var(--green-700); color:#fff; text-align:left; padding:14px 16px; font-family:var(--font-body); font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }\n table.data-table td { padding:12px 16px; border-top:1px solid var(--border); color:var(--ink-mid); }\n table.data-table tbody tr:nth-child(even) { background:var(--green-50); }\n table.data-table tbody tr:hover { background:var(--green-100); }\n .table-caption { margin-bottom:8px; }\n .table-caption small { color:var(--ink-light); }\n\n .note-block { background:var(--cream); border:1px solid var(--border); border-left:4px solid var(--gold); border-radius:var(--radius-md); padding:28px 32px; box-shadow:var(--shadow-sm); }\n .note-block h3 { font-family:var(--font-display); font-size:22px; color:var(--green-800); margin-bottom:14px; }\n .note-block ul { list-style:none; }\n .note-block li { position:relative; padding-left:24px; margin-bottom:10px; color:var(--ink-mid); }\n .note-block li::before { content:'\u203a'; position:absolute; left:6px; color:var(--gold); font-weight:700; }\n .note-block .sources { margin-top:16px; padding-top:14px; border-top:1px dashed var(--border); font-size:14px; }\n .note-block .sources a { color:var(--green-700); font-weight:700; }\n\n .evidence { border-radius:var(--radius-lg); padding:44px 48px; box-shadow:var(--shadow-md); }\n .evidence--dark { background:linear-gradient(135deg,var(--green-800),var(--green-900)); color:#fff; }\n .evidence--dark .evidence__label { color:var(--gold-lt); }\n .evidence--dark a { color:var(--gold-lt); }\n .evidence--light { background:var(--green-50); border:1px solid var(--green-200); }\n .evidence__label { display:inline-block; font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; margin-bottom:10px; }\n .evidence h3 { font-family:var(--font-display); font-size:26px; margin-bottom:14px; }\n .evidence p { line-height:1.7; margin-bottom:8px; }\n .evidence__link { display:inline-flex; gap:8px; align-items:center; margin-top:14px; font-weight:700; text-decoration:none; }\n .evidence ul { margin:8px 0 0; padding-left:0; list-style:none; }\n .evidence li { position:relative; padding-left:24px; margin-bottom:8px; }\n .evidence li::before { content:'\u2713'; position:absolute; left:0; color:var(--gold); font-weight:700; }\n\n .alert-box { display:flex; gap:20px; align-items:flex-start; border-radius:var(--radius-md); padding:26px 30px; box-shadow:var(--shadow-sm); }\n .alert-box--gold { background:var(--green-50); border:1px solid var(--gold); border-left:5px solid var(--gold); }\n .alert-box--warning { background:#FFF8E6; border:1px solid var(--gold-lt); border-left:5px solid var(--gold); }\n .alert-box__icon { flex:0 0 auto; width:44px; height:44px; border-radius:50%; background:var(--green-700); display:flex; align-items:center; justify-content:center; }\n .alert-box__icon svg { width:24px; height:24px; fill:#fff; }\n .alert-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:8px; }\n .alert-box p { color:var(--ink-mid); margin-bottom:8px; }\n\n .partner-block { display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:40px; box-shadow:var(--shadow-md); }\n .partner-block__visual { background:var(--green-50); border-radius:var(--radius-md); padding:24px; display:flex; align-items:center; justify-content:center; min-height:200px; }\n .partner-block__visual img { max-width:100%; height:auto; border-radius:var(--radius-sm); }\n .partner-block h3 { font-family:var(--font-display); font-size:28px; color:var(--green-800); margin-bottom:14px; }\n\n .subsection-grid { display:grid; gap:24px; }\n .subsection-card { display:flex; flex-direction:column; gap:10px; padding:28px; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); text-decoration:none; transition:transform .25s, box-shadow .25s; }\n .subsection-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }\n .subsection-card .card__icon { width:48px; height:48px; }\n .subsection-card h3 { font-family:var(--font-display); font-size:20px; color:var(--green-800); }\n .subsection-card p { color:var(--ink-light); font-size:15px; }\n\n .session-grid { display:grid; gap:20px; }\n .session-card { background:var(--white); border:1px solid var(--border); border-top:4px solid var(--green-700); border-radius:var(--radius-md); padding:24px; box-shadow:var(--shadow-sm); text-align:center; }\n .session-card__period { font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); font-weight:700; }\n .session-card__date { font-family:var(--font-display); font-size:30px; color:var(--ink); margin:6px 0; }\n .session-card__type { font-size:14px; color:var(--ink-light); }\n\n .archive-year { border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:14px; overflow:hidden; background:var(--white); }\n .archive-year > summary { cursor:pointer; list-style:none; padding:16px 22px; font-family:var(--font-display); font-size:19px; color:var(--green-800); background:var(--green-50); display:flex; justify-content:space-between; align-items:center; }\n .archive-year > summary::-webkit-details-marker { display:none; }\n .archive-year > summary::after { content:'+'; font-size:24px; color:var(--gold); }\n .archive-year[open] > summary::after { content:'\u2013'; }\n\n .info-box { background:var(--green-50); border:1px solid var(--green-200); border-radius:var(--radius-md); padding:26px 28px; }\n .info-box__tag { display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); font-weight:700; margin-bottom:8px; }\n .info-box h3 { font-family:var(--font-display); font-size:21px; color:var(--green-800); margin-bottom:10px; }\n\n .map-card { width:100%; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--border); }\n .map-card iframe { width:100%; height:360px; border:0; display:block; }\n .map-card__caption { font-size:13px; color:var(--ink-light); padding:10px 14px; background:var(--green-50); }\n\n .btn--green { background:var(--green-700); color:#fff; }\n .btn--green:hover { background:var(--green-800); }\n .btn--ghost { background:transparent; color:var(--green-700); border:1px solid var(--green-200); }\n .btn--ghost:hover { background:var(--green-50); }\n\n .inline-link { color:var(--green-700); font-weight:700; }\n .split-text-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }\n .split-text-panel { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); padding:32px; box-shadow:var(--shadow-sm); }\n .split-text-panel .split-section__tag { display:inline-block; margin-bottom:10px; }\n\n .rev-note { margin:14px auto 0; max-width:var(--max-w); }\n .rev-note__inner { background:#FFF8E6; border:1px dashed var(--gold); border-radius:var(--radius-sm); padding:12px 18px; color:#8a6d1f; font-size:14px; }\n .rev-note__inner strong { color:#6b540f; }\n\n @media (max-width:860px){\n .partner-block{ grid-template-columns:1fr; }\n .split-text-grid{ grid-template-columns:1fr; }\n }\n <\/style>\n\n<\/head>\n<body>\n<section class=\"hero\">\n <div class=\"hero__photo-placeholder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><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 6H5z\"\/><\/svg><span>\ud83d\udcf7 Sportello\/segreteria studenti. Formato orizzontale 1920x800px.<\/span><\/div>\n <div class=\"hero__content\">\n <div class=\"hero__breadcrumb\"><a href=\"#\" style=\"color:var(--green-200)\">Home<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Iscriversi<\/a> <span>\u203a<\/span> Tempi e Modalit\u00e0<\/div>\n <h1 class=\"hero__title\">Tempi e Modalit\u00e0<br><em>di Iscrizione<\/em><\/h1>\n <p class=\"hero__subtitle\">Come e quando immatricolarsi alla Triennale, rinnovare l\u2019iscrizione e iscriversi in regime di tempo parziale.<\/p>\n \n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Immatricolazione Triennale<\/span>\n <h2 class=\"section-title\">Procedura passo per passo<\/h2>\n <p class=\"body-text\">Le immatricolazioni alla Laurea Triennale avvengono generalmente nei mesi di settembre-ottobre, secondo il calendario stabilito dall\u2019Ateneo.<\/p>\n <ul class=\"bullet-list\">\n <li>Registrazione sul portale Delphi (delphi.uniroma2.it)<\/li>\n <li>Compilazione della domanda di immatricolazione online<\/li>\n <li>Pagamento della prima rata delle tasse universitarie<\/li>\n <li>Consegna della documentazione richiesta<\/li>\n <\/ul>\n \n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" 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.5 6.5 0 0 1 9.5 16 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 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Foto<\/span><p class=\"photo-placeholder__desc\">Schermata del portale Delphi. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--green-light\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Anni successivi<\/span>\n <h2 class=\"section-title\">Rinnovo dell\u2019iscrizione<\/h2>\n <p class=\"body-text\">Il rinnovo agli anni successivi avviene automaticamente con il pagamento della prima rata delle tasse, entro i termini stabiliti dall\u2019Ateneo (generalmente entro novembre di ogni anno).<\/p>\n \n \n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" 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.5 6.5 0 0 1 9.5 16 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 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Foto<\/span><p class=\"photo-placeholder__desc\">Calendario\/scadenze. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"split-section split-section--reverse anim\"><div class=\"split-section__text\">\n <span class=\"split-section__tag\">Tempo Parziale<\/span>\n <h2 class=\"section-title\">Iscrizione per studenti lavoratori<\/h2>\n <p class=\"body-text\">Per gli studenti lavoratori \u00e8 prevista l\u2019iscrizione in regime di TEMPO PARZIALE, che consente di conseguire il titolo in un tempo doppio rispetto alla durata normale, con un regime contributivo agevolato.<\/p>\n \n <p style=\"margin-top:18px\"><a class=\"inline-link\" href=\"https:\/\/delphi.uniroma2.it\/totem\/pdf\/parttime_2017.pdf\">Informazioni sul tempo parziale \u203a<\/a><\/p>\n <\/div><div class=\"split-section__visual\"><div class=\"photo-placeholder photo-placeholder--medium\"><div class=\"photo-placeholder__icon\"><svg class=\"\" 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.5 6.5 0 0 1 9.5 16 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 5\"\/><\/svg><\/div><span class=\"photo-placeholder__tag\">Foto<\/span><p class=\"photo-placeholder__desc\">Studente lavoratore. Formato orizzontale 900x600px.<\/p><span class=\"photo-placeholder__hint\">\u2191 Sostituire con foto reale<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Commento sorgente \u201c2017?\u201d: il documento collegato risale al 2017. Verificare l\u2019esistenza di una versione aggiornata del regolamento tempo parziale.<\/div><\/div>\n\n<section class=\"section section--cream\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Trasferimenti e passaggi<\/span><h2 class=\"section-title\" style=\"text-align:center\">Da altro Ateneo o corso di studi<\/h2><\/div><div class=\"cards-grid\">\n<div class=\"card anim anim-d1\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Trasferimento da altro Ateneo<\/h3>\n <p class=\"card__body\">Procedura per chi proviene da un\u2019altra universit\u00e0.<\/p>\n \n <\/div><div class=\"card anim anim-d2\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 3.5 18.5 9 13 14.5V11H7v6H4V8h9z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Passaggio da altro corso<\/h3>\n <p class=\"card__body\">Procedura per il passaggio da un altro corso di studi.<\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Da completare: inserire le procedure dettagliate per trasferimento da altro Ateneo e passaggio da altro corso di studi.<\/div><\/div>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"note-block anim\"><h3>Termini importanti<\/h3><ul><li>Apertura iscrizioni, scadenza immatricolazione e date di pagamento delle rate sono definite dal calendario di Ateneo.<\/li><\/ul><div class=\"sources\">Fonte: <a href=\"http:\/\/ingegneriameccanica.uniroma2.it\/futuri-studenti\/\">Futuri studenti \u2013 Ingegneria Meccanica<\/a><\/div><\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Inserire le date ufficiali per l\u2019a.a. in corso (apertura iscrizioni, scadenza immatricolazione, pagamento rate).<\/div><\/div>\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\">Hai dubbi sulle scadenze?<\/h2>\n <p class=\"cta-block__sub\">Contatta la Segreteria Studenti o consulta il portale Delphi.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"https:\/\/www.delphi.uniroma2.it\/\" class=\"btn btn--gold\">Vai a Delphi<\/a>\n<a href=\"#contatti\" class=\"btn btn--outline\">Contatti<\/a><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\n }, { threshold: 0.12 });\n document.querySelectorAll('.anim').forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Iscriversi \u2013 Tempi e Modalit\u00e0 \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Sportello\/segreteria studenti. Formato orizzontale 1920x800px. Home \u203a Iscriversi \u203a Tempi e Modalit\u00e0 Tempi e Modalit\u00e0di Iscrizione Come e quando immatricolarsi alla Triennale, rinnovare l\u2019iscrizione e iscriversi in regime di<\/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-30","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\/30","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=30"}],"version-history":[{"count":2,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/432"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}