/* Tema/cores */
:root{
  --risko-primary:#1565C0;
}
.navbar-brand{color:var(--risko-primary)!important}
.btn-primary{background:var(--risko-primary);border-color:var(--risko-primary)}
.btn-outline-primary{border-color:var(--risko-primary);color:var(--risko-primary)}
.btn-outline-primary:hover{background:var(--risko-primary);color:#fff}

/* Hero */
.hero{
  background:linear-gradient(180deg,#0e4fa0 0%,#0b3d7a 100%);
  color:#fff;
}
.hero p{color:#e6edf7}
.hero-img{border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.15)}

/* Cards (tiles) com animação suave */
.card-tile{
  border:1px solid #e5e7eb;
  border-radius:1rem;
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
.card-tile .tile-icon{
  width:48px;height:48px;border-radius:.75rem;
  display:grid;place-items:center;margin-bottom:.6rem;
  background:#eef5ff;border:1px solid rgba(21,101,192,.18);
  font-size:1.4rem;
}
.card-tile:hover{
  transform:translateY(-2px);
  box-shadow:0 1rem 2rem rgba(0,0,0,.08);
  border-color:rgba(21,101,192,.25);
  background:#ffffff;
}
.card-tile:active{
  transform:translateY(0) scale(.995);
  box-shadow:0 .5rem 1rem rgba(0,0,0,.12);
  background:#f9fbff;
}

/* Seções informativas */
.contact-icon{
  width:56px;height:56px;border-radius:14px;
  display:grid;place-items:center;background:#eef5ff;color:var(--risko-primary);
  border:1px solid rgba(21,101,192,.18);
}