Altro \u2013 Informazioni Generali \/ Biblioteca \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 Sala lettura della Biblioteca di Ingegneria. 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)\">Altro<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Informazioni Generali<\/a> <span>\u203a<\/span> Biblioteca<\/div>\n <h1 class=\"hero__title\">Biblioteca<br><em>di Ingegneria<\/em><\/h1>\n <p class=\"hero__subtitle\">Una vasta collezione di libri, riviste scientifiche e risorse digitali per studenti e ricercatori.<\/p>\n \n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Servizi<\/span><h2 class=\"section-title\" style=\"text-align:center\">Cosa offre la Biblioteca<\/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=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16H6V4h2v8l2.5-1.5L13 12V4h5z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Consultazione in sede<\/h3>\n <p class=\"card__body\">Volumi e riviste consultabili in sede.<\/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=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Prestito libri<\/h3>\n <p class=\"card__body\">Con tessera universitaria.<\/p>\n \n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" 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 2m-1 17.93C7.05 19.44 4 16.08 4 12c0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41C17.92 5.78 20 8.65 20 12c0 2.08-.8 3.97-2.1 5.39\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Banche dati e riviste online<\/h3>\n <p class=\"card__body\">Accesso a risorse elettroniche.<\/p>\n \n <\/div><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=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Sale studio e postazioni<\/h3>\n <p class=\"card__body\">Sale studio e postazioni informatiche.<\/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=\"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Reference e assistenza<\/h3>\n <p class=\"card__body\">Assistenza alla ricerca bibliografica.<\/p>\n \n <\/div><div class=\"card anim anim-d3\">\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\">Prestito interbibliotecario<\/h3>\n <p class=\"card__body\">ILL e Document Delivery.<\/p>\n \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\"><span class=\"section-label\" style=\"justify-content:center\">Risorse digitali<\/span><h2 class=\"section-title\" style=\"text-align:center\">Accesso con credenziali di Ateneo<\/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=\"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>\n <h3 class=\"card__title\">Scopus e Web of Science<\/h3>\n <p class=\"card__body\"><\/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=\"m9.4 16.6-4.6-4.6 4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">IEEE Xplore<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">ScienceDirect (Elsevier)<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div><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=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16H6V4h2v8l2.5-1.5L13 12V4h5z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">SpringerLink<\/h3>\n <p class=\"card__body\"><\/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=\"M5 9.2h3V19H5zm5.6-4.6h2.8V19h-2.8zm5.6 8H19V19h-2.8z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Altri database disciplinari<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"note-block anim\"><h3>Orari e contatti<\/h3><ul><li>Gli orari di apertura e i contatti della Biblioteca di Ingegneria sono disponibili sul sistema bibliotecario di Ateneo.<\/li><\/ul><div class=\"sources\">Fonte: <a href=\"http:\/\/biblioteche.uniroma2.it\/\">Sistema bibliotecario di Ateneo<\/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 gli orari di apertura e i contatti aggiornati della Biblioteca di Ingegneria.<\/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\">Accedi alle risorse della Biblioteca<\/h2>\n <p class=\"cta-block__sub\">Esplora il sistema bibliotecario di Ateneo.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"http:\/\/biblioteche.uniroma2.it\/\" class=\"btn btn--gold\">Sistema bibliotecario<\/a><\/div>\n <\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Aggiornare con orari e contatti aggiornati della Biblioteca di Ingegneria.<\/div><\/div>\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>Altro \u2013 Informazioni Generali \/ Biblioteca \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Sala lettura della Biblioteca di Ingegneria. Formato orizzontale 1920x800px. Home \u203a Altro \u203a Informazioni Generali \u203a Biblioteca Bibliotecadi Ingegneria Una vasta collezione di libri, riviste scientifiche e risorse<\/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-80","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\/80","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=80"}],"version-history":[{"count":2,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":80,"date":"2024-06-05T16:01:26","date_gmt":"2024-06-05T14:01:26","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=80"},"modified":"2026-06-16T11:12:12","modified_gmt":"2026-06-16T09:12:12","slug":"biblioteca","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=80","title":{"rendered":"Biblioteca"},"content":{"rendered":"\n\n\n\n \n \n Altro \u2013 Informazioni Generali \/ Biblioteca \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 Sala lettura della Biblioteca di Ingegneria. 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)\">Altro<\/a> <span>\u203a<\/span> <a href=\"#\" style=\"color:var(--green-200)\">Informazioni Generali<\/a> <span>\u203a<\/span> Biblioteca<\/div>\n <h1 class=\"hero__title\">Biblioteca<br><em>di Ingegneria<\/em><\/h1>\n <p class=\"hero__subtitle\">Una vasta collezione di libri, riviste scientifiche e risorse digitali per studenti e ricercatori.<\/p>\n \n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"cards-title anim\"><span class=\"section-label\" style=\"justify-content:center\">Servizi<\/span><h2 class=\"section-title\" style=\"text-align:center\">Cosa offre la Biblioteca<\/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=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16H6V4h2v8l2.5-1.5L13 12V4h5z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Consultazione in sede<\/h3>\n <p class=\"card__body\">Volumi e riviste consultabili in sede.<\/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=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Prestito libri<\/h3>\n <p class=\"card__body\">Con tessera universitaria.<\/p>\n \n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" 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 2m-1 17.93C7.05 19.44 4 16.08 4 12c0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41C17.92 5.78 20 8.65 20 12c0 2.08-.8 3.97-2.1 5.39\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Banche dati e riviste online<\/h3>\n <p class=\"card__body\">Accesso a risorse elettroniche.<\/p>\n \n <\/div><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=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Sale studio e postazioni<\/h3>\n <p class=\"card__body\">Sale studio e postazioni informatiche.<\/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=\"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Reference e assistenza<\/h3>\n <p class=\"card__body\">Assistenza alla ricerca bibliografica.<\/p>\n \n <\/div><div class=\"card anim anim-d3\">\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\">Prestito interbibliotecario<\/h3>\n <p class=\"card__body\">ILL e Document Delivery.<\/p>\n \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\"><span class=\"section-label\" style=\"justify-content:center\">Risorse digitali<\/span><h2 class=\"section-title\" style=\"text-align:center\">Accesso con credenziali di Ateneo<\/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=\"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>\n <h3 class=\"card__title\">Scopus e Web of Science<\/h3>\n <p class=\"card__body\"><\/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=\"m9.4 16.6-4.6-4.6 4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">IEEE Xplore<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div><div class=\"card anim anim-d3\">\n <div class=\"card__icon\"><svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">ScienceDirect (Elsevier)<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div><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=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16H6V4h2v8l2.5-1.5L13 12V4h5z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">SpringerLink<\/h3>\n <p class=\"card__body\"><\/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=\"M5 9.2h3V19H5zm5.6-4.6h2.8V19h-2.8zm5.6 8H19V19h-2.8z\"\/><\/svg><\/div>\n <h3 class=\"card__title\">Altri database disciplinari<\/h3>\n <p class=\"card__body\"><\/p>\n \n <\/div>\n<\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"note-block anim\"><h3>Orari e contatti<\/h3><ul><li>Gli orari di apertura e i contatti della Biblioteca di Ingegneria sono disponibili sul sistema bibliotecario di Ateneo.<\/li><\/ul><div class=\"sources\">Fonte: <a href=\"http:\/\/biblioteche.uniroma2.it\/\">Sistema bibliotecario di Ateneo<\/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 gli orari di apertura e i contatti aggiornati della Biblioteca di Ingegneria.<\/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\">Accedi alle risorse della Biblioteca<\/h2>\n <p class=\"cta-block__sub\">Esplora il sistema bibliotecario di Ateneo.<\/p>\n <\/div>\n <div class=\"cta-block__actions\"><a href=\"http:\/\/biblioteche.uniroma2.it\/\" class=\"btn btn--gold\">Sistema bibliotecario<\/a><\/div>\n <\/div>\n <\/div>\n<\/section><div class=\"rev-note\"><div class=\"rev-note__inner\"><strong>\u2691 Da verificare (nota di revisione):<\/strong> Aggiornare con orari e contatti aggiornati della Biblioteca di Ingegneria.<\/div><\/div>\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>Altro \u2013 Informazioni Generali \/ Biblioteca \u2013 Ingegneria Meccanica Tor Vergata \ud83d\udcf7 Sala lettura della Biblioteca di Ingegneria. Formato orizzontale 1920x800px. Home \u203a Altro \u203a Informazioni Generali \u203a Biblioteca Bibliotecadi Ingegneria Una vasta collezione di libri, riviste scientifiche e risorse<\/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-80","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\/80","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=80"}],"version-history":[{"count":2,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}