/* ===== Tarjeta categoría (E-COMMERCE) ===== */
   .category-card {
    height: 80px; /* Ajusta altura según diseño */
    border-radius: 15px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.36);
    overflow: hidden;
    position: relative;
    background-color: var(--color-secundario);
  }
  
  .category-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  
  .category-card__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  
  .category-card__content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: var(--color-primario);
  }
  
  /* ===== Service Cards (Ecommerce Start / Advance / Master) ===== */
  .service-card {
    background-color: var(--color-primario);
    border-radius: 15px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.36);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  /* Encabezado de cada tarjeta */
  .service-card__header {
    background-color: transparent;
  }
  /* Lista de ítems: ocupa el espacio restante (flex-grow-1) */
  .service-card__list {
    flex-grow: 1;
    /* px-3 y pb-3 ya los pusiste en el HTML; aquí solo definimos tipografía */
  }
  .service-card__list li {
    font-size: 0.9rem;
    color: var(--color-secundario);
    /* Cuando agregues el ícono de check, ponlo dentro de cada <li> con <i class="bi bi-check2 me-2 text-destacado"></i> */
  }
  
  /* Pie de tarjeta: botón fijo abajo */
  .service-card__footer {
    background-color: transparent;
  }
  
  /* Botón “Calcular Valor del Proyecto” */
  .btn-destacado {
    background-color: var(--color-destacado);
    color: var(--color-secundario);
    border: none;
    font-weight: 500;
  }
  .btn-destacado:hover {
    /* Si no estás usando SASS, reemplaza darken() por un color manual un poco más oscuro */
    background-color: #adb800; /* ~5% más oscuro que #C2D401 */
    color: var(--color-secundario);
  }
  
  /* Mobile: ajusta altura de la categoría si quieres */
  @media (max-width: 576px) {
    .category-card {
      height: 60px;
    }
}