/* Servicios (Halo). Lo común vive en paginas.css (cabecera, .ficha, .ico-linea, .fig-arco, .bloque-urgente, .panel); aquí solo la composición propia. */

/* Traslado: tres fichas a la izquierda y la carroza (con su foto en arco) a la derecha, de la misma altura en escritorio */
.serv-traslado { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
.serv-traslado > * { min-width: 0; }
@media (min-width: 800px) {
  .serv-traslado { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.5rem 4.5rem; align-items: start; }
  .serv-traslado__a { grid-column: 1; grid-row: 1; }
  .serv-traslado__b { grid-column: 1; grid-row: 2; }
  .serv-traslado__d { grid-column: 1; grid-row: 3; }
  .serv-traslado__c { grid-column: 2; grid-row: 1 / span 3; }
}

/* Carroza fúnebre en arco. Sujeto: el vehículo COMPLETO (de la defensa al portón, techo incluido), centrado en el arco.
   El vehículo ocupa de 13,5 % a 69,4 % del ancho y de 12,3 % a 86,1 % del alto de la foto (centro en 41,5 %): un arco apaisado de 1,48:1 deja que
   object-position lo centre sin zoom (escala final 1). Medido con _herramientas/v2-encuadre.mjs + v2-encuadre-servicios.json. */
.serv-coche { max-width: 34rem; }
.serv-coche .arco { --arco-ratio: 1.48 / 1; }
.serv-coche .arco__img { object-position: 1% 50%; }

/* Carpas y sillas: panel con filete dorado; título e ícono a la izquierda, texto y botón a la derecha */
.serv-carpas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem 3.5rem; align-items: center; }
.serv-carpas > * { min-width: 0; }
.serv-carpas__cab { display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; }
.serv-carpas .ficha__titulo { max-width: 16ch; font-size: clamp(1.8rem, 1.2rem + 2.2vw, 2.8rem); }
.serv-carpas .flujo p { color: var(--texto-suave); font-size: 1.15rem; }
@media (min-width: 800px) { .serv-carpas { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }