body{--accent:#7A5B3D;--dark:#201B17;--soft:#E8D8C1;--page-bg:linear-gradient(180deg,#efe1cf,#d9c1a1 45%,#201B17)}.topbar{background:rgba(239,225,207,.96)}.hero h1{letter-spacing:-.04em}.card{border-color:rgba(122,91,61,.24)}

/* v15 — barbería: más contraste y transiciones cuero/grafito */
body{
  --accent:#8A6746;
  --dark:#171411;
  --soft:#E8D8C1;
  --page-bg:
    radial-gradient(circle at 18% 0%,rgba(122,91,61,.28),transparent 30%),
    linear-gradient(180deg,#f0e1cd 0%,#d8c0a0 32%,#8a6746 62%,#201B17 100%);
}

.hero{
  background:
    linear-gradient(180deg,rgba(240,225,205,.92) 0%,rgba(240,225,205,.62) 68%,rgba(216,192,160,0) 100%);
}

.hero h1,
.hero h2,
.card strong{
  color:#171411;
}

.lead,
.section-head p,
.card p{
  color:#4f4032;
}

.soft{
  background:
    linear-gradient(180deg,
      rgba(216,192,160,0) 0%,
      #e8d8c1 18%,
      #d0ae87 54%,
      #7a5b3d 88%,
      rgba(32,27,23,.92) 100%);
}

.soft h2,
.soft .section-head p{
  color:#171411;
}

.dark-block{
  background:
    radial-gradient(circle at 14% 0%,rgba(216,192,160,.16),transparent 32%),
    linear-gradient(180deg,#6a5138 0%,#201B17 18%,#14110f 78%,#0d0b0a 100%);
}

.dark-block h2,
.dark-block h3,
.dark-block .card strong{
  color:#fff7e8;
}

.dark-block .section-head p,
.dark-block .card p{
  color:rgba(255,247,232,.82);
}

.dark-block .card{
  background:rgba(255,247,232,.10);
  border-color:rgba(255,247,232,.19);
}

footer{
  background:linear-gradient(180deg,#201B17 0%,#11100f 38%,#090807 100%);
}


/* v16 — barbería: Ruta de reserva legible */
.route-section{
  background:
    radial-gradient(circle at 18% 0%,rgba(122,91,61,.22),transparent 34%),
    linear-gradient(180deg,
      rgba(32,27,23,.92) 0%,
      #8a6746 10%,
      #e8d8c1 30%,
      #f3e8d8 72%,
      #201B17 100%);
}

.route-section .eyebrow,
.route-section h2,
.route-section h3,
.route-section .route strong{
  color:#171411;
  text-shadow:none;
}

.route-section .section-head p,
.route-section .route p{
  color:#4b3a2c;
}

.route-section .route article{
  background:rgba(255,247,232,.96);
  border-color:rgba(122,91,61,.22);
}

.route-section .route span{
  background:#7A5B3D;
  color:#fff7e8;
}