:root{
  --brand:#0ea5e9;     /* ≈ colore primario (sostituisci col tuo HEX) */
  --brand-dark:#0369a1;
  --ink:#0f172a;
  --muted:#64748b;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.06);
}

html,body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--ink);
}
.text-gray-900 {
    background: #ebebeb;
}
.bg-white {
    background-color: #c7c4c4 !important;
}
.border {
    border-width: 0px !important;
}
/* Header */
.site-header{
  border-bottom:1px solid #eef2f7;
  background:#fff;
}
.site-header .logo{
  height: 10px; /* regola in base al tuo logo */
}

/* Input / Select */
.search-input, .select-input{
  border:1px solid #e5e7eb;
  border-radius: calc(var(--radius) - 4px);
  padding:.55rem .9rem;
  background:#fff;
}
.search-input:focus, .select-input:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(14,165,233,.15);
}

/* Card */
.card { border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid #f1f5f9; }
.card:hover{ box-shadow:0 14px 40px rgba(0,0,0,.09); }

/* Tipografia Caratteristiche (prose “light”) */
.prose{ line-height:1.7; color:var(--ink); }
.prose h2{ font-family: Montserrat, Inter, sans-serif; font-weight:800; font-size:1.5rem; margin:1.2em 0 .5em }
.prose h3{ font-weight:700; font-size:1.25rem; margin:1em 0 .5em }
.prose p{ margin:.6em 0 }
.prose ul{ list-style:disc; padding-left:1.2em; margin:.6em 0 }
.prose ol{ list-style:decimal; padding-left:1.2em; margin:.6em 0 }
.prose a{ color:var(--brand); text-decoration:underline; }

/* override delle classi Tailwind */
.max-w-6xl {
  max-width: 100% !important;
}

.p-6 {
  padding: 0 !important;
}
  .py-6 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.text-sm {
    font-size: 1rem !important;
    line-height: 1rem !important;
}
header {
.text-sm {
    font-size: 1.2rem !important;
    line-height: 1rem !important;
}
        }

.bg-\[\#1b1b1b\] {
    background-color: #ce333c !important;
}
.space-y-1 {
    line-height: 1.5rem !important;
}
.rounded-xl {
    border-radius: 0rem !important;
}

.text-lg {
    font-size: 0.9rem !important;
    line-height: 1.0rem !important;
}
.p-4 {
    padding: 0.5rem !important;
}


/* Mobile (fino a 767px di larghezza) */
@media (max-width: 767px) {
  .w-\[80\%\] {
    width: 100% !important;
}
  .max-w-5xl {
    max-width: 90% !important;
  }

.rounded-xl {
    border-radius: 0rem !important;
}
.mb-1 {
    margin-bottom: 1rem !important;
}
}