/* ============================================================================
   Anulaciones conscientes sobre el CSS del tema.
   Cada bloque es una decisión deliberada que se aparta del diseño original.
   Se carga DESPUÉS de las hojas del tema, así que gana sin `!important`.

   IMPORTANTE: los selectores encadenan las mismas cuatro clases que usa el tema
   (.service-area-three .service-wrapper .services-card-wrap .services-card).
   Con menos clases la regla pierde por especificidad y no se aplica.
   ========================================================================== */

/* --- Servicios del home (decisión: opción B) --------------------------------
   El original fija el slide en 930 px con columnas de 465 y título de 45 px:
   en 1185 px útiles deja 255 px del siguiente asomando y cortado.

   Aquí, SOLO en escritorio (≥992 px), el slide baja a 510 px para que entren
   dos completos con el gap de 150 del contenedor (510 + 150 + 510 = 1170).
   En móvil y tablet manda el responsive del tema, que ya está resuelto; se
   comprobó que sin el media query el alto del documento cambiaba en móvil.

   Límite conocido: es un carrusel continuo, así que un tercer slide seguirá
   asomando por el borde. Para que no asome ninguno habría que sustituir el
   carrusel por una rejilla estática, y eso no se hace con CSS.

   Para revertir: borrar este archivo o quitar el <link> del layout.           */

@media (min-width: 992px) {
  .service-area-three .service-wrapper .services-card-wrap .services-card {
    width: 510px;
  }

  .service-area-three .service-wrapper .services-card-wrap .services-card .card-left-content .title {
    font-size: 26px;
    line-height: 1.15;
    margin-bottom: 20px;
  }

  .service-area-three .service-wrapper .services-card-wrap .services-card .card-left-content .left-bottom-content .solid-btn-2 {
    font-size: 13px;
    line-height: 1.35;
    gap: 8px;
  }

  .service-area-three .service-wrapper .services-card-wrap .services-card .card-left-content .left-bottom-content .solid-btn-2 .icon svg {
    width: 22px;
    height: 22px;
  }

  .service-area-three .service-wrapper .services-card-wrap .services-card .card-right-content .thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}