.component-slider-ss {
        margin-bottom: 0 !important;
    }

    /* Asegura que la sección de servicios no tenga empuje desde arriba */
    section[data-ss-id="JBvaL6SDiRXTzhUYfGeVk"] {
        margin-top: 0 !important;
    }

.brand-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Obliga a 2 columnas */
        gap: 40px 20px; /* Mayor espacio entre filas para que respiren */
        justify-items: center;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .brand-grid .brand-link {
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 130px; /* Controla el ancho máximo en celular */
    }
    
    .brand-grid img {
        width: 100%;
        height: auto;
        object-fit: contain;        
    }
    
    /* Tamaños aumentados para celular (Mantiene las proporciones de cada logo) */
    .brand-grid .img-apple, .brand-grid .img-dji { max-height: 55px; }
    .brand-grid .img-samsung, .brand-grid .img-ps { max-height: 35px; }
    .brand-grid .img-motorola { max-height: 45px; }
    .brand-grid .img-xiaomi { max-height: 40px; }
    .brand-grid .img-jbl, .brand-grid .img-nikon { max-height: 65px; }

    /* 💻 DISEÑO DESKTOP (A partir de 768px de ancho) */
    @media (min-width: 768px) {
        .brand-grid {
            display: flex; /* Vuelve a tu flexbox original */
            flex-wrap: wrap;
            justify-content: center;
            gap: clamp(15px, 2vw, 30px);
        }
        .brand-grid .brand-link {
            width: clamp(60px, 10vw, 110px);
            max-width: none;
        }
        
        /* Tamaños originales que tenías para desktop */
        .brand-grid .img-apple, .brand-grid .img-dji { max-height: 35px; }
        .brand-grid .img-samsung, .brand-grid .img-ps { max-height: 20px; }
        .brand-grid .img-motorola { max-height: 28px; }
        .brand-grid .img-xiaomi { max-height: 25px; }
        .brand-grid .img-jbl, .brand-grid .img-nikon { max-height: 45px; }
    }

    /* =========================================
   ESPACIADORES Y CONTENEDOR PRINCIPAL
   ========================================= */
.premium-spacer {
    height: 80px; /* Espacio generoso para respirar */
}

.services-section {
    background-color: #ffffff;
    /* Usa la tipografía nativa de Apple (San Francisco) cuando está disponible */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 60px 20px;
    overflow: hidden;
}

/* =========================================
   ENCABEZADOS
   ========================================= */
.section-heading {
    font-size: clamp(36px, 5vw, 48px);
    font-weight: 600;
    letter-spacing: -0.015em;
    color: #1d1d1f; /* Negro suave estilo Apple */
    margin-bottom: 16px;
}

.section-subheading {
    font-size: clamp(18px, 3vw, 21px);
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.011em;
    color: #86868b; /* Gris característico de los subtítulos de Apple */
    max-width: 650px;
    margin: 0 auto;
}

/* =========================================
   TARJETAS DE SERVICIO
   ========================================= */
.service-card {
    background-color: #fbfbfd; /* Fondo gris súper claro, casi blanco */
    border-radius: 24px; /* Esquinas muy redondeadas */
    padding: 40px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.02);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Efecto hover suave: se eleva sutilmente y aparece una sombra suave */
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.04);
}

/* =========================================
   ICONOS
   ========================================= */
.service-icon-wrapper {
    background: linear-gradient(135deg, #ffffff, #f0f0f3);
    width: 72px;
    height: 72px;
    border-radius: 50%; /* Iconos circulares */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04); /* Sombra interna del icono */
    color: #1d1d1f; /* Color del icono */
    font-size: 28px;
    transition: transform 0.3s ease;
}

/* Pequeño rebote del icono al pasar el mouse por la tarjeta */
.service-card:hover .service-icon-wrapper {
    transform: scale(1.05);
}

/* =========================================
   TEXTOS DENTRO DE LA TARJETA
   ========================================= */
.service-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.009em;
    color: #1d1d1f;
    margin-bottom: 12px;
}

.service-text {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -0.022em;
    color: #86868b; /* Gris para lectura descansada */
    margin: 0;
}