/*==================================================
  SERVICES-PAGE.CSS  (servicios.html)
==================================================*/
.svc-hero{padding:clamp(140px,18vw,210px) 0 1rem}
.svc-hero h1{max-width:900px;margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5rem)}
.svc-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem}
.svc-nav a{padding:.6rem 1.15rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.92rem;color:var(--color-text);transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.svc-nav a:hover{background:#fff;border-color:#fff;color:#000}
.svc-main{padding-bottom:clamp(60px,7vw,100px)}
.svc-category{padding-top:clamp(80px,9vw,120px)}
.svc-category+.svc-category{margin-top:clamp(80px,9vw,120px);border-top:1px solid rgba(255,255,255,.1)}
.svc-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.svc-side{position:relative}
.svc-side h2{margin-bottom:1.25rem;font-size:clamp(2rem,3.4vw,3rem)}
.svc-side p{font-size:1rem;line-height:1.8}
.svc-side ul{display:grid;gap:.6rem;margin:1.25rem 0 0;padding:0;list-style:none;color:var(--color-text-light);font-size:.95rem}
.svc-side li{position:relative;padding-left:1.1rem}
.svc-side li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}
.svc-item{padding:2.25rem 0;border-top:1px solid rgba(255,255,255,.1)}
.svc-item:first-child{padding-top:0;border-top:0}
.svc-item h3{margin-bottom:.8rem}
.svc-item p{max-width:62ch}
.svc-prices{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin:1.5rem 0 0;padding:0}
.svc-prices div{display:flex;flex-direction:column;gap:.1rem}
.svc-prices dt{font-size:.85rem;color:var(--color-text-muted)}
.svc-prices dd{margin:0;font-family:var(--font-heading);font-size:1.7rem;font-weight:600;letter-spacing:-.01em;color:var(--color-white)}
.svc-consult{margin-top:1.25rem;font-size:.95rem;color:var(--color-text-muted)}
.svc-book{display:inline-flex;margin-top:1.5rem;padding:.7rem 1.4rem;border:1px solid var(--color-primary);border-radius:999px;font-size:.92rem;font-weight:500;color:var(--color-white);transition:background-color .3s ease}
.svc-book:hover{background:var(--color-primary)}
.svc-end{padding:clamp(70px,8vw,110px) 0;text-align:center;background:var(--color-surface)}
.svc-end h2{max-width:760px;margin:0 auto 1.25rem;font-size:clamp(2rem,4vw,3.2rem)}
.svc-end p{max-width:560px;margin:0 auto 2.25rem}
@media (max-width:900px){.svc-layout{grid-template-columns:1fr}.svc-side{position:static}}

/*==================================================
  FONDO (igual al de la galería) + FOTOGRAFÍAS SUTILES
==================================================*/
html{scroll-behavior:auto}
#main{background:var(--color-surface)}
.cta{isolation:isolate}
.svc-photo{position:relative;margin:0 0 1.75rem;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--color-surface-light)}
.svc-photo img{display:block;width:100%;height:100%;object-fit:cover}
.svc-photo::after{content:"";position:absolute;inset:0;background:rgba(23,23,23,.35);transition:opacity .6s ease;pointer-events:none}
.svc-category:hover .svc-photo::after{opacity:0}
@media (max-width:900px){.svc-photo{aspect-ratio:16/9}}

/*==================================================
  ACORDEÓN DE SERVICIOS
==================================================*/
details.svc-item,details.svc-item:first-child{padding:0;border-top:1px solid rgba(255,255,255,.12)}
details.svc-item:first-child{border-top:0}
.svc-list details.svc-item:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.svc-item summary{display:flex;align-items:center;gap:1.25rem;padding:1.6rem 0;cursor:pointer;list-style:none}
.svc-item summary::-webkit-details-marker{display:none}
.svc-item summary h3{flex:1;margin:0;transition:color .3s ease}
.svc-item summary:hover h3{color:var(--color-primary)}
.svc-item summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}
.svc-from{font-size:.95rem;white-space:nowrap;color:var(--color-text-muted)}
.svc-item summary::after{content:"+";flex:none;width:1.4rem;text-align:center;font-size:1.7rem;line-height:1;color:var(--color-primary)}
.svc-item[open] summary::after{content:"–"}
.svc-body{padding:0 0 2.25rem}
.svc-body>p:first-child{margin-top:0}
@media (max-width:520px){.svc-item summary{flex-wrap:wrap;gap:.35rem 1rem}.svc-from{order:3;flex-basis:100%}.svc-item summary::after{order:2}}