/* Contenedor general del auto */
.ssfe-auto-section {
  background-size: cover;
  background-position: center;
  padding: 20px 0;
  position: relative;
}

/* Imagen del auto */
.ssfe-img-auto {
  max-width: 90%;
  height: auto;
}

/* Contenedor de los selectores de color */
.ssfe-color-selector {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Bolitas de color */
.ssfe-color-thumb {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: transform 0.2s ease;
}
.ssfe-color-thumb:hover {
  transform: scale(1.1);
}

/* Ajustes para móviles */
@media (max-width: 768px) {
  .ssfe-auto-section {
    padding: 10px 0;
    background-position: top;
  }

  .ssfe-img-auto {
    max-width: 100%;
    margin-bottom: 15px;
  }

  .ssfe-color-selector {
    justify-content: space-around;
    gap: 15px;
  }

  .ssfe-color-thumb {
    width: 40px;
    height: 40px;
  }
}

/* Ajustes extra pequeños (menos de 480px) */
@media (max-width: 480px) {
  .ssfe-img-auto {
    max-width: 100%;
  }

  .ssfe-color-selector {
    gap: 12px;
  }

  .ssfe-color-thumb {
    width: 35px;
    height: 35px;
  }
}