:root{--gold:#d8b45b;--bg:#090909;--card:#141414;--muted:#aaa}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#fff}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:20;background:#090909e8;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:14px 6%;border-bottom:1px solid #ffffff12}.brand{font-family:Georgia,serif;font-size:25px;color:var(--gold);font-weight:800}.navlinks{display:flex;gap:22px;align-items:center}.btn{display:inline-block;border:1px solid var(--gold);padding:12px 18px;border-radius:10px;font-weight:800}.btn.gold{background:var(--gold);color:#111}.hero{min-height:82vh;display:grid;place-items:center;text-align:center;padding:80px 20px;background:linear-gradient(#0009,#000d),url('../img/referencia-local.jpg') center/cover}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,9vw,110px);margin:0;color:var(--gold);letter-spacing:-3px}.hero p{font-size:clamp(18px,3vw,30px);margin:12px 0 30px}.scissor{font-size:58px;display:inline-block;animation:float 2.8s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(7deg)}}section{padding:70px 6%;max-width:1250px;margin:auto}.title{text-align:center;font-family:Georgia,serif;font-size:38px;color:var(--gold);margin:0 0 34px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:linear-gradient(145deg,#171717,#0e0e0e);border:1px solid #ffffff12;border-radius:18px;padding:22px;box-shadow:0 15px 45px #0008}.price{color:var(--gold);font-size:24px;font-weight:900}.muted{color:var(--muted)}.install{position:fixed;right:18px;bottom:18px;z-index:30;box-shadow:0 10px 30px #000}.footer{text-align:center;padding:35px;color:#888;border-top:1px solid #ffffff12}.form{max-width:720px;margin:auto}.form input,.form select,.form textarea{width:100%;padding:14px;margin:7px 0;background:#111;border:1px solid #333;border-radius:10px;color:#fff}.form label{font-weight:700;color:#ddd}.notice{padding:12px;border-radius:10px;background:#17351f;margin:12px 0}.admin{max-width:1200px;margin:auto;padding:25px}.table{width:100%;border-collapse:collapse;background:#111}.table th,.table td{padding:12px;border-bottom:1px solid #333;text-align:left}@media(max-width:720px){.navlinks a:not(.btn){display:none}.hero{min-height:72vh}.install{left:16px;right:16px;text-align:center}.hero h1{letter-spacing:-1px}}

/* V4: movimiento visual barbería */
.chairCard .barberChair{animation:chairPulse 1.9s ease-in-out infinite;transform-origin:50% 75%;will-change:transform,filter}
.chairCard:nth-child(2n) .barberChair{animation-delay:.25s}
.chairCard:nth-child(3n) .barberChair{animation-delay:.5s}
@keyframes chairPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(216,180,91,0))}50%{transform:scale(1.055);filter:drop-shadow(0 0 12px rgba(216,180,91,.28))}}
.heroScissor{display:inline-block;font-size:64px;line-height:1;margin-bottom:8px;animation:scissorFloat 2.3s ease-in-out infinite;filter:drop-shadow(0 8px 14px #000)}
@keyframes scissorFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.chairCard .barberChair,.heroScissor{animation:none}}