{"id":66,"date":"2024-06-05T15:55:06","date_gmt":"2024-06-05T13:55:06","guid":{"rendered":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=66"},"modified":"2026-07-09T17:02:40","modified_gmt":"2026-07-09T15:02:40","slug":"amministrazione-trasparente","status":"publish","type":"page","link":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/?page_id=66","title":{"rendered":"Amministrazione trasparente"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Amministrazione Trasparente \u2013 Ingegneria Meccanica Tor Vergata<\/title>\n\n  <!-- Google Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&#038;family=Lato:wght@300;400;700&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&#038;display=swap\" rel=\"stylesheet\" \/>\n\n  <style>\n    \/* ============================================================\n       DESIGN TOKENS \u2013 Verde Pantone Tor Vergata\n       Pantone 356 C \u2192 #007A3D  (verde istituzionale)\n    ============================================================ *\/\n    :root {\n      --green-900: #003D20;\n      --green-800: #005A2F;\n      --green-700: #007A3D;\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    *, *::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    .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-light { background: var(--green-50); }\n\n    \/* ============================================================\n       HERO\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    .hero__image {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0.62;\n      filter: saturate(0.95) contrast(1.02);\n    }\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.58) 45%,\n        rgba(0, 35, 18, 0.18) 100%\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    .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      flex-wrap: wrap;\n    }\n    .hero__breadcrumb span { opacity: 0.5; }\n    .hero__breadcrumb a { color: var(--green-200); }\n    .hero__title {\n      font-family: var(--font-display);\n      font-size: clamp(40px, 5vw, 68px);\n      font-weight: 700;\n      color: var(--white);\n      line-height: 1.12;\n      max-width: 850px;\n    }\n    .hero__title em {\n      font-style: italic;\n      color: var(--gold-lt);\n    }\n    .hero__subtitle {\n      margin-top: 18px;\n      font-size: 18px;\n      font-weight: 300;\n      color: rgba(255,255,255,0.78);\n      max-width: 680px;\n    }\n\n    \/* ============================================================\n       TYPOGRAPHY + COMMON ELEMENTS\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    .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    .body-text {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--ink-mid);\n      line-height: 1.85;\n    }\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 svg { width: 18px; height: 18px; fill: currentColor; }\n\n    \/* ============================================================\n       SPLIT SECTION\n    ============================================================ *\/\n    .split-section {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 72px;\n      align-items: center;\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    .split-section__image-wrap {\n      position: relative;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-lg);\n      min-height: 360px;\n      background: var(--green-100);\n    }\n    .split-section__image-wrap::before {\n      content: '';\n      position: absolute;\n      top: 14px;\n      left: 14px;\n      width: 48px;\n      height: 48px;\n      border-top: 3px solid var(--gold);\n      border-left: 3px solid var(--gold);\n      border-radius: 4px 0 0 0;\n      z-index: 2;\n      pointer-events: none;\n    }\n    .split-section__image-wrap::after {\n      content: '';\n      position: absolute;\n      bottom: 14px;\n      right: 14px;\n      width: 48px;\n      height: 48px;\n      border-bottom: 3px solid var(--gold);\n      border-right: 3px solid var(--gold);\n      border-radius: 0 0 4px 0;\n      z-index: 2;\n      pointer-events: none;\n    }\n    .split-section__image {\n      width: 100%;\n      height: 100%;\n      min-height: 360px;\n      object-fit: cover;\n      transition: transform 0.35s ease;\n    }\n    .split-section__image-wrap:hover .split-section__image { transform: scale(1.025); }\n    .split-section__actions { margin-top: 28px; }\n\n    \/* ============================================================\n       NOTE \/ CONTENTS\n    ============================================================ *\/\n    .notes-block {\n      background: var(--white);\n      border-radius: var(--radius-lg);\n      padding: 56px 64px;\n      border: 1px solid var(--border);\n      box-shadow: var(--shadow-md);\n      position: relative;\n      overflow: hidden;\n    }\n    .notes-block::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, var(--green-700), var(--gold));\n    }\n    .notes-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 14px 24px;\n      margin-top: 30px;\n      list-style: none;\n    }\n    .notes-grid li {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 12px 0;\n      border-bottom: 1px solid var(--border);\n      font-size: 15px;\n      color: var(--ink-mid);\n    }\n    .notes-grid li::before {\n      content: '';\n      display: block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: var(--gold);\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    \/* ============================================================\n       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,\n    .cta-block__actions { 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      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    \/* ============================================================\n       ANIMATIONS\n    ============================================================ *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(28px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n    .anim { opacity: 0; }\n    .anim.visible { animation: fadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\n    .anim-d1 { animation-delay: 0.1s !important; }\n    .anim-d2 { animation-delay: 0.22s !important; }\n\n    \/* ============================================================\n       RESPONSIVE\n    ============================================================ *\/\n    @media (max-width: 1024px) {\n      .notes-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 768px) {\n      :root { --section-gap: 60px; }\n      .container { padding: 0 20px; }\n      .hero { min-height: 430px; }\n      .hero__content { padding: 56px 20px; }\n      .hero__breadcrumb { font-size: 11px; }\n      .split-section,\n      .cta-block { grid-template-columns: 1fr; gap: 40px; }\n      .notes-block { padding: 40px 28px; }\n      .notes-grid { grid-template-columns: 1fr; }\n      .cta-block { padding: 44px 32px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<!-- ==============================================================\n     1. HERO\n============================================================== -->\n<section class=\"hero\">\n  <img decoding=\"async\" class=\"hero__image\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/05\/11052018eDSCF3711.jpg\" alt=\"Campus Tor Vergata\" \/>\n\n  <div class=\"hero__content\">\n    <div class=\"hero__breadcrumb\">\n      <a href=\"#\">Home<\/a>\n      <span>\u203a<\/span>\n      <a href=\"#\">Altro<\/a>\n      <span>\u203a<\/span>\n      Amministrazione Trasparente\n    <\/div>\n\n    <h1 class=\"hero__title\">\n      Amministrazione<br \/>\n      <em>Trasparente<\/em>\n    <\/h1>\n\n    <p class=\"hero__subtitle\">\n      In conformit\u00e0 al D.Lgs. 33\/2013, l\u2019Ateneo pubblica informazioni su organizzazione, attivit\u00e0 e uso delle risorse pubbliche.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- ==============================================================\n     2. SPLIT TESTO\/VISUAL\n============================================================== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"split-section anim\">\n      <div class=\"split-section__visual anim-d1\">\n        <div class=\"split-section__image-wrap\">\n          <img decoding=\"async\" class=\"split-section__image\" src=\"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/wp-content\/uploads\/2026\/07\/amministrazionetrasparente.png\" alt=\"Amministrazione Trasparente\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"split-section__text anim-d2\">\n        <span class=\"split-section__tag\">Riferimento<\/span>\n        <h2 class=\"section-title\">La sezione di Ateneo<\/h2>\n        <p class=\"body-text\">\n          In conformit\u00e0 con il D.Lgs. 33\/2013 (Decreto Trasparenza) e successive modifiche, l\u2019Universit\u00e0 degli Studi di Roma \u201cTor Vergata\u201d pubblica le informazioni relative alla propria organizzazione, attivit\u00e0 e utilizzo delle risorse pubbliche nella sezione \u201cAmministrazione Trasparente\u201d del sito di Ateneo.\n        <\/p>\n        <div class=\"split-section__actions\">\n          <a href=\"https:\/\/amministrazionetrasparente.uniroma2.it\/\" class=\"btn btn--gold\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Vai ad Amministrazione Trasparente\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==============================================================\n     3. NOTE E FONTI\n============================================================== -->\n<section class=\"section section--green-light\">\n  <div class=\"container\">\n    <div class=\"notes-block anim\">\n      <span class=\"section-label\">Trasparenza<\/span>\n      <h2 class=\"section-title\">Contenuti pubblicati<\/h2>\n      <ul class=\"notes-grid\">\n        <li>Disposizioni generali<\/li>\n        <li>Organizzazione<\/li>\n        <li>Consulenti e collaboratori<\/li>\n        <li>Personale docente e tecnico-amministrativo<\/li>\n        <li>Bandi di concorso<\/li>\n        <li>Performance<\/li>\n        <li>Enti controllati<\/li>\n        <li>Attivit\u00e0 e procedimenti<\/li>\n        <li>Provvedimenti<\/li>\n        <li>Controlli sulle imprese<\/li>\n        <li>Bandi di gara e contratti<\/li>\n        <li>Sovvenzioni, contributi, sussidi, vantaggi economici<\/li>\n        <li>Bilanci<\/li>\n        <li>Beni immobili e gestione patrimonio<\/li>\n        <li>Servizi erogati<\/li>\n        <li>Pagamenti dell\u2019amministrazione<\/li>\n        <li>Accesso civico<\/li>\n        <li>Accessibilit\u00e0 e catalogo dei dati, metadati e banche dati<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==============================================================\n     4. CTA FINALE\n============================================================== -->\n<section class=\"section section--cream\">\n  <div class=\"container\">\n    <div class=\"cta-block anim\">\n      <div class=\"cta-block__text\">\n        <h2 class=\"cta-block__title\">Cerchi un documento amministrativo?<\/h2>\n        <p class=\"cta-block__sub\">Accedi alla sezione Amministrazione Trasparente di Ateneo.<\/p>\n      <\/div>\n      <div class=\"cta-block__actions\">\n        <a href=\"https:\/\/amministrazionetrasparente.uniroma2.it\/\" class=\"btn btn--gold\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Amministrazione Trasparente\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==============================================================\n     SCROLL ANIMATION SCRIPT\n============================================================== -->\n<script>\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.anim').forEach(el => observer.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Amministrazione Trasparente \u2013 Ingegneria Meccanica Tor Vergata Home \u203a Altro \u203a Amministrazione Trasparente Amministrazione Trasparente In conformit\u00e0 al D.Lgs. 33\/2013, l\u2019Ateneo pubblica informazioni su organizzazione, attivit\u00e0 e uso delle risorse pubbliche. Riferimento La sezione di Ateneo In conformit\u00e0 con il<\/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-66","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\/66","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=66"}],"version-history":[{"count":3,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":521,"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions\/521"}],"wp:attachment":[{"href":"https:\/\/www-2024.ingegneriameccanica.uniroma2.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}