/*==================================================
  SERVICE-DETAIL.CSS  (landing de cada servicio)
==================================================*/
.sd-hero{padding:clamp(130px,16vw,190px) 0 clamp(60px,7vw,100px)}
.sd-hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.sd-crumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;font-size:.9rem;color:var(--color-text-muted)}
.sd-crumbs li+li::before{content:"/";margin-right:.5rem}
.sd-crumbs a:hover{color:var(--color-white)}
.sd-hero h1{margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5rem)}
.sd-from{margin:2rem 0;font-size:1rem;color:var(--color-text-muted)}
.sd-from strong{display:block;font-family:var(--font-heading);font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:600;line-height:1.1;color:var(--color-white)}
.sd-photo{margin:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:var(--color-surface-light)}
.sd-photo img{display:block;width:100%;height:100%;object-fit:cover}
.sd-actions{display:flex;flex-wrap:wrap;gap:1rem}
.sd-link{display:inline-flex;align-items:center;height:56px;padding:0 1.6rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:var(--color-white);transition:background-color .3s ease,color .3s ease}
.sd-link:hover{background:#fff;color:#000}
.sd-section{padding:0 0 clamp(70px,8vw,110px)}
.sd-section h2{margin-bottom:2.5rem;font-size:clamp(2rem,4vw,3.2rem)}
.sd-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.sd-price{display:flex;flex-direction:column;padding:2rem;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:var(--color-surface-light)}
.sd-price span{font-size:1rem;color:var(--color-text-muted)}
.sd-price strong{margin:.4rem 0 1.5rem;font-family:var(--font-heading);font-size:2.8rem;font-weight:600;line-height:1;color:var(--color-white)}
.sd-price .btn{width:100%;justify-content:center;margin-top:auto}
.sd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}
.sd-item{padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.12)}
.sd-item i{display:block;margin-bottom:1.25rem;font-size:1.5rem;color:var(--color-primary)}
.sd-item h3{margin-bottom:.7rem}
.sd-item p{font-size:.98rem;line-height:1.7}
.sd-where p{max-width:760px;margin-bottom:1.75rem}
.sd-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2rem;padding:0;list-style:none}
.sd-chips li{padding:.55rem 1.1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.93rem;color:var(--color-text)}
.sd-faq details{border-top:1px solid rgba(255,255,255,.12);padding:1.4rem 0}
.sd-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.sd-faq summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;font-family:var(--font-heading);font-size:1.45rem;font-weight:600;color:var(--color-white)}
.sd-faq summary::-webkit-details-marker{display:none}
.sd-faq summary::after{content:"+";flex:none;font-size:1.6rem;line-height:1;color:var(--color-primary)}
.sd-faq details[open] summary::after{content:"–"}
.sd-faq details p{max-width:70ch;margin-top:1rem}
.sd-related{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.sd-related a{display:block;padding:1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:20px;transition:border-color .3s ease,background-color .3s ease}
.sd-related a:hover{border-color:var(--color-primary);background:rgba(255,255,255,.04)}
.sd-related b{display:block;margin-bottom:.35rem;font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--color-white)}
.sd-related span{font-size:.92rem;color:var(--color-text-muted)}
.sd-end{padding:clamp(60px,7vw,100px) 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}
.sd-end h2{max-width:720px;margin:0 auto 1.25rem;font-size:clamp(2rem,4vw,3.2rem)}
.sd-end p{max-width:540px;margin:0 auto 2rem}
.sd-end .sd-actions{justify-content:center}
@media (max-width:992px){.sd-grid{grid-template-columns:repeat(2,1fr)}.sd-prices,.sd-related{grid-template-columns:1fr}}
@media (max-width:900px){.sd-hero .container{grid-template-columns:1fr}.sd-photo{aspect-ratio:16/10}}
@media (max-width:520px){.sd-grid{grid-template-columns:1fr}}

.sd-prices--one{grid-template-columns:minmax(0,420px)}
@media (max-width:992px){.sd-prices--one{grid-template-columns:1fr}}