/* ---- About (À propos) skin ---- */
.about-hero{
  background: #fff;
  border-bottom: 1px solid var(--muted-20);
}
.about-hero h1{
  color: black;
  letter-spacing:.2px;
}

.about-lead{
  color: gray;
}

/* Tabs / submenu */
.about-tabs .nav-link{
  color: var(--brand-teal);
  border-radius: 999px;
  padding: .5rem 1rem;
  border: 1px solid transparent;
}
.about-tabs .nav-link.active{
  color: var(--quido-text-light);
  background: linear-gradient(135deg, var(--brand-blue), var(--quido-primary));
  border-color: var(--brand-blue);
  box-shadow: 0 6px 16px rgba(0,168,232,.18);
}

/* Content cards */
.about-card{
  background: #fff;
  border:1px solid var(--muted-20);
  border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  color: var(--quido-text-dark);
}

/* Section headings */
.about-section h3{
  color: black;
  /*margin-bottom:.5rem;*/
}
.about-section p{
  color: var(--quido-text-dark);
  /*line-height:1.7;*/
}

/* Highlight blocks */
.about-highlight{
  background:linear-gradient(rgba(0, 166, 232, 0.73) 0%, rgba(151, 201, 249, 0.73) 100%);
  border:1px solid var(--muted-20);
  border-radius:14px;
  padding:1rem 1.25rem;
}

/* Partner logos */
.partner-logo{
  height: 40px;
  width: auto;
  filter: grayscale(0.1);
  opacity:.9;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
.partner-logo:hover{
  filter:none; 
  opacity:1; 
  transform: translateY(-2px);
}

/* Approach image placeholders */
.approach-figure{
  /*border:1px dashed var(--quido-primary);*/
  border-radius:14px;
  align-items: end;
  justify-content: center;
}


.practice-title{
  color: var(--brand-teal);
}

p.practice-description{
}

/* Team cards */
.team-card{
  border:1px solid var(--muted-20);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  transition: transform .15s ease, box-shadow .15s ease;
}
.team-card:hover{
  transform: translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.team-photo{
  width:100%; height: 210px; object-fit: cover;
}
.team-name{
  color: var(--brand-teal);
  font-weight:700;
}
.team-role{
  color: var(--brand-orange);
  font-weight:600;
  font-size:.95rem;
}
.team-tags .badge{
  background: rgba(0,178,214,.12);
  color: var(--brand-teal);
  border:1px solid rgba(0,178,214,.25);
}