/* Proyecto Museo — Servicios especializados v1.6.6
   Scoped to #servicios-especializados to avoid collateral effects. */

#servicios-especializados{
  padding-top:clamp(72px,8vw,116px);
  padding-bottom:clamp(78px,9vw,130px);
}

#servicios-especializados .pm-specialized-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.7fr);
  gap:clamp(28px,5vw,76px);
  align-items:end;
  margin-bottom:clamp(38px,5vw,64px);
  padding-bottom:28px;
  border-bottom:1px solid rgba(23,23,22,.18);
}

#servicios-especializados .pm-specialized-head__title .eyebrow{
  margin:0 0 13px;
}

#servicios-especializados .pm-specialized-head h2{
  margin:0;
  max-width:760px;
  font-family:var(--serif);
  font-size:clamp(2.75rem,5.4vw,5.8rem);
  line-height:.94;
  font-weight:500;
  letter-spacing:-.035em;
  text-wrap:balance;
}

#servicios-especializados .pm-specialized-head__intro{
  margin:0 0 4px;
  max-width:520px;
  color:var(--muted);
  font-size:clamp(1rem,1.25vw,1.18rem);
  line-height:1.62;
}

#servicios-especializados .pm-specialized-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

#servicios-especializados .pm-specialized-card{
  min-width:0;
  min-height:390px;
  background:#fff;
  border:1px solid rgba(23,23,22,.19);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

#servicios-especializados .pm-specialized-card>a{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit;
  text-decoration:none;
}

#servicios-especializados .pm-specialized-card__top{
  min-height:150px;
  padding:22px 24px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    linear-gradient(135deg,rgba(154,93,59,.09),transparent 54%),
    linear-gradient(145deg,#e7d9c5 0%,#f5f0e7 58%,#d3bea0 100%);
  border-bottom:1px solid rgba(23,23,22,.12);
}

#servicios-especializados .pm-specialized-card__number{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

#servicios-especializados .pm-specialized-card__number strong{
  font-family:var(--serif);
  font-size:clamp(2.75rem,4.3vw,4.9rem);
  line-height:.82;
  font-weight:500;
  letter-spacing:-.04em;
  opacity:.72;
}

#servicios-especializados .pm-specialized-card__number span{
  padding-top:4px;
  font-family:var(--sans);
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:right;
}

#servicios-especializados .pm-specialized-card__rule{
  width:42px;
  height:2px;
  background:#9a5d3b;
}

#servicios-especializados .pm-specialized-card__body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:24px 24px 22px;
}

#servicios-especializados .pm-specialized-card h3{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.5rem,2vw,2.05rem);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.018em;
  text-wrap:balance;
}

#servicios-especializados .pm-specialized-card__desc{
  margin:15px 0 0;
  color:#68645f;
  font-size:.92rem;
  line-height:1.55;
}

#servicios-especializados .pm-specialized-card__action{
  margin-top:auto;
  padding-top:23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid rgba(23,23,22,.12);
  font-family:var(--sans);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

#servicios-especializados .pm-specialized-card__arrow{
  font-size:1rem;
  line-height:1;
  transform:translateY(-1px);
}

#servicios-especializados .pm-specialized-card:hover{
  transform:translateY(-3px);
  border-color:rgba(23,23,22,.36);
  box-shadow:0 14px 32px rgba(23,23,22,.08);
}

#servicios-especializados .pm-specialized-card>a:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:5px;
}

#servicios-especializados .pm-specialized-card:hover .pm-specialized-card__action{
  text-decoration:underline;
  text-underline-offset:4px;
}

@media(max-width:980px){
  #servicios-especializados .pm-specialized-head{
    grid-template-columns:1fr;
    gap:22px;
  }
  #servicios-especializados .pm-specialized-head__intro{
    max-width:760px;
  }
  #servicios-especializados .pm-specialized-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  #servicios-especializados{
    padding-top:62px;
    padding-bottom:76px;
  }
  #servicios-especializados .pm-specialized-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  #servicios-especializados .pm-specialized-card{
    min-height:0;
  }
  #servicios-especializados .pm-specialized-card__top{
    min-height:126px;
  }
}

@media(prefers-reduced-motion:reduce){
  #servicios-especializados .pm-specialized-card{
    transition:none;
  }
}