/* Salon Ysabel Aragon NW — servicio.css */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --brand:#c2617a;--brand-dk:#a84e66;
  --bg:#fdfaf8;--text:#1a0c0a;--muted:#9b7280;
  --soft:#5a3835;--line:#e8d5d0;--surface:#f7efeb;
}
body{font-family:'Manrope',sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(253,250,248,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{max-width:860px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:'Fraunces',serif;font-weight:500;font-size:18px;color:var(--text);display:flex;align-items:center;gap:8px;text-decoration:none}
.nav-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0}
.nav-links{display:flex;align-items:center;gap:20px}
.nav-back{font-size:13px;font-weight:600;color:var(--muted)}
.nav-back:hover{color:var(--brand);text-decoration:none}
.btn-nav{background:var(--brand);color:#fff;font-size:13px;font-weight:700;padding:8px 20px;border-radius:50px;letter-spacing:.03em;text-decoration:none}
.btn-nav:hover{background:var(--brand-dk);text-decoration:none}

/* BREADCRUMB */
.bc{background:var(--surface);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);padding:10px 0}
.bc-in{max-width:860px;margin:0 auto;padding:0 24px}
.bc a{color:var(--brand)}
.bc a:hover{text-decoration:underline}

/* WRAP */
.wrap{max-width:860px;margin:0 auto;padding:0 24px}

/* HERO */
.srv-hero{background:linear-gradient(160deg,#1c1014 0%,#2a1922 100%);color:#f4e9e3;padding:72px 24px 56px;text-align:center}
.srv-hero h1{font-family:'Fraunces',serif;font-size:clamp(28px,5.5vw,50px);font-weight:500;letter-spacing:-.025em;margin-bottom:16px;line-height:1.1;color:#f4e9e3}
.srv-hero h1 em{color:#d98aa0;font-style:italic}
.srv-hero .sub{font-size:16px;color:#cbb2b9;max-width:520px;margin:0 auto 32px;line-height:1.7}
.btn-hero{display:inline-block;background:linear-gradient(135deg,var(--brand-dk),var(--brand));color:#fff;font-weight:700;font-size:14px;padding:14px 32px;border-radius:50px;letter-spacing:.04em;transition:transform .15s,box-shadow .15s;text-decoration:none}
.btn-hero:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(194,97,122,.4);text-decoration:none}

/* BODY */
.srv-body{padding:64px 24px 80px}

/* SECTIONS */
.sec{margin-bottom:56px}
.sec h2{font-family:'Fraunces',serif;font-size:clamp(20px,3.5vw,28px);font-weight:500;color:var(--text);letter-spacing:-.01em;margin-bottom:16px}
.sec p{font-size:15px;color:var(--soft);line-height:1.8;margin-bottom:14px}
.sec h3{font-size:16px;font-weight:700;color:var(--text);margin:24px 0 8px}
.sec ul{list-style:none}
.sec ul li{font-size:15px;color:var(--soft);line-height:1.65;padding:7px 0 7px 24px;position:relative;border-bottom:1px solid var(--line)}
.sec ul li:last-child{border-bottom:none}
.sec ul li::before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:700}

/* INFO CARDS */
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin:24px 0}
.info-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 16px;text-align:center}
.info-card .ic{font-size:26px;display:block;margin-bottom:8px}
.info-card b{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}
.info-card span{font-size:12px;color:var(--muted)}

/* FAQ */
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:16px;user-select:none}
.faq-list details summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:15px;font-weight:600;color:var(--text);line-height:1.4}
.faq-list summary::after{content:'+';font-size:22px;font-weight:300;color:var(--brand);flex-shrink:0;transition:transform .22s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{padding:0 0 18px;font-size:14.5px;color:var(--soft);line-height:1.75}

/* CTA */
.cta-srv{background:linear-gradient(135deg,#1c1014,#2a1922);color:#f4e9e3;padding:64px 24px;text-align:center}
.cta-srv h2{font-family:'Fraunces',serif;font-size:clamp(22px,4vw,32px);font-weight:500;color:#f4e9e3;margin-bottom:12px}
.cta-srv p{font-size:15px;color:#cbb2b9;margin-bottom:28px}
.btn-wa{display:inline-block;background:#25d366;color:#fff;font-weight:700;font-size:14px;padding:14px 30px;border-radius:50px;text-decoration:none;margin:6px}
.btn-wa:hover{opacity:.9;text-decoration:none}

/* OTROS SERVICIOS */
.otros-srv{background:var(--surface);padding:56px 24px;border-top:1px solid var(--line)}
.otros-srv h2{font-family:'Fraunces',serif;font-size:22px;font-weight:500;margin-bottom:24px;text-align:center}
.srv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;max-width:860px;margin:0 auto}
.srv-card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;text-decoration:none;font-size:13px;font-weight:600;color:var(--text);transition:border-color .15s,transform .15s,color .15s}
.srv-card:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);text-decoration:none}
.srv-card .ic{display:block;font-size:22px;margin-bottom:6px}

/* FOOTER */
.footer{background:#1c1014;color:#9b7280;padding:32px 24px;text-align:center;font-size:13px;line-height:1.9}
.footer a{color:#b98a98}
.footer a:hover{color:var(--brand)}

/* MOBILE */
@media(max-width:600px){
  .btn-wa{display:block;max-width:280px;margin:6px auto}
  .nav-back{display:none}
}