.imagenes_contenedor_inicio {
        display: grid;
        grid-template-columns: repeat(7, 1fr); 
        gap: 20px; 
        padding: 20px;
        max-width: 1200px;
        width: 100%; 
        margin: 0 auto; 
    }

 
    .imagenes_inicio_sub {
        width: 100px;
        height: auto;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .portada_marcas_historia{
     justify-content: center;
     margin: 0 auto;
     text-align: center;
     width: 100%;
     max-width: 1200px;
    }
    
    .imagenes_inicio_sub:hover {
        transform: scale(1.05); 
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .brand-list { display: flex; flex-wrap: wrap; gap: 10px; }
   
   
    @media (max-width: 1200px) {
        .imagenes_contenedor_inicio {
            grid-template-columns: repeat(5, 1fr); 
        }
    }

    @media (max-width: 768px) {
        .imagenes_contenedor_inicio {
            grid-template-columns: repeat(3, 1fr); 
        }
    }

    @media (max-width: 480px) {
        .imagenes_contenedor_inicio {
            grid-template-columns: repeat(2, 1fr);
        }

    
        .imagenes_contenedor_inicio .imagenes_inicio_sub:nth-child(n+7) {
            display: none;
        }

  
        .ver-mas {
            display: block !important;
            text-align: center;
            margin: 20px auto;
            padding: 10px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

      
        .mostrar-todas .imagenes_inicio_sub {
            display: block !important;
        }
    }

  
    .ver-mas {
        display: none;
    }