/* Dtache Music: paginas de servicio. Usa los tokens de landing.css. */
.dtache-servicio .srv-hero{padding-bottom:clamp(40px,5vw,64px)}
.srv-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,34px)}
.srv-hero .btn-ghost{border-color:rgba(17,16,14,.3);color:var(--paper)}
.srv-hero .btn-ghost:hover{border-color:var(--paper)}

.srv-block{padding-block:clamp(52px,7vw,96px)}
.srv-alt{background:var(--carbon)}
.srv-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
@media (max-width:820px){.srv-cols{grid-template-columns:1fr}}
.srv-h2{font:600 clamp(24px,3vw,36px)/1.1 var(--f-display);letter-spacing:-.015em;color:var(--paper);margin:0 0 clamp(18px,2.4vw,28px);text-wrap:balance}

.srv-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.srv-list li{position:relative;padding-left:26px;color:var(--paper);line-height:1.5}
.srv-list li::before{content:"";position:absolute;left:0;top:.7em;width:14px;height:1px;background:var(--gold)}

.srv-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:s}
.srv-steps li{display:grid;gap:4px;padding-left:44px;position:relative;counter-increment:s}
.srv-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:500 12px/1 var(--f-mono);color:var(--gold)}
.srv-steps strong{font-weight:600;color:var(--paper)}
.srv-steps span{color:var(--silver);font-size:16px}

.srv-prose{max-width:820px}
.srv-prose p{color:var(--silver);font-size:17px;line-height:1.7;margin:0 0 16px;max-width:68ch}
.srv-prose p:last-child{margin-bottom:0}
.srv-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px!important}
.srv-links a{color:var(--paper)!important;font-weight:600;font-size:15px;border-bottom:1px solid var(--gold);padding-bottom:2px}
.srv-links a:hover{color:var(--gold)!important}

.srv-faq{display:grid;gap:0;border-top:1px solid var(--line)}
.srv-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.srv-faq summary{cursor:pointer;font:600 18px/1.35 var(--f-display);color:var(--paper);list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.srv-faq summary::-webkit-details-marker{display:none}
.srv-faq summary::after{content:"+";font:400 24px/1 var(--f-mono);color:var(--gold);flex:none}
.srv-faq details[open] summary::after{content:"–"}
.srv-faq details p{margin:12px 0 0;max-width:62ch}

.srv-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
@media (max-width:700px){.srv-related{grid-template-columns:1fr}}
.srv-card{display:grid;gap:8px;background:var(--carbon);padding:clamp(20px,2.4vw,28px);border-radius:3px;border:1px solid transparent;transition:border-color .2s}
.srv-card:hover,.srv-card:focus-visible{border-color:var(--gold)}
.srv-card-t{font:600 clamp(18px,2vw,22px)/1.2 var(--f-display);color:var(--paper)}
.srv-card-m{font:500 12px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--silver)}
.srv-card-a{font-weight:600;font-size:15px;color:var(--gold)}

.srv-links-home{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:clamp(24px,3vw,36px)}
.srv-links-home a{font-weight:600;font-size:15px;color:var(--paper);border-bottom:1px solid var(--gold);padding-bottom:2px}
.srv-links-home a:hover{color:var(--gold)}