@media (max-width: 480px) {
  /* Estilos para pantallas muy pequeñas - ocupar todo el ancho agresivamente */
  .service-item {
    padding: 1.5rem 1rem !important;
    width: 100% !important;
    max-width: 100vw !important; /* Forzar ancho total del viewport */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    gap: 1rem !important;
  }
  
  /* Container de servicios a ancho total */
  .services-section .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .services-layout {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .service-text {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    flex: 1 !important;
    margin-right: 10px !important;
  }
  
  .service-btn.icon-static {
    height: 60px !important;
    width: 60px !important;
    min-width: 60px !important; /* Asegurar que no se reduzca */
    margin-left: auto !important; /* Empujar hacia el extremo derecho */
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .service-btn .btn-icon {
    width: 40px !important;
    height: 40px !important;
  }
  
  /* Estructura de la sección para ocupar ancho total */
  .services-full {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .services-list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}


@media (max-width: 767px) {
  /* Estilos para dispositivos móviles */
  .services-list {
    margin-top: 1rem;
  }
  
  .service-item {
    border-bottom: 2px solid #0a1819 !important;
  }
}


@media (min-width: 768px) {
  
}