/* Páginas de cada servicio (modelo, azafata, activaciones, protocolo). Usa la base de estilos.css */
.s-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;color:var(--white);background:var(--ink);padding:0}
.s-hero .hero-bg img{object-position:var(--foco,center 25%)}
.s-hero-inner{position:absolute;z-index:2;left:clamp(16px,6vw,90px);right:clamp(16px,4vw,48px);bottom:clamp(40px,8vh,72px)}
.s-hero .kicker{opacity:.7}
.s-hero h1{margin-top:16px;font-family:var(--sans);font-weight:500;font-size:clamp(40px,7vw,104px);line-height:.98;letter-spacing:.005em;text-transform:uppercase}
.s-hero h1 em{display:block;font-family:var(--serif);font-weight:400;font-style:italic;text-transform:none;font-size:.62em;letter-spacing:0;margin-top:.12em;opacity:.9}

.s-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px)}
.s-intro .lead{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3vw,40px);line-height:1.2}
.s-intro .lead+p{margin-top:24px;font-size:16px;line-height:1.8;color:#3b3935;max-width:480px}
.s-list{list-style:none;border-top:1px solid #cfcac2;align-self:start}
.s-list li{display:flex;gap:22px;align-items:baseline;padding:20px 0;border-bottom:1px solid #cfcac2;font-size:16px;transition:padding-left .4s var(--ease)}
.s-list li:hover{padding-left:10px}
.s-list .n{font-family:var(--serif);font-size:18px;color:var(--muted);min-width:28px}

.s-modo{background:var(--ink);color:var(--white)}
.s-modo .head h2{color:var(--white)}
.s-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}
.s-pasos div{border-top:1px solid rgba(255,255,255,.3);padding-top:22px}
.s-pasos b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,32px);text-transform:uppercase;margin-bottom:12px}
.s-pasos p{font-size:15px;line-height:1.7;color:#cfcac2}
.s-cta{margin-top:clamp(40px,6vw,72px);display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.s-cta a.btn{background:var(--white);color:var(--ink);padding:17px 34px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;transition:letter-spacing .4s var(--ease)}
.s-cta a.btn:hover{letter-spacing:.22em}

.s-galeria .board .card{cursor:default}
.s-sig{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;border-top:1px solid #cfcac2}
.s-sig a{display:grid;gap:8px}
.s-sig a b{font-family:var(--sans);font-weight:500;font-size:clamp(28px,4.4vw,60px);text-transform:uppercase;line-height:1;transition:letter-spacing .5s var(--ease)}
.s-sig a:hover b{letter-spacing:.03em}
.s-sig .derecha{text-align:right}

@media (max-width:900px){
  .s-intro,.s-pasos{grid-template-columns:1fr}
  .s-sig .derecha{text-align:left}
}