/* ── servicios.css: Estilos de la página Servicios ── */

.services { padding: 80px 24px 100px; background: var(--white); position:relative; overflow:hidden; }
.services::before { content:''; position:absolute; top:0;right:0; width:500px; height:500px; background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%); pointer-events:none; }

.services__header { text-align:center; max-width:640px; margin:0 auto 64px; }
.services__header .section-label { justify-content:center; }
.services__header .section-label::before { display:none; }
.services__header .section-subtitle { margin:0 auto; text-align:center; }

.services__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:60px; }

.service-card {
  background: var(--off-white); border-radius:var(--radius-lg); padding:40px 32px;
  position:relative; overflow:hidden; transition:var(--transition);
  border: 1.5px solid transparent; cursor:default;
}
.service-card::before { content:''; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,var(--gold),var(--gold-light)); transform:scaleX(0); transition:transform var(--transition); transform-origin:left; }
.service-card:hover   { background:var(--white); border-color:var(--gray-200); box-shadow:var(--shadow-lg); transform:translateY(-6px); }
.service-card:hover::before { transform:scaleX(1); }

.service-card__icon  { width:60px; height:60px; background:rgba(27,42,107,.08); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; font-size:1.6rem; margin-bottom:24px; transition:var(--transition); }
.service-card:hover .service-card__icon { background:var(--navy); }
.service-card__title { font-family:var(--font-display); font-size:1.35rem; font-weight:700; color:var(--navy); margin-bottom:12px; }
.service-card__desc  { font-size:.9rem; color:var(--gray-500); line-height:1.75; margin-bottom:24px; }
.service-card__list  { display:flex; flex-direction:column; gap:8px; }
.service-card__list li { display:flex; align-items:flex-start; gap:10px; font-size:.875rem; color:var(--gray-700); }
.service-card__list li::before { content:'✓'; color:var(--gold); font-weight:700; flex-shrink:0; margin-top:2px; }

.services__cta { text-align:center; padding:40px; background:var(--off-white); border-radius:var(--radius-lg); border:1.5px solid var(--gray-200); }
.services__cta p { font-family:var(--font-display); font-size:1.4rem; color:var(--navy); margin-bottom:20px; font-weight:600; }

@media (max-width:1024px) { .services__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px)  { .services__grid { grid-template-columns:1fr; } }