/* servicios.css — Servicios page extras. Reuses site.css + mantenimiento.css
   (for cw-mhero, cw-story, cw-photo). */

/* Imagen real en la columna de la historia (sustituye al placeholder cw-photo__ph) */
.cw-photo__img{ width:100%; height:auto; display:block; border-radius:var(--radius-lg);
  border:1px solid var(--border); box-shadow:var(--shadow-md); }
@media (max-width:900px){ .cw-story .cw-photo__img{ max-width:360px; } }

.cw-service__ico--green{ background:var(--green-50); color:var(--green-600); }
.cw-service--link{ display:flex; flex-direction:column; align-items:flex-start; }
.cw-grid-auto{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:1.4rem; }

/* CTA band */
.cw-ctaband{ background:linear-gradient(100deg, var(--brand-orange), var(--coral-500)); }
.cw-ctaband__inner{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:1.4rem; }
.cw-ctaband h2{ color:#fff; max-width:18ch; }
.cw-ctaband .btn{ background:#fff; color:var(--orange-700); }
.cw-ctaband .btn:hover{ background:var(--ink-900); color:#fff; }

/* Service-detail highlight band (dark) */
.cw-sd-highlight{ background:var(--ink-900); }
.cw-sd-highlight__inner{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,3.5rem); align-items:center; }
.cw-sd-highlight h2{ font-size:var(--text-3xl); line-height:1.18; }
@media (max-width:900px){ .cw-sd-highlight__inner{ grid-template-columns:1fr; } }