:root{
  --lte-red: #b71c1c;
  --lte-red-dark: #8f1313;
  --lte-ink: #101214;
  --lte-muted: #6c757d;
}

body{
  color: var(--lte-ink);
}

.topbar{
  background: linear-gradient(90deg, var(--lte-red-dark), var(--lte-red));
}

.brand-mark{
  width: 12px;
  height: 28px;
  background: var(--lte-red);
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
}

.brand-text{
  letter-spacing: .2px;
}

.nav-link{
  font-weight: 600;
  color: #2b2b2b;
}

.nav-link:hover, .nav-link:focus{
  color: var(--lte-red);
}

.btn-danger{
  background-color: var(--lte-red);
  border-color: var(--lte-red);
}
.btn-danger:hover, .btn-danger:focus{
  background-color: var(--lte-red-dark);
  border-color: var(--lte-red-dark);
}

.btn-outline-danger{
  border-color: var(--lte-red);
  color: var(--lte-red);
}
.btn-outline-danger:hover, .btn-outline-danger:focus{
  background-color: var(--lte-red);
  border-color: var(--lte-red);
}

.hero{
  background: url('/img/hero-port.svg') center/cover no-repeat;
  position: relative;
}

    .hero::after {
        content: '';
        position: absolute;
        inset: 0;
        background: #8f1313;
    }

.hero > .container{
  position: relative;
  z-index: 1;
}

.section-title{
  letter-spacing: .2px;
}

.card-soft{
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border-radius: 16px;
}

.icon-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 350px; /* ajusta a tu diseņo */
    height: 100px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.service-icon {
    width: 80px; /* tamaņo del icono dentro del pill */
    height: 80px;
    object-fit: contain; /* no se deforma */
    display: block;
}

.hr-fade{
  height: 1px;
  border: 0;
  background: linear-gradient(90deg, rgba(183,28,28,.0), rgba(183,28,28,.35), rgba(183,28,28,.0));
}

.form-control:focus, .form-select:focus{
  border-color: rgba(183,28,28,.6);
  box-shadow: 0 0 0 .2rem rgba(183,28,28,.15);
}

.validation-summary-errors{
  border-left: 4px solid var(--lte-red);
  background: rgba(183,28,28,.06);
  padding: 12px 14px;
  border-radius: 12px;
}