/* ---------------------------
   * PROIECT: DIGITALIZAREA COMUNEI TULUCEȘTI
   * --------------------------- */
   
   /* Tema albastră & elemente „glass”, identică structural cu fișa precedentă */
  :root{
    --infra-blue-700:#1e4f91;
    --infra-blue-600:#2461a9;
    --infra-blue-500:#2e79c7;
    --ink-900:#0f1221;
    --card-glass: rgba(255,255,255,.08);
    --ring-blue: rgba(46,121,199,.35);
  }

  .project-hero{
    background: radial-gradient(1200px 500px at 10% -10%, rgba(255,255,255,.08), transparent),
                linear-gradient(135deg, var(--infra-blue-700), var(--infra-blue-600) 55%, var(--infra-blue-500));
  }
  .project-sheet .letter-wide{ letter-spacing:.06em; }

  .project-sheet .chip{
    display:inline-block; padding:.35rem .65rem; border-radius:999px;
    background:rgba(255,255,255,.15); backdrop-filter: blur(6px);
    border:1px solid rgba(255,255,255,.28); font-weight:600;
  }

  .project-sheet .info-tile{
    background: var(--card-glass);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 1rem;
    padding: 1rem 1.1rem;
    box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, 0 6px 18px rgba(17,12,46,.04);
  }
  .project-sheet .info-title{
    font-weight: 700; font-size: .95rem; text-transform: uppercase;
    letter-spacing: .05em; color: var(--ink-900); opacity:.7; margin-bottom:.35rem;
  }

  .project-sheet .card{ border-radius: 1.25rem; }
  .project-sheet .card-body{ background:#fff; }
  .project-sheet .info-tile:hover{
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 10px 24px rgba(17,12,46,.08);
    border-color: var(--ring-blue);
    transform: translateY(-1px);
    transition: all .25s ease;
  }
  @media (min-width:992px){ .project-sheet .h1-md{ font-size:2.25rem; } }  
   
   
    /* ---------------------------  
    * REZULTAT PROIECT – DOTAREA UNITĂȚILOR
    * --------------------------- */   
   
   /* Hero */
  .rez-hero{
    background: radial-gradient(1200px 500px at 50% -20%, #b9dcff66, transparent 60%),
                linear-gradient(135deg, #0d6efd 0%, #6f42c1 100%);
    color:#fff;
  }
  .tracking-wide{ letter-spacing:.08em; }

  /* Card glass */
  .glass-card{
    background: rgba(255,255,255,.8);
    backdrop-filter: saturate(160%) blur(6px);
    -webkit-backdrop-filter: saturate(160%) blur(6px);
    border: 1px solid rgba(0,0,0,.06);
  }

  /* Puncte decorative */
  .rez-dot{
    width:14px; height:14px; border-radius:50%;
    background: linear-gradient(135deg,#0d6efd,#6f42c1);
    box-shadow: 0 0 0 4px rgba(13,110,253,.12);
    flex: 0 0 14px;
  }

  /* KPI */
  .rez-kpi{
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:18px;
    padding:18px 16px;
    text-align:center;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .rez-budget{ text-align:left; }
  .rez-kpi:hover{ transform: translateY(-3px); box-shadow:0 10px 25px rgba(0,0,0,.08); }
  .kpi-value{ font-size: clamp(1.4rem, 2.2vw, 2rem); font-weight:800; line-height:1; }
  .kpi-unit{ font-size:.85rem; font-weight:700; opacity:.7; margin-left:.25rem; }
  .kpi-label{ color:#6c757d; font-weight:600; margin-top:.25rem; }

  /* Listă rezultate */
  .rez-list li{ display:flex; gap:.75rem; margin-bottom:.5rem; color:#495057; }
  .rez-bullet{
    width:10px; height:10px; border-radius:50%;
    margin-top:.5rem;
    background: linear-gradient(135deg,#0d6efd,#6f42c1);
    box-shadow:0 0 0 3px rgba(13,110,253,.12);
    flex:0 0 10px;
  }

  /* Summary box */
  .rez-summary{
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    border:1px solid rgba(0,0,0,.06);
  }
  .rez-chip{
    flex:0 0 auto;
    font-weight:700;
    background:#eef4ff;
    color:#0d6efd;
    border:1px solid rgba(13,110,253,.2);
    padding:.25rem .5rem;
    border-radius:999px;
    min-width:84px;
    text-align:center;
  }  
   
   
     /* ---------------------------  
    * PROIECT NOVA-CROSS
    * --------------------------- */  
   
   /* ---- Tema mov & “glass” consistentă cu fișa “Dotarea unităților…” ---- */
  :root{
    --nx-purple-700:#5a35a5;
    --nx-purple-600:#6a48b6;
    --nx-purple-500:#7a5fc4;
    --nx-ink-900:#0f1221;
    --nx-card-glass: rgba(255,255,255,.08);
    --nx-ring: rgba(122,95,196,.35);
  }

  .project-hero{
    background: radial-gradient(1200px 500px at 10% -10%, rgba(255,255,255,.08), transparent),
                linear-gradient(135deg, var(--nx-purple-700), var(--nx-purple-600) 55%, var(--nx-purple-500));
  }
  .project-sheet .letter-wide{ letter-spacing:.06em; }

  .project-sheet .chip{
    display:inline-block; padding:.35rem .65rem; border-radius:999px;
    background:rgba(255,255,255,.15); backdrop-filter: blur(6px);
    border:1px solid rgba(255,255,255,.28); font-weight:600;
  }

  .project-sheet .info-tile{
    background: var(--nx-card-glass);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 1rem;
    padding: 1rem 1.1rem;
    box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, 0 6px 18px rgba(17,12,46,.04);
  }
  .project-sheet .info-title{
    font-weight: 700; font-size: .95rem; text-transform: uppercase;
    letter-spacing: .05em; color: var(--nx-ink-900); opacity:.7; margin-bottom:.35rem;
  }
  .project-sheet .tag{
    font-size:.75rem; border-radius:999px; padding:.25rem .6rem; font-weight:600;
    background:#f1f2f6; border:1px dashed #d7d8e0;
  }

  /* mici accente */
  .project-sheet .card{ border-radius: 1.25rem; }
  .project-sheet .card-body{ background:#fff; }
  .project-sheet .info-tile:hover{
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 10px 24px rgba(17,12,46,.08);
    border-color: var(--nx-ring);
    transform: translateY(-1px);
    transition: all .25s ease;
  }

  /* titlu mai mare pe ecrane mari */
  @media (min-width:992px){
    .project-sheet .h1-md{ font-size:2.25rem; }
  }  
   
   
    /* ---------------------------  
    * PROIECT: DEZVOLTAREA INFRASTRUCTURII
    * --------------------------- */
	
  /* Tema albastră & elemente „glass”, identică structural cu fișa precedentă */
  :root{
    --infra-blue-700:#1e4f91;
    --infra-blue-600:#2461a9;
    --infra-blue-500:#2e79c7;
    --ink-900:#0f1221;
    --card-glass: rgba(255,255,255,.08);
    --ring-blue: rgba(46,121,199,.35);
  }

  .project-hero{
    background: radial-gradient(1200px 500px at 10% -10%, rgba(255,255,255,.08), transparent),
                linear-gradient(135deg, var(--infra-blue-700), var(--infra-blue-600) 55%, var(--infra-blue-500));
  }
  .project-sheet .letter-wide{ letter-spacing:.06em; }

  .project-sheet .chip{
    display:inline-block; padding:.35rem .65rem; border-radius:999px;
    background:rgba(255,255,255,.15); backdrop-filter: blur(6px);
    border:1px solid rgba(255,255,255,.28); font-weight:600;
  }

  .project-sheet .info-tile{
    background: var(--card-glass);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 1rem;
    padding: 1rem 1.1rem;
    box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, 0 6px 18px rgba(17,12,46,.04);
  }
  .project-sheet .info-title{
    font-weight: 700; font-size: .95rem; text-transform: uppercase;
    letter-spacing: .05em; color: var(--ink-900); opacity:.7; margin-bottom:.35rem;
  }

  .project-sheet .card{ border-radius: 1.25rem; }
  .project-sheet .card-body{ background:#fff; }
  .project-sheet .info-tile:hover{
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 10px 24px rgba(17,12,46,.08);
    border-color: var(--ring-blue);
    transform: translateY(-1px);
    transition: all .25s ease;
  }
  @media (min-width:992px){ .project-sheet .h1-md{ font-size:2.25rem; } }	
	
	

    /* ---------------------------  
    * PROIECT: DEZVOLTAREA INFRASTRUCTURII
    * --------------------------- */

:root{ --b1:#004990; --b2:#0079c1; }

.btn-cta{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.85rem 1.15rem; border-radius:999px; font-weight:700;
  color:#fff; text-transform:uppercase; letter-spacing:.02em;
  background:linear-gradient(135deg,var(--b2),var(--b1));
  border:1px solid #ffffff33;
  box-shadow:0 8px 18px rgba(0,73,144,.25);
  backdrop-filter:saturate(140%) blur(2px);
  -webkit-backdrop-filter:saturate(140%) blur(2px);
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.btn-cta:hover{
  transform:translateY(-1px); filter:brightness(1.05);
  box-shadow:0 10px 22px rgba(0,73,144,.35); color:#fff;
}
.btn-cta .btn-ico{ font-size:1.1em; }

.btn-cta.btn-ghost{
  background:rgba(255,255,255,.05);
  color:var(--b1); border:2px solid var(--b1);
  box-shadow:none;
}
.btn-cta.btn-ghost:hover{
  background:rgba(0,121,193,.10); color:var(--b1);
}